/*
Theme Name: SCDC Coalition Theme
Description: SCDC Coalition Theme
  /* Custom CSS goes after this line */
  
  @font-face {
    font-family: "HelveticaNeue";
    src: url("../font/HelveticaNeueRegular.woff2") format("woff2"), url("../font/HelveticaNeueRegular.woff") format("woff"), url("../font/HelveticaNeueRegular.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "HelveticaNeue";
    src: url("../font/HelveticaNeueBold.woff2") format("woff2"), url("../font/HelveticaNeueBold.woff") format("woff"), url("../font/HelveticaNeueBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "HelveticaNeue";
    src: url("../font/HelveticaNeueLight.woff2") format("woff2"), url("../font/HelveticaNeueLight.woff") format("woff"), url("../font/HelveticaNeueLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "HelveticaNeue", sans-serif;
    src: url("../font/HelveticaNeueMedium.woff2") format("woff2"), url("../font/HelveticaNeueMedium.woff") format("woff"), url("../font/HelveticaNeueMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "HelveticaNeue";
    src: url("../font/HelveticaNeueThin.woff2") format("woff2"), url("../font/HelveticaNeueThin.woff") format("woff"), url("../font/HelveticaNeueThin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .scd-language--event {
      padding-left: 15px !important;
    }
	.membership-form .membership-form-carousel .owl-nav .owl-next, .membership-form .membership-form-carousel .owl-nav .owl-prev, .membership-form .membership-form-carousel .owl-nav .owl-submit {
    right: 15px;
    left: auto !important;
    border-radius: 0 !important;
    background: #fff ;
	color: var(--scd-app-button-primary-blue);
	box-shadow: none;
    width: auto;
    height: auto !important;
    font-size: 14px;
    font-weight: normal !important;
    bottom: 31% !important;
  }
  .membership-form .membership-form-carousel .owl-nav .owl-next:hover, .membership-form .membership-form-carousel .owl-nav .owl-prev:hover, .membership-form .membership-form-carousel .owl-nav .owl-submit:hover{
	  background: var(--scd-app-button-primary-blue)!important;
     color: #fff;
  }
  .membership-form .membership-form-carousel .owl-next.disabled.hide-next-btn{display:none;}
  }

  @media (max-width: 767px) {
    .scd-signup--event {
      display: none !important;
    }

    .search-box {
      margin-right: 0px;
    }

    .search-text {
      display: none;
    }

    .search-section {
      margin-top: 16px;
      right: 60px !important;
    }

    .input-search {
      margin-top: 40px;
    }

    .search-input,
    .search-icon {
      right: 0 !important;
    }

    .search-input {
      top: 40px !important;
    }

    .scd-takeAction-btn {
      position: absolute;
      top: 0px;
      right: 55px;
    }

    .scd-join-btn {
      width: 100%;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .scd-rightText {
      font-size: 1rem !important;
    }
  }

  :root {
    --scd-color-app-brand-primary: rgb(7, 93, 133);
    --scd-color-app-brand-secondary: rgb(173, 22, 47);
    --scd-color-sup-white: rgb(255, 255, 255);
    --scd-color-app-info: rgb(0, 154, 172);
    --scd-color-sup-black: rgb(0, 0, 0);
    --scd-color-app-default: rgb(0, 0, 50);
    --scd-color-app-success: rgb(7, 137, 62);
    --scd-color-app-warning: rgb(184, 92, 0);
    --scd-color-app-danger: rgb(207, 14, 0);
    --scd-color-sup-grey: rgb(204, 204, 204);
    --scd-color-sup-yellow: rgb(252, 180, 58);
    --scd-color-sup-lightblue: rgb(232, 239, 242);
    --scd-app-button-primary-blue: #075d85;
    --scd-app-button-primary-hover-blue: #223944;
    --scd-app-button-primary-active-blue: #142229;
    --scd-app-button-primary-bluelight: #009aac;
    --scd-app-button-primary-hover-bluelight: #008a99;
    --scd-app-button-primary-active-bluelight: #006b77;
    --scd-app-button-primary-red: #ad162f;
    --scd-app-button-primary-hover-red: #53000e;
    --scd-app-button-primary-active-red: #380009;
    --scd-app-button-secondary-white-default: #ffffff;
    --scd-app-button-disabled-default-gree: rgb(204, 204, 204);
    --scd-app-button-secondary-white-default-hover: #53000e;
    --scd-app-button-secondary-white-default-active: #53000e;
    --scd-app-button-disabled-default: rgb(239, 239, 239);
    --scd-app-button-disabled-default-hover: rgb(156, 156, 156);
  }

  .scd-banner.scd-takeAction-banner {
    overflow: hidden;
    height: 400px;
    max-height: 400px;
    min-height: 400px;
    border-bottom: 1px solid #867f99;
    background: none;
  }

  .scd-banner.scd-takeAction-banner .cover-bg-container {
    min-height: 100%;
  }

  .scd-banner.scd-takeAction-banner .cover-bg-containermobileView {
    display: none;
  }

  .scd-banner.scd-takeAction-banner .centered {
    padding: 0px 0%;
    align-items: flex-start;
    margin: 0;
  }

  .scd-banner.scd-takeAction-banner .scd-banner__body {
    top: 65%;
    padding-left: 1rem;
    padding-top: 0;
  }

  .scd-banner.scd-takeAction-banner .scd-banner__body p {
    padding: 1rem 0%;
  }

  .scd-details .scdTakeAction-video.scd-video {
    height: 100%;
    overflow: hidden;
    margin: 0px auto;
    width: 970px;
  }
  .scd-details .scdTakeAction-video.scd-video.innerVideo-iframe{
    height: 100%;
    overflow: hidden;
    margin: 0px;
    width: auto;
  }
  .scdTakeAction-video.scd-video.joinUsVideo {
    margin: 0px auto;
    max-width: 970px;
  }

  .scd-details .scdTakeAction-video.scd-video .sickleCellDisease-video {
    width: 100%;
    height: 100%;
  }

  .scd-details .scdTakeAction-video.scd-video iframe {
    width: 100% !important;
    min-height: 300px;
    height: 100%;
  }

  .scd-details .scdTakeAction-video.scd-video .scd-text {
    width: 100%;
    padding: 1% 0% 0% 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
  }

  .scd-details .scdTakeAction-video.scd-video .scd-text.scd-textNormal {
    font-weight: normal;
  }
  .scd-details .scdTakeAction-video.scd-video .scd-text.scd-textNormal a {
    font-weight: normal;
    color: #fff;
  }
  
  .text-sectionCell.text-white p a {
    color: #fff;
  }
  .text-sectionCell p {
    color: #fff;
  }

  .scd-details .scdTakeAction-video.scd-video .FPOYoutubePlaceholder-video {
    width: 100%;
    height: 100%;
  }

  .scd-details .scdTakeAction-video.scd-video .FPOYoutubePlaceholder-video iframe {
    width: 100% !important;
    min-height: 546px;
  }

  .scd-details.scd-takeAction-standUp {
    padding-top: 1em;
    padding-bottom: 3%;
    background-color: #fff;
  }

  .scd-details.scd-takeAction-standUp.scd-vision-container {
    padding: auto;
  }

  .changeTheCourse-section,
  .joinThefight-section,
  .scd-SpreadTheWord {
    position: relative;
    padding-bottom: 3rem;
    min-height: 90vh;
    background-color: #FEF7EB;
  }

  .changeTheCourse-section a,
  .joinThefight-section a,
  .scd-SpreadTheWord a {
    color: #075d85;
  }

  .changeTheCourse-section h2,
  .changeTheCourse-section .scd-hedding-joinUs,
  .changeTheCourse-section .scd-hedding,
  .joinThefight-section h2,
  .joinThefight-section .scd-hedding-joinUs,
  .joinThefight-section .scd-hedding,
  .scd-SpreadTheWord h2,
  .scd-SpreadTheWord .scd-hedding-joinUs,
  .scd-SpreadTheWord .scd-hedding {
    text-align: center;
  }

  .changeTheCourse-section .hedding-spacing,
  .joinThefight-section .hedding-spacing,
  .scd-SpreadTheWord .hedding-spacing {
    padding: 5rem 23rem 1rem;
  }

  .changeTheCourse-section .scd-member-spacing,
  .joinThefight-section .scd-member-spacing,
  .scd-SpreadTheWord .scd-member-spacing {
    padding: 0px;
  }

  .changeTheCourse-section .scd-hedding-joinUs,
  .joinThefight-section .scd-hedding-joinUs,
  .scd-SpreadTheWord .scd-hedding-joinUs {
    font-weight: 500;
  }

  .changeTheCourse-section .changeTheCourse-details,
  .changeTheCourse-section .details-actionData,
  .joinThefight-section .changeTheCourse-details,
  .joinThefight-section .details-actionData,
  .scd-SpreadTheWord .changeTheCourse-details,
  .scd-SpreadTheWord .details-actionData {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 3rem 0;
  }

  .changeTheCourse-section .changeTheCourse-details--avatar-img,
  .changeTheCourse-section .details-actionData--avatar-img,
  .joinThefight-section .changeTheCourse-details--avatar-img,
  .joinThefight-section .details-actionData--avatar-img,
  .scd-SpreadTheWord .changeTheCourse-details--avatar-img,
  .scd-SpreadTheWord .details-actionData--avatar-img {
    width: 12%;
    margin-right: 15px;
  }

  .changeTheCourse-section .changeTheCourse-details--text,
  .changeTheCourse-section .details-actionData--text,
  .joinThefight-section .changeTheCourse-details--text,
  .joinThefight-section .details-actionData--text,
  .scd-SpreadTheWord .changeTheCourse-details--text,
  .scd-SpreadTheWord .details-actionData--text {
    width: calc(100% - 175px);
  }

  .changeTheCourse-section .changeTheCourse-details--text .hedding-x3,
  .changeTheCourse-section .details-actionData--text .hedding-x3,
  .joinThefight-section .changeTheCourse-details--text .hedding-x3,
  .joinThefight-section .details-actionData--text .hedding-x3,
  .scd-SpreadTheWord .changeTheCourse-details--text .hedding-x3,
  .scd-SpreadTheWord .details-actionData--text .hedding-x3 {
    padding-top: 0px;
    text-align: start;
    padding-left: 4px;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText,
  .changeTheCourse-section .details-actionData--text--detailsText,
  .joinThefight-section .changeTheCourse-details--text--detailsText,
  .joinThefight-section .details-actionData--text--detailsText,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText,
  .scd-SpreadTheWord .details-actionData--text--detailsText {
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    list-style: none;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText .list,
  .changeTheCourse-section .details-actionData--text--detailsText .list,
  .joinThefight-section .changeTheCourse-details--text--detailsText .list,
  .joinThefight-section .details-actionData--text--detailsText .list,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText .list,
  .scd-SpreadTheWord .details-actionData--text--detailsText .list {
    position: relative;
    padding-left: 2rem;
  }

  .changeTheCourse-details--text--detailsText ul {
    text-align: left;
    position: relative;
    padding: 0;
    margin-left: 1.7rem;
  }

  .changeTheCourse-details--text--detailsText ul li {
    padding-left: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
  }

  .changeTheCourse-details--text--detailsText ul li::marker {
    font-size: 1.7rem;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText .list:before,
  .changeTheCourse-section .details-actionData--text--detailsText .list:before,
  .joinThefight-section .changeTheCourse-details--text--detailsText .list:before,
  .joinThefight-section .details-actionData--text--detailsText .list:before,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText .list:before,
  .scd-SpreadTheWord .details-actionData--text--detailsText .list:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 10px;
    /* background: url(/images/disc-icon.svg); */
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText .list--items,
  .changeTheCourse-section .details-actionData--text--detailsText .list--items,
  .joinThefight-section .changeTheCourse-details--text--detailsText .list--items,
  .joinThefight-section .details-actionData--text--detailsText .list--items,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText .list--items,
  .scd-SpreadTheWord .details-actionData--text--detailsText .list--items {
    color: #075d85;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText .list.list-goals,
  .changeTheCourse-section .details-actionData--text--detailsText .list.list-goals,
  .joinThefight-section .changeTheCourse-details--text--detailsText .list.list-goals,
  .joinThefight-section .details-actionData--text--detailsText .list.list-goals,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText .list.list-goals,
  .scd-SpreadTheWord .details-actionData--text--detailsText .list.list-goals {
    list-style: disc;
    padding-left: 0.5rem;
    margin: 0px 0px 0px 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText .list.list-goals::before,
  .changeTheCourse-section .details-actionData--text--detailsText .list.list-goals::before,
  .joinThefight-section .changeTheCourse-details--text--detailsText .list.list-goals::before,
  .joinThefight-section .details-actionData--text--detailsText .list.list-goals::before,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText .list.list-goals::before,
  .scd-SpreadTheWord .details-actionData--text--detailsText .list.list-goals::before {
    display: none;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText.details-actionData,
  .changeTheCourse-section .details-actionData--text--detailsText.details-actionData,
  .joinThefight-section .changeTheCourse-details--text--detailsText.details-actionData,
  .joinThefight-section .details-actionData--text--detailsText.details-actionData,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText.details-actionData,
  .scd-SpreadTheWord .details-actionData--text--detailsText.details-actionData {
    padding-top: 1rem;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list,
  .changeTheCourse-section .details-actionData--text--detailsText.details-actionData .shareableMessages-list,
  .joinThefight-section .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list,
  .joinThefight-section .details-actionData--text--detailsText.details-actionData .shareableMessages-list,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list,
  .scd-SpreadTheWord .details-actionData--text--detailsText.details-actionData .shareableMessages-list {
    margin-bottom: 1rem;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list .list-icon,
  .changeTheCourse-section .details-actionData--text--detailsText.details-actionData .shareableMessages-list .list-icon,
  .joinThefight-section .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list .list-icon,
  .joinThefight-section .details-actionData--text--detailsText.details-actionData .shareableMessages-list .list-icon,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list .list-icon,
  .scd-SpreadTheWord .details-actionData--text--detailsText.details-actionData .shareableMessages-list .list-icon {
    float: left;
    height: 100%;
    margin-right: 0;
    cursor: pointer;
  }

  .changeTheCourse-section .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list .shareableMessages-content,
  .changeTheCourse-section .details-actionData--text--detailsText.details-actionData .shareableMessages-list .shareableMessages-content,
  .joinThefight-section .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list .shareableMessages-content,
  .joinThefight-section .details-actionData--text--detailsText.details-actionData .shareableMessages-list .shareableMessages-content,
  .scd-SpreadTheWord .changeTheCourse-details--text--detailsText.details-actionData .shareableMessages-list .shareableMessages-content,
  .scd-SpreadTheWord .details-actionData--text--detailsText.details-actionData .shareableMessages-list .shareableMessages-content {
    float: left;
    width: 94%;
    padding-left: 0.84rem;
  }

  .changeTheCourse-section.scd-SpreadTheWord,
  .joinThefight-section.scd-SpreadTheWord,
  .scd-SpreadTheWord.scd-SpreadTheWord {
    background-color: #fff !important;
  }

  .changeTheCourse-section.scd-SpreadTheWord .scd-text,
  .joinThefight-section.scd-SpreadTheWord .scd-text,
  .scd-SpreadTheWord.scd-SpreadTheWord .scd-text {
    text-align: center;
    padding: 1rem 4rem;
    font-weight: 400;
  }

  .changeTheCourse-section.scd-SpreadTheWord .scd-SpreadTheWord-details,
  .joinThefight-section.scd-SpreadTheWord .scd-SpreadTheWord-details,
  .scd-SpreadTheWord.scd-SpreadTheWord .scd-SpreadTheWord-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .changeTheCourse-section.scd-SpreadTheWord .scd-SpreadTheWord-details__body,
  .changeTheCourse-section.scd-SpreadTheWord .scd-SpreadTheWord-details__avatarBg,
  .joinThefight-section.scd-SpreadTheWord .scd-SpreadTheWord-details__body,
  .joinThefight-section.scd-SpreadTheWord .scd-SpreadTheWord-details__avatarBg,
  .scd-SpreadTheWord.scd-SpreadTheWord .scd-SpreadTheWord-details__body,
  .scd-SpreadTheWord.scd-SpreadTheWord .scd-SpreadTheWord-details__avatarBg {
    flex: 1;
    width: 48%;
    padding-right: 1rem;
  }

  .changeTheCourse-section.scd-SpreadTheWord .scd-SpreadTheWord-details__avatarBg,
  .joinThefight-section.scd-SpreadTheWord .scd-SpreadTheWord-details__avatarBg,
  .scd-SpreadTheWord.scd-SpreadTheWord .scd-SpreadTheWord-details__avatarBg {
    padding-left: 1rem;
  }

  .changeTheCourse-section.scd-SpreadTheWord .SpreadTheWord-avatar,
  .joinThefight-section.scd-SpreadTheWord .SpreadTheWord-avatar,
  .scd-SpreadTheWord.scd-SpreadTheWord .SpreadTheWord-avatar {
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .changeTheCourse-section.scd-SpreadTheWord .SpreadTheWord-avatar--Icon,
  .joinThefight-section.scd-SpreadTheWord .SpreadTheWord-avatar--Icon,
  .scd-SpreadTheWord.scd-SpreadTheWord .SpreadTheWord-avatar--Icon {
    width: 10rem;
  }


  .joinThefight-section {
    background-image: linear-gradient(to left, #c12940, #af2047, #9a1b4c, #841a4d, #6e1a4c, #641a4a, #5a1a48, #501945, #501945, #501945, #501945, #501945);
    padding: 3rem 0 !important;
  }

  .joinThefight-section .joinTheFight-text {
    text-align: center;
    line-height: 1.75rem;
    color: var(--scd-color-sup-yellow);
    font-family: "Noto Sans", sans-serif;
    font-size: 1.25rem;
  }

  .joinThefight-section .scd-hedding-joinUs {
    color: rgb(255, 255, 255);
  }

  .shareable-gallery {
    position: relative;
    width: 100%;
    max-width: 100%;

  }

  .shareable-gallery--row>.shareable-gallery--column {
    padding: 1rem 8px 0px;
    position: relative;
  }

  .shareable-gallery--row:after {
    content: "";
    display: table;
    clear: both;
  }

  .shareable-gallery--column {
    float: left;
    width: 50%;
    min-height: 204px;
  }

  .shareable-gallery--column .cursor {
    cursor: pointer;
  }

  .shareable-gallery--column img.hover-shadow {
    transition: 0.3s;
  }

  .shareable-gallery--column .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .shareable-gallery--column .overlay {
    position: absolute;
    bottom: 3rem;
    background: rgba(0, 0, 0, 0.5);
    width: 94%;
    transition: 0.5s ease;
    opacity: 0;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .shareable-gallery--column .overlay img {
    margin-right: 0.82rem;
  }

  .shareable-gallery--column:hover .overlay {
    opacity: 1;
  }

  .shareable-gallery--column .hedding {
    text-align: center;
    color: #075d85;
    padding-top: 5px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }

  .shareable-gallery--Modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding: 1rem;
    left: 0;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0px auto;
  }

  .shareable-gallery--Modal--close {
    color: rgb(255, 255, 255);
    position: absolute;
    top: -35px;
    right: 0px;
    font-size: 22px;
    font-weight: bold;
    z-index: 3;
  }

  .shareable-gallery--Modal--close:hover,
  .shareable-gallery--Modal--close:focus {
    color: rgb(255, 255, 255);
    text-decoration: none;
    cursor: pointer;
    z-index: 3;
  }

  .shareable-gallery--Modal-content {
    position: relative;
    background-color: var(--scd-color-sup-white);
    margin: 9% auto;
    padding: 0;
    width: 50%;
    max-width: 50%;
    max-height: 700px;
  }

  .shareable-gallery .shareable-myView {
    display: none;
  }

  .shareable-gallery .shareable-myView .hedding-titleBg {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }

  .shareable-gallery .shareable-myView .hedding-titleBg .hedding {
    text-align: center;
    color: rgb(255, 255, 255);
    padding-top: 1rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }

  .shareable-gallery .shareable-myView .hedding-titleBg .titleText {
    color: rgb(255, 255, 255);
  }

  /***** ---- New List style ---- *****/
  .scd-list-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 3rem 0;
  }

  .scd-list-container--list-ul {
    list-style: none;
    position: relative;
  }

  .scd-list-container--list-ul .list {
    text-align: left;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
  }

  /***** ---- New List style End---- *****/
  .overlay-bg {
    position: relative;
  }

  .overlay-bg .overlay {
    position: absolute;
    bottom: 0rem;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
    opacity: 0;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .overlay-bg:hover .overlay {
    opacity: 1;
  }

  .overlay-bg .overlay.overlay-hover {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
  }

  .overlay-bg:hover .overlay.overlay-hover {
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
  }

  .socialIcon-bg {
    text-align: center;
    margin-top: -75px;
    margin-bottom: 2.25rem;
  }

  .socialIcon-bg--twiter-icon,
  .socialIcon-bg--toutube-icon {
    width: 10rem;
  }

  .socialIcon-bg.globalSocialIcon-bg {
    position: absolute;
    left: 35%;
    top: 88px;
    z-index: 9;
  }

  .socialIcon-bg.globalSocialIcon-bg--twiter-icon {
    width: 8rem;
  }

  .socialChat-section {
    text-align: center;
    border-radius: 30px;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
  }

  .socialChat-section.YoutubeVideo-bg {
    border-radius: 0rem;
  }

  .socialChat-section.YoutubeVideo-bg iframe {
    width: 100% !important;
    height: 100%;
    min-height: 300px;
  }

  @media (min-width: 360px) and (max-width: 667px) {
    .scd-details .scdTakeAction-video.scd-video .FPOYoutubePlaceholder-video iframe {
      width: 100% !important;
      min-height: 235px;
      height: 100%
    }

    .joinThefight-section.reportCardDirectory-videoSection {
      min-height: auto;
    }

    .changeTheCourse-section .hedding-spacing {
      padding: 5rem 0rem 1rem !important;
    }

    .scd-details .scdTakeAction-video.scd-video {
      margin: 0px;
      width: auto !important;
    }

    .scd-details .scdTakeAction-video.scd-video iframe {
      width: 100% !important;
      min-height: 235px;
      height: 100%
    }

    .socialChat-section.YoutubeVideo-bg iframe {
      width: 100% !important;
      min-height: 235px;
      height: 100%
    }

   .mobile-memberCollaboration-img {
          margin-top: -1585px;
            }

    .changeTheCourse-details {
      flex-direction: column !important;
      align-items: center !important;
    }

    .changeTheCourse-details--avatar-img {
      width: 30% !important;
      margin-bottom: 2rem;
    }

    .changeTheCourse-details--text {
      width: calc(100% - 0px) !important;
    }

    .changeTheCourse-details--text .hedding-x3 {
      text-align: center !important;
      margin-bottom: 2rem;
    }

    .scd-SpreadTheWord .scd-text {
      padding: 1rem 1rem !important;
    }

    .scd-SpreadTheWord-details {
      flex-direction: column !important;
      justify-content: normal !important;
    }

    .scd-SpreadTheWord-details__body,
    .scd-SpreadTheWord-details__avatarBg {
      width: 100% !important;
    }

    .shareable-gallery--Modal-content {
      width: 90%;
      max-width: 90%;
    }

    .socialIcon-bg {
      margin-top: 30px;
    }

    .socialIcon-bg.globalSocialIcon-bg {
      top: 0px;
    }

    .take-action-details .teckAction-memberBody {
      padding-left: 1rem !important;
      width: 100% !important;
      padding-right: 1rem;
    }

    .cover-bg-container.cover-bg-container-View {
      display: none !important;
    }

    .take-action-details .teckAction-memberBody.footer-teckActionBody {
      padding-left: 1rem !important;
      width: 100% !important;
    }

    /* .cover-bg-container {
      display: none !important;
    } */

    .cover-bg-containermobileView {
      display: block !important;
      max-width: 100%;
      width: 100%;
    }
  }

  .changeTheCourse-details__scdc-goals {
    padding: 1rem 0;
    width: 100%;
    text-align: center;
  }

  .changeTheCourse-details__scdc-goals--content {
    padding: 0px 2rem;
    float: left;
    width: 33.33%;
    padding: 5px;
  }

  .changeTheCourse-details__scdc-goals--content:first-child {
    padding-left: 0px;
  }

 .changeTheCourse-details__scdc-goals--content:nth-child(4n-0) {
    padding-left: 0px;
  }
 

  .changeTheCourse-details__scdc-goals--content.readingListview {
    padding: 0rem 0.7rem 1rem 0.7rem;
    float: left;
    width: 25%;
    text-align: left;
    min-height: 445px;

  }

  .changeTheCourse-details__scdc-goals--content.readingListview:first-child {
    padding-left: 1.5rem;
  }

  .changeTheCourse-details__scdc-goals--content.readingListview:nth-child(5n-0) {
    padding-left: 1.5rem;
  }

  .changeTheCourse-details__scdc-goals--content.readingListview .title-text {
    font-size: 16px;
    color: #075d85;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    width: calc(100% - 0px);
    float: left;
    padding-bottom: 1.125rem;
  }

  .changeTheCourse-details__scdc-goals--content.readingListview .title-text.ellipsis {
    max-width: 100%;
    margin: 1rem auto 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
    min-height: 50px;
  }

  .changeTheCourse-details__scdc-goals--content.readingListview p {
    max-width: 100%;
    margin: 0rem auto 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
  }

  .changeTheCourse-details__scdc-goals--content .text-goals {
    font-size: 1.125rem;
  }

  .changeTheCourse-details__scdc-goals--content .text-goals .goals-textbold {
    font-size: 1.125rem;
    color: #53000e;
    font-weight: 700;
  }

  .changeTheCourse-details__scdc-goals--content .hedding {
    text-align: left;
    min-height: 80px;
  }

  .changeTheCourse-details__scdc-goals--avatar-img {
    width: 10.625em;
    margin-bottom: 1rem;
  }

  .changeTheCourse-details__scdc-goals--avatar {
    width: 100%;
    height: 278px;
    border-radius: 20px;
    overflow: hidden;
  }

  .changeTheCourse-details__scdc-goals--avatar--img {
    width: 100%;
    height: 100%;
  }

  .changeTheCourse-details__scdc-goals::after {
    content: "";
    clear: both;
    display: table;
  }

  .scd-thesegoals {
    padding-top: 4rem;
  }

  .scd-thesegoals--subcommittees--hedding-section {
    display: flex;
    justify-content: center;
    padding: 4rem 0 1rem;
  }

  .scd-thesegoals--subcommittees--hedding-section .hedding {
    width: 70%;
  }

  .scd-thesegoals--subcommittees--content {
    align-items: flex-start;
    padding: 0rem 0rem 1rem 1.5rem;
    min-height: 425px;
  }

  .scd-thesegoals .learnmore-text {
    color: rgb(0, 154, 172);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 1.8rem;
    position: relative;
    font-size: 1.125rem;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    cursor: pointer;
  }

  .scd-thesegoals .learnmore-text:before {
    position: absolute;
    content: "\f090";
    left: 0px;
    top: 1px;
    width: 32px;
    height: 27px;
    font-family: FontAwesome;
    color: #009aac;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    z-index: 1;
  }

  .scd-thesegoals .learnmore-text:hover:before {
    color: rgb(141, 141, 141);
  }

  .scd-thesegoals .learnmore-text:hover {
    color: rgb(141, 141, 141);
    text-decoration: none;
  }

  .downloadBtn-cell {
    position: relative;
    padding-left: 2.25rem;
    color: #009aac !important;
  }

  .downloadBtn-cell:before {
    position: absolute;
    content: "\f019";
    left: 0px;
    top: 1px;
    width: 32px;
    height: 27px;
    font-family: FontAwesome;
    color: #009aac;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    z-index: 1;
  }

  .downloadBtn-cell:hover:before {
    color: #009aac;
  }

 .learnmore-aboutMember {
    background-image: linear-gradient(134deg, rgb(0 154 172 / 60%) 0%, #501945 100%);
    padding: 0rem 0;
    height: 230px;
    min-height: auto;
    padding: 0px !important;
    display: flex;
    align-items: center;
  }

  .learnmore-aboutMember.learnAboutMember-membership {
    background-image: linear-gradient(156deg, #357085 0%, #ffffff 100%);
    padding-top: 0px !important;
    /* margin-bottom: 8rem; */
  }

  .learnmore-aboutMember__body {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
  }

  .learnmore-aboutMember__body--event {
    display: flex;
    align-items: center;
  }

  .learnmore-aboutMember__body--event.hedding-section {
    padding-right: 2rem;
    width: 75%;
  }

  .learnmore-aboutMember__body--event.hedding-section .hedding {
    color: rgb(255, 255, 255);
    text-align: left;
  }

  .learnmore-aboutMember__body--event.btn-section {
    width: 25%;
    padding-left: 1rem;
    justify-content: flex-end;
  }

  .learnmore-aboutMember__body--event .aboutmember-learnmore {
    background: var(--scd-app-button-secondary-white-default);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: #53000e;
    border-color: rgb(255, 255, 255);
    text-transform: uppercase;
  }

  .learnmore-aboutMember__body--event .aboutmember-learnmore:hover {
    background-color: var(--scd-app-button-secondary-white-default);
    color: var(--scd-app-button-secondary-white-default);
    border-color: var(--scd-app-button-secondary-white-default);
  }

  .learnmore-aboutMember__body--event .aboutmember-learnmore:active {
    background-color: var(--scd-app-button-secondary-white-default);
  }

  .learnmore-aboutMember__body--event .aboutmember-learnmore:focus {
    outline: none;
    box-shadow: none;
  }

  .learnmore-aboutMember__body--event .aboutmember-learnmore:hover,
  .learnmore-aboutMember__body--event .aboutmember-learnmore:focus {
    background-color: var(--scd-app-button-secondary-white-default-hover);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }

  .learnmore-aboutMember__body--event .aboutmember-learnmore:active {
    background-color: var(--scd-app-button-secondary-white-default-active);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }

  .about-joinThefight-section {
    background: #EFEFEF !important;
  }

  .about-joinThefight-section .joinTheFight-text {
    color: #075d85;
    font-size: 1.25rem;
  }

  @media (min-width: 360px) and (max-width: 667px) {
    .about-joinThefight-section {
      min-height: auto;
    }

    .changeTheCourse-details__scdc-goals {
      flex-direction: column;
      display: flex;
      align-items: center;
    }

    .changeTheCourse-details__scdc-goals--content.readingListview {
      width: 50%;
    }

    .changeTheCourse-details__scdc-goals--content.readingListview:last-child {
      padding: 0rem 0.7rem 1rem 0.7rem;
    }

    .changeTheCourse-details__scdc-goals--content {
      padding: 1.25rem 0rem;
      width: 100%;
      min-height: auto;
    }



    .changeTheCourse-details__scdc-goals--content:last-child {
      padding: 0rem 0rem 1.125rem;
    }

    .changeTheCourse-details__scdc-goals--content .hedding {
      text-align: left;
    }

    .learnmore-aboutMember {
      height: 370px;
    }

    .learnmore-aboutMember__body {
      flex-direction: column;
    }

    .learnmore-aboutMember__body--event.hedding-section {
      padding-right: 0rem;
      width: 100%;
    }

    .learnmore-aboutMember__body--event.btn-section {
      width: 100%;
      padding-left: 0rem;
      justify-content: center;
      margin-top: 2rem;
    }

    .learnmore-aboutMember__body--event .aboutmember-learnmore {
      width: 100%;
    }
  }

  .guidescdc-strategy-Section {
    width: 71%;
    margin: 0 auto;
  }

  .guidescdc-strategy-Section .hedding-weight {
    font-weight: 500;
    font-size: 1.75rem;
  }

  .guidescdc-strategy-Section .scd-text {
    width: 61%;
    margin: 0 auto;
    font-size: 1.125rem;
  }

  .guidescdc-strategy-Section--logos {
    list-style: none;
    display: flex;
  }

  .guidescdc-strategy-Section--logos--logosImg {
    margin-right: 2rem;
  }

  .guidescdc-strategy-Section--logos--logosImg img {
    height: 40px;
  }

  .guidescdc-strategy-Section--logos--logosImg:last-child {
    margin-left: 0rem;
    margin-right: 0;
  }

  .sickleCell-coalition {
    position: relative;
    height: 100%;
    min-height: 500px;
    width: 847px;
    margin: 3rem auto 0px;
  }

  .sickleCell-coalition .webView-img {
    width: 100%;
    display: block;
  }

  .sickleCell-coalition .mobileView-img {
    width: 100%;
    display: none;
  }

  .sickleCell-coalition--logos {
    position: absolute;
    bottom: -25px;
    left: 41%;
  }

  .sickleCell-coalition--logos .scdc-socialLogo {
    height: 13em;
  }

  .sickleCell-coalition--accessToCare,
  .sickleCell-coalition--sickleCellTaskForce,
  .sickleCell-coalition--globalIssues-workinggroup {
    position: absolute;
    border-radius: 20px;
    border: 1px solid #979797;
    background: rgb(0, 154, 172);
    width: 200px;
    height: 140px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 1.75rem;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
  }

  .sickleCell-coalition--accessToCare {
    bottom: 0px;
    left: 11%;
  }

  .sickleCell-coalition--accessToCare:before {
    content: " ";
    position: absolute;
    right: -56%;
    top: 40px;
    width: 116px;
    height: 106px;
    background: url("../images/Logos/diseaseCoalition-arrow.png") no-repeat;
    background-blend-mode: normal;
    transform: scaleX(-1) rotate(90deg);
  }

  .sickleCell-coalition--sickleCellTaskForce {
    bottom: -5px;
    right: 10%;
    left: auto;
  }

  .sickleCell-coalition--sickleCellTaskForce:before {
    content: " ";
    position: absolute;
    left: -56%;
    top: 40px;
    width: 116px;
    height: 106px;
    background: url("../images/Logos/diseaseCoalition-arrow.png") no-repeat;
    background-blend-mode: normal;
    transform: scaleX(1) rotate(90deg);
  }

  .sickleCell-coalition--bloodDonorDiversity {
    bottom: 12.5em;
    right: auto;
    left: 17.5%;
    position: absolute;
  }

  .sickleCell-coalition--bloodDonorDiversity--box {
    position: relative;
    border-radius: 20px;
    border: 1px solid #979797;
    background: rgb(0, 154, 172);
    width: 200px;
    height: 140px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 1.75rem;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    z-index: 1;
  }

  .sickleCell-coalition--bloodDonorDiversity:after {
    content: " ";
    position: absolute;
    right: -38%;
    top: 107px;
    width: 116px;
    height: 106px;
    background: url("../images/Logos/diseaseCoalition-arrow.png") no-repeat;
    background-blend-mode: normal;
    transform: scaleX(-1) rotate(50deg);
  }

  .sickleCell-coalition--trialsWorkingGroup {
    bottom: 12.5em;
    right: 17.5%;
    left: auto;
    position: absolute;
  }

  .sickleCell-coalition--trialsWorkingGroup--box {
    position: relative;
    border-radius: 20px;
    border: 1px solid #979797;
    background: rgb(0, 154, 172);
    width: 200px;
    height: 140px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 1.5rem;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 1.75rem;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    z-index: 1;
  }

  .sickleCell-coalition--trialsWorkingGroup:before {
    content: " ";
    position: absolute;
    left: -38%;
    top: 107px;
    width: 116px;
    height: 106px;
    background: url("../images/Logos/diseaseCoalition-arrow.png") no-repeat;
    background-blend-mode: normal;
    transform: scaleX(1) rotate(50deg);
  }

  .sickleCell-coalition--globalIssues-workinggroup {
    top: 10px;
    right: 0;
    left: 41%;
    bottom: auto;
  }

  .sickleCell-coalition--globalIssues-workinggroup:before {
    content: " ";
    position: absolute;
    left: 33%;
    top: 138px;
    width: 116px;
    height: 106px;
    background: url("../images/Logos/diseaseCoalition-arrow.png") no-repeat;
    background-blend-mode: normal;
    transform: rotate(0deg);
  }

  @media (min-width: 360px) and (max-width: 667px) {
    .sickleCell-coalition {
      height: 100%;
      min-height: 500px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .sickleCell-coalition--logos {
      top: 15px;
      left: 28%;
      bottom: auto;
    }

    .sickleCell-coalition--logos:before {
      content: " ";
      position: absolute;
      left: 33%;
      top: 207px;
      width: 80px;
      height: 80px;
      background: url("../images/Logos/diseaseCoalition-arrow.png") no-repeat;
      background-blend-mode: normal;
      transform: rotate(0deg);
    }

    .sickleCell-coalition--accessToCare,
    .sickleCell-coalition--bloodDonorDiversity,
    .sickleCell-coalition--globalIssues-workinggroup,
    .sickleCell-coalition--trialsWorkingGroup {
      width: 100%;
      height: 110px;
    }

    .sickleCell-coalition--accessToCare:before,
    .sickleCell-coalition--bloodDonorDiversity:before,
    .sickleCell-coalition--globalIssues-workinggroup:before,
    .sickleCell-coalition--trialsWorkingGroup:before {
      content: " ";
      position: absolute;
      left: 50.5%;
      top: 109px;
      width: 14px;
      height: 35px;
      background: #7ba6ba;
      transform: scaleX(1) rotate(180deg);
    }

    .sickleCell-coalition--accessToCare {
      top: 310px;
      left: 0%;
    }

    .sickleCell-coalition--bloodDonorDiversity {
      top: 450px;
      right: auto;
      left: 0%;
      bottom: auto;
    }

    .sickleCell-coalition--bloodDonorDiversity--box {
      width: 100%;
      height: 110px;
    }

    .sickleCell-coalition--bloodDonorDiversity:after {
      display: none;
    }

    .sickleCell-coalition--globalIssues-workinggroup {
      top: 590px;
      left: 0%;
      right: auto;
    }

    .sickleCell-coalition--trialsWorkingGroup {
      top: 730px;
      left: 0%;
      right: auto;
      bottom: auto;
    }

    .sickleCell-coalition--sickleCellTaskForce {
      top: 870px;
      left: 0%;
      right: auto;
      bottom: auto;
      width: 100%;
      height: 110px;
    }

    .sickleCell-coalition--sickleCellTaskForce::before {
      display: none;
    }

    .sickleCell-coalition .webView-img {
      display: none;
    }

    .sickleCell-coalition .mobileView-img {
      display: block;
      width: 310px;
      height: 754px;
      margin: 0px auto;
    }

    .guidescdc-strategy-Section {
      width: 100%;
    }

    .guidescdc-strategy-Section--logos {
      display: flex;
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .guidescdc-strategy-Section .scd-text {
      width: 100%;
    }

    .take-action-details .teckAction-memberBody.scdc-structure-membership {
      width: 92% !important;
    }

    .take-action-details .teckAction-memberBody.scdc-structure-membership .scd-hedding {
      margin-bottom: 1rem;
      padding-right: 0;
    }

    .take-action-details .teckAction-memberBody.scdc-structure-membership .scd-text {
      padding: 0;
    }

    .take-action-details .scd-takeAction-joinThefight-btn {
      width: 100%;
    }

    .guidescdc-strategy-Section--logos {
      list-style: none;
      align-items: center;
      justify-content: center;

    }
  }

  @media (min-width: 521px) and (max-width: 667px) {
    .sickleCell-coalition {
      height: 100%;
      min-height: 500px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .sickleCell-coalition--logos {
      left: 32%;
    }

    .sickleCell-coalition .webView-img {
      display: none;
    }

    .sickleCell-coalition .mobileView-img {
      display: block;
      width: 310px;
      height: 754px;
    }
  }

  .scd-BloodCellDisease-section {
    padding-bottom: 15rem;
    background-color: #f6e7ea;
  }

  .scd-symptoms-section {
    margin-top: -75px !important;
  }

  .scd-symptoms-section .scd-details--content {
    padding: 50px 30px;
  }

  .scd-bloodDisorderCell {
    position: relative;
    text-align: center;
    margin-top: 2rem;
  }

  .scd-bloodDisorderCell .img-bloodCell {
    width: 80%;
  }

  .aboutscd_widget:last-child .scd-bloodDisorderCell:after {
    display: none;
  }

  .scd-bloodDisorderCell:after {
    position: absolute;
    content: "\f061";
    right: -55px;
    top: 70px;
    width: 74px;
    height: 71px;
    font-family: FontAwesome;
    color: #fcb43a;
    font-size: 90px;
    font-weight: 900;
    line-height: 40px;
    position: absolute;
    z-index: 999;
  }

  .scd-bloodDisorderCell.removeBloodCell:after {
    display: none;
  }

  .scd-BloodCelltext {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 500;
  }

  .hedding-bloodCell {
    text-align: center;
    padding: 0 2.25rem;
  }

  .scd-symptoms-list {
    margin-left: 2rem;
    font-weight: 500;
  }

  .scd-symptoms-list li {
    font-size: 1.25rem;
    font-weight: 400;
  }

  .scd-slckleCellDisese-today .online-application-cell {
    padding-top: 3rem;
  }

  .scd-slckleCellDisese-today .online-application-cell .SickleCellDiseaseToday_img {
    padding-bottom: 1rem;
    text-align: center;
  }

  .scd-slckleCellDisese-today .online-application-cell--event {
    display: flex;
    padding: 2rem 0;
  }

  .scd-slckleCellDisese-today .online-application-cell--event--content {
    width: 50%;
    padding-right: 1rem;
    text-align: center;
  }

  .scd-slckleCellDisese-today .online-application-cell--event--content p {
    font-weight: 500 !important;
  }

  .scd-slckleCellDisese-today .online-application-cell--event--content .scd-details--content--text {
    padding: 0;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
  }

  .scd-slckleCellDisese-today .online-application-cell--event--content .scd-details--content--text--SCD-impacts {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
  }

  .scd-slckleCellDisese-today .online-application-cell--event--content:last-child {
    padding-right: 0;
    padding-left: 1rem;
  }

  .scd-slckleCellDisese-today.globallyEvent {
    width: 100%;
    padding-top: 5rem !important;
    padding-bottom: 5% !important;
  }

  .scd-slckleCellDisese-today.globallyEvent .hedding-globally {
    text-align: right;
    width: 100%;
    padding-right: 2rem;
  }

  .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content .hedding {
    text-align: right;
    width: 43% !important;
    padding-right: 1rem !important;
    margin-right: 1rem;
  }

  .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content .globally-text {
    text-align: left;
    width: 57% !important;
    padding-right: 2rem !important;
    font-weight: 700 !important;
    font-size: 20px;
  }

  .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content:last-child {
    padding-right: 0;
    padding-left: 0;
  }

  .scd-slckleCellDisese-today.globallyEvent .online-application-cell {
    padding-top: 1rem;
  }

  .scd-slckleCellDisese-today.globallyEvent .online-application-cell--event {
    padding: 0;
    flex-direction: column;
  }

  .scd-slckleCellDisese-today.globallyEvent .globally-img {
    min-height: 530px;
  }

  .TreatmentAndQuality-section {
    padding-bottom: 3rem;
  }

  .mitigatingTherapies-details {
    display: flex;
    justify-content: space-between;
  }

  .mitigatingTherapies-details .scd-BloodCelltext {
    width: 50%;
  }

  .mitigatingTherapies-details .scd-BloodCelltext:last-child {
    padding-left: 1rem;
  }

  .StatusQUO-section .StatusQUO-content {
    box-shadow: none;
    margin: 0px;
    background: none;
    padding: 0px;
    border-radius: 0;
    width: 100%;
  }


  .scd-guidingPrinciples--event {
    background-color: var(--scd-color-sup-white) !important;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    background: rgba(7, 93, 133, 0.1);
    padding: 0.35rem 1.25rem;
    border-radius: 10px !important;
    min-height: 52px;
    border: 0px;
    min-height: 52px;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section--heddingText {
    font-weight: 400;
    font-size: 1.75rem;
    margin: 0;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section--arrowDown {
    color: #000000;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section--arrowDown:hover,
  .scd-guidingPrinciples--event .Ourguiding-Principles--section--arrowDown:focus {
    color: #000000;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header.collapsed .arrowDown {
    transform: rotate(180deg);
    margin-top: -4px;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header {
    background-color: #075d85;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header .hedding {
    color: #fff;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header .arrowDown {
    color: #fff;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header.collapsed {
    background: rgba(7, 93, 133, 0.1);
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header.collapsed .hedding {
    color: #000;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles--section.card-header.collapsed .arrowDown {
    color: #000;
  }

  .bodyCollapse.collapse.show {
    background-color: #efefef;
    margin-top: -6px;
    z-index: 1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }

  .innerbodyCollapse.collapse.show {
    background-color: #fff;
    margin-top: -6px;
    z-index: 1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }

  .collapse-list {
    padding: 0rem 1.125rem;
  }

  .scd-guidingPrinciples--event .Ourguiding-Principles .cardCollapse {
    margin-bottom: 0.32rem;
    border-radius: 10px;
    border: 0px;
  }

  .scd-guidingPrinciples--event--sickle-cell-trail {
    display: flex;
    margin-top: 100px;
  }

  .scd-details--content--text {
    padding: 0% 0% 2% 0;
  }

  .scd-details--card-sickle-cell-img img {
    min-height: 667px;
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .scd-guidingPrinciples--event .Ourguiding-Principles {
      width: 100%;
    }

    .scd-guidingPrinciples--event .Ourguiding-Principles--section--heddingText {
      font-size: 1.375rem;
    }

    .scd-guidingPrinciples--event--sickle-cell-trail {
      margin-top: 0px;
    }

    .scd-guidingPrinciples--event .scd-ourMissionImg {
      margin-top: 10px;
    width: 80%;
    top: 0;
    margin-right: auto;
    margin-left: 2.1rem;
    }

    .scd-guidingPrinciples--event--sickle-cell-trail {
      flex-direction: column;
    }

    .scd-details .Ourguiding-Principles {
      padding: 0;
    }

    .scd-details .Ourguiding-Principles--scd-hedding {
      font-size: 1.75rem;
    }
  }

  .scd-details.aboutContactUs {
    background-color: var(--scd-color-sup-white) !important;
  }

  .scd-details.aboutContactUs.sicklecellcoalition {
    min-height: auto;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event {
    display: flex;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactCol-spacing-pl {
    padding-left: 0;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactCol-spacing-pr {
    padding-right: 0;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form {
    width: 100%;
    padding: 1rem 0;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--label {
    font-size: 12px;
    padding-left: 10px;
    font-weight: 600;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--label em {
    color: #ad162f;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--control {
    width: 100%;
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    background: #ffffff;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--control .caret-arrow::before {
    position: absolute;
    border: 0.42em solid transparent;
    border-color: #075d85 transparent transparent transparent;
    right: 13px;
    transform: rotate(180deg);
    top: 8px;
    content: " ";
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--control::after {
    position: absolute;
    right: 13px;
    transform: rotate(0deg);
    bottom: 8px;
    border: 0.42em solid transparent;
    border-color: #075d85 transparent transparent transparent;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--control.textarea-form {
    min-height: 140px;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--dropdownMenu {
    padding: 0;
    z-index: 2;
    width: 100%;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content--form .contact-form--dropdownMenu--item {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content.membership-form {
    border-radius: 15px;
    background: rgb(255, 255, 255);
    padding: 2rem 1rem 0;
    box-shadow: -10px 6px 10px rgba(0, 0, 0, 0.25);
  }

  .scd-details.aboutContactUs .aboutContact-Us-event--content.membership-form .headding-formPart {
    font-weight: 400;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event #captcha {
    margin-top: 1.89rem;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .form-check-label {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactSubmit-btn {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    font-weight: 700 !important;
    text-transform: uppercase;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactSubmit-btn:hover {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactSubmit-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactSubmit-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  .scd-details.aboutContactUs .aboutContact-Us-event .contactSubmit-btn:disabled {
    background-color: var(--scd-app-button-disabled-default-gree);
    color: rgb(141, 141, 141);
    border-color: var(--scd-app-button-disabled-default-gree);
  }

  .scd-details--card-sickle-cell-img.contactUs-img {
    margin-top: 0;
    margin-right: 0;
  }

  .scd-details--card-sickle-cell-img.contactUs-img img {
    min-height: 752px;
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .scd-details.aboutContactUs .aboutContact-Us-event {
      flex-direction: column;
    }

    .scd-details.aboutContactUs .aboutContact-Us-event .contactCol-spacing-pl {
      padding: 0;
    }

    .scd-details.aboutContactUs .aboutContact-Us-event .contactCol-spacing-pr {
      padding: 0;
    }

    .scd-details.aboutContactUs .aboutContact-Us-event .contactSubmit-btn {
      width: 100%;
    }

    .scd-details.aboutContactUs .aboutContact-Us-event #captcha {
      margin-top: 0rem;
      margin-bottom: 1rem;
    }

    .scd-details--card-sickle-cell-img.contactUs-img {
      margin-left: 0;
      width: 100%;
      position: relative;
      top: 0;
    }

    .scd-details--card-sickle-cell-img.contactUs-img img {
      min-height: auto;
    }
  }

  .scd-details {
    padding: 0%;
  }

  .scd-details--card-sickle-cell-img img {
    min-height: auto;
    border-radius: 20px;
  }

  .scd-details .scd-member-content--text {
    font-size: 1rem;
    padding-right: 0;
  }

  .scd-details.scd-memberCollaboration {
    padding-bottom: 2% !important;
  }

  .scd-details.scd-member-FpoYoutube {
    padding-top: 3rem;
    padding-bottom: 2rem;
    text-align: center;
  }

  .scd-details.scd-member-FpoYoutube .scd-member-video {
    height: 100%;
    width: 970px;
    margin: 0px auto;
  }

  .scd-details.scd-benefitsMembership {
    margin-top: 15rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .scd-details.scd-benefitsMembership--event {
    margin-top: 0;
  }

  .scd-details .learnAboutMember-membership {
    background-image: linear-gradient(156deg, #357085 0%, #ffffff 100%);
  }

  .searchPage-wrapper {
    margin-top: 1rem;
    width: 100%;
    float: left;
  }

  .searchPage-wrapper--tophedding {
    font-size: 1rem;
    font-weight: 500;
  }

  .searchPage-wrapper--warp {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex: 1;
    padding: 1rem 0;
  }

  .searchPage-wrapper--warp--category-filter {
    width: 25%;
    padding-right: 1rem;
  }

  .searchPage-wrapper--warp--category-filter .resetFilters-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    color: #8d8d8d;
    padding-top: 10px;
    float: left;
    cursor: pointer;
  }

  .searchPage-wrapper--warp--category-filter .resetFilters-btn:hover {
    color: #075d85;
  }

  .resetFilters-btn .resetbtn {
    color: #8d8d8d;
  }

  .normal-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0px 0px;
    width: 100%;
    float: left;
  }

  .searchPage-wrapper--warp--category-filter--filterview {
    width: 100%;
    position: relative;
    margin: 0rem 0 1rem;
  }

  .searchPage-wrapper--warp--category-filter--filterview .filterBy-collapsible {
    background-color: transparent;
    border-bottom: 1px solid #979797;
    padding: 12px 1rem;
    font-size: 1rem;
    font-weight: 500;
  }

  .searchPage-wrapper--warp--category-filter--filterview .filterBy-collapsible:after {
    margin-top: -3px;
  }

  .searchPage-wrapper--warp--category-filter--filterview .filterBy-collapsible:hover {
    font-weight: 700;
  }

  .searchPage-wrapper--warp--category-filter--filterview .filterBy-collapsible.active,
  .searchPage-wrapper--warp--category-filter--filterview .filterBy-collapsible:hover,
  .searchPage-wrapper--warp--category-filter--filterview .filterBy-collapsible:focus {
    border-bottom: 1px solid #979797;
  }

 .searchPage-wrapper--warp--category-filter--filterview .filter-content-body {
    width: 100%;
  }

  .searchPage-wrapper--warp--category-filter--filterview:first-child {
    margin-top: 0;
  }

  .searchPage-wrapper--warp--category-filterView {
    width: 75%;
    padding-left: 1rem;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card {
    border-radius: 10px;
    background: var(--scd-color-sup-white);
    border: 0;
    position: relative;
    margin-bottom: 1rem;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card:hover {
    border-radius: 10px;
    background: var(--scd-app-button-disabled-default);
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-body {
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-body--arrowRight {
    position: absolute;
    color: #075d85;
    top: 49%;
    right: 3%;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-body--urlLink {
    display: flex;
    flex-direction: row;
    width: 91%;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-body--urlLink .tags-cell {
    display: flex;
    flex-direction: column;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-body p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    width: calc(100% - 30px);
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-body--text {
    position: relative;

  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer {
    display: flex;
    padding: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer p {
    font-weight: 600;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav {
    display: flex;
    padding: 0.5rem 0px;
    margin: 0px;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item {
    border-radius: 0;
    border: 0px;
    margin: 0px;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .page-numbers {
    border: 0px;
    border-radius: 0px;
    font-size: 1.125rem;
    color: #000000;
    font-weight: 500;
    background-color: transparent;
    padding: 0.5rem 0.5rem;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .page-numbers:hover,
  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .page-numbers:focus {
    font-size: 1.125rem;
    color: #075d85;
    box-shadow: none;
    background: none;
    font-weight: 500;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .page-numbers.active {
    color: #075d85;
    box-shadow: none;
    background: none;
    font-weight: 500;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .page-numbers span {
    font-weight: 500;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item span.page-numbers.current {
    font-weight: 500;
    color: #075d85;
  }

  /* pagination previous button */
  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .prev.page-numbers {
    color: #075d85;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .prev.page-numbers:hover,
  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .prev.page-numbers:focus {
    font-size: 1.125rem;
    color: #000000;
    box-shadow: none;
    background: none;
    font-weight: 500;
  }

  /* pagination Next button */

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .next.page-numbers {
    color: #075d85;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .next.page-numbers:hover,
  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .next.page-numbers:focus {
    font-size: 1.125rem;
    color: #000000;
    box-shadow: none;
    background: none;
    font-weight: 500;
  }

  .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer .owl-pagination {
    position: relative;
    right: 0px !important;
    bottom: 0px;
  }
  /*----- Filter collapsible Section END -----*/

  .searchPage-wrapper--hover-overlay {
    position: relative;
    border-radius: 20px;
    border: 1px solid #979797;
    overflow: hidden;
    max-height: 370px;
    width: 100%;
  }

  .searchPage-wrapper--hover-overlay .overlay {
    text-decoration: none;
  }

  .searchPage-wrapper--hover-overlay .overlay .mask {
    font-size: 1.75rem;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
    line-height: 32px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer--paginationNav .page-item .page-numbers{
      padding: 0.5rem 0.35rem;
    }
    .searchPage-wrapper--warp {
      flex-direction: column;
    }

    .searchPage-wrapper--warp--category-filter {
      width: 100%;
      padding: 0px;
      margin-bottom: 2rem;
    }

    .searchPage-wrapper--warp--category-filterView {
      width: 100%;
      padding: 0px;
    }

    .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer {
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }

    .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer .owl-pagination {
      margin-top: 1rem;
      margin-bottom: 2rem;
    }

    .searchPage-wrapper--warp--category-filterView .category-filterView--card-footer p {
      font-weight: 600;

    }
  }

  /**** ===== SCDC Priorities Pages Style =====****/
  .ourgallary--card {
    width: 100%;
    min-height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .ourgallary--card--box {
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
  }

  .ourgallary--card--box .avatar-img {
    width: 200px;
    height: 200px;
    margin: 2rem auto;
    border-radius: 50%;
    overflow: hidden;
  }

  .ourgallary--card--box p {
    padding: 0px 2rem;
    line-height: 24px;
  }

  body {
    background: inherit;
    overflow-y: scroll;
    font-family: "Helvetica Neue", "Noto Sans", sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px !important;
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1170px !important;
    }
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .pt-spacing {
    padding-top: 30px;
  }

  .pt-spacing75 {
    padding-top: 75px;
  }

  .pt-spacing50 {
    padding-top: 50px;
  }

  .pl-spacing {
    padding-left: 30px;
  }

  .pl-spacing-x0 {
    padding-left: 0px;
  }

  .pr-spacing {
    padding-right: 30px;
  }

  .pr-spacing-x0 {
    padding-right: 0px;
  }

  .pb-spacing {
    padding-bottom: 30px !important;
  }

  .pb-spacing75 {
    padding-bottom: 75px;
  }

  .ml-spacing {
    margin-left: 15px;
  }

  .mr-spacing {
    margin-right: 15px;
  }

  .mb-spacingx6 {
    margin-bottom: 60px;
  }

  .mt-spacingx6 {
    margin-top: 60px;
  }

  .mt-spacingx80{
    margin-top: 80px;
  }
  .m-spacing-0 {
    margin: 0px;
  }

  .link {
    color: #075d85;
  }

  .text-blue {
    color: #075d85 !important;
  }

  .text-lightBlue {
    color: rgb(0, 154, 172) !important;
  }

  .text-primary-red {
    color: var(--scd-color-app-brand-secondary) !important;
  }

  .text-red {
    color: #53000e !important;
  }

  .body-text {
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--scd-color-sup-black);
  }

  .body-content-text {
    font-size: 1rem;
    font-weight: 400;
    color: var(--scd-color-sup-black);
  }

  .scd-heddingX1 {
    font-size: 4rem;
    line-height: 4.625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .scd-heddingX48 {
    font-size: 3rem;
    line-height: 72px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
    margin: 0px !important;
  }

  .scd-heddingX2 {
    font-size: 2.25rem;
    line-height: 2.5625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .scd-heddingX3 {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .scd-heddingX4,
  h4 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .scd-heddingX5,
  h5 {
    font-size: 1.375rem;
    line-height: 2.3125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .scd-heddingX6,
  h6 {
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  /*** ---- font size style ---- ***/
  .scd-font-xs20 {
    font-size: 1.25rem;
  }

  .scd-font-xs16 {
    font-size: 1rem;
  }

  /*** ---- font weight style ---- ***/
  .text-capitalize {
    text-transform: capitalize;
  }

  .scd-font-xs16 {
    font-size: 1rem;
  }

  .content-body-heading h1 {
    font-size: 4rem;
    line-height: 4.625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .content-body-heading h2 {
    font-size: 2.25rem;
    line-height: 2.5625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .content-body-heading h3 {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .content-body-heading h4 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .content-body-heading h5 {
    font-size: 1.375rem;
    line-height: 2.3125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .content-body-heading h6 {
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
  }

  .content-list-style ul {
    padding-left: 10px;
    margin-left: 30px
  }

  /*** ---- font size style ---- ***/
  .scd-font-xs20 {
    font-size: 1.25rem;
    line-height: 30px;
  }

  .scd-font-xs16 {
    font-size: 1rem;
  }

/*** ---- Hero banner hedding font lenght style ---- ***/
.title-length{
  font-size: 2.625rem !important;
  line-height: 2.85rem !important;
}



  /***---- Backbround bg color style ----***/
  .scd-bg-lightgree {
    background-color: var(--scd-app-button-disabled-default) !important;
  }

  .scd-bg-lightblue {
    background-color: var(--scd-color-sup-lightblue) !important;
  }

  .scd-bg-lightred {
    background-color: #f6e7ea !important;
  }

  .scd-bg-lightyellow {
    background-color: #fef7eb !important;
  }

  .scd-bg-lightgreen {
    background-color: #ECF8F7 !important;
  }

  .scd-bg-whiteColor {
    background-color: #fff !important;
  }

  .scd-input-fild {
    background: #fff;
    border-radius: 6px;
    position: relative;
    border: 1px solid #ccc;
    padding: 6px 15px;
  }

  .scd-input-fild:focus {
    box-shadow: none;
    outline: none;
  }

  .scd-app-button-primary {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: rgb(255, 255, 255);
  }

  .scd-app-button-primary:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: var(--scd-app-button-primary-blue);
    border-color: var(--scd-app-button-primary-blue);
  }

  .scd-app-button-primary:active {
    background-color: var(--scd-app-button-primary-blue);
  }

  .scd-app-button-primary:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-app-button-primary:hover,
  .scd-app-button-primary:focus {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
    box-shadow: none;
  }

  .scd-app-button-primary:active {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  .scd-app-primaryRed-btn {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    font-weight: 700 !important;
    text-transform: uppercase;
  }

  .scd-app-primaryRed-btn:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red);
  }

  .scd-app-primaryRed-btn:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-app-primaryRed-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-app-primaryRed-btn:hover {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-app-primaryRed-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  /****--- SCDC-App Button Primary Red style ---- ***/
  .scd-app-primaryBule-btn {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    font-weight: 700 !important;
    text-transform: uppercase;
  }

  .scd-app-primaryBule-btn:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    border-color: var(--scd-app-button-primary-blue);
  }

  .scd-app-primaryBule-btn:active {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  .scd-app-primaryBule-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-app-primaryBule-btn:hover {
    background-color: var(--scd-app-button-primary-hover-blue);
  }

  /****--- SCDC-App Button Primary Red Outline style ---- ***/
  .scd-app-primaryRedOutline-btn {
    color: var(--scd-app-button-primary-red) !important;
    font-weight: 700 !important;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    text-transform: uppercase;
    border-color: #ad162f !important;
    background: transparent;
  }

  .scd-app-primaryRedOutline-btn:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red) !important;
  }

  .scd-app-primaryRedOutline-btn:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-app-primaryRedOutline-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-app-primaryRedOutline-btn:hover {
    background-color: var(--scd-app-button-primary-hover-red) !important;
    color: rgb(255, 255, 255) !important;
  }

  .scd-app-primaryRedOutline-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  /***--- SCDC-App Button PrimaryBlue button outline style ----**/
  .scd-app-primaryblue-btn {
    background: transparent;
    border: 1px solid #075d85 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #075d85;
    border-radius: 10px !important;
  }

  .scd-app-primaryblue-btn:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
  }

  .scd-app-primaryblue-btn:active {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  /***--- SCDC-App Secondary White button style ----**/
  .scd-secondaryWhite-Btn {
    background: var(--scd-app-button-secondary-white-default);
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: #ad162f !important;
    border-color: rgb(255, 255, 255);
    font-weight: 700 !important;
  }

  .scd-secondaryWhite-Btn:hover {
    background-color: var(--scd-app-button-secondary-white-default);
    color: var(--scd-app-button-secondary-white-default) !important;
    border-color: var(--scd-app-button-secondary-white-default);
  }

  .scd-secondaryWhite-Btn:active {
    background-color: var(--scd-app-button-secondary-white-default);
  }

  .scd-secondaryWhite-Btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-secondaryWhite-Btn:hover,
  .scd-secondaryWhite-Btn:focus {
    background-color: var(--scd-app-button-secondary-white-default-hover);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }

  .scd-secondaryWhite-Btn:active {
    background-color: var(--scd-app-button-secondary-white-default-active);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }

  /***--- SCDC-App Secondary Outline White button style ----**/
  .secondary-outline-btn {
    background: var(--scd-app-button-secondary-white-default);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    background: none;
    color: rgb(255, 255, 255);
    font-weight: 700 !important;
    border: 1px solid !important;
    text-transform: uppercase;
  }

  .secondary-outline-btn:hover {
    background-color: var(--scd-app-button-secondary-white-default);
    color: var(--scd-app-button-secondary-white-default);
    border-color: var(--scd-app-button-secondary-white-default);
  }

  .secondary-outline-btn:active {
    background-color: var(--scd-app-button-secondary-white-default);
  }

  .secondary-outline-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .secondary-outline-btn:hover,
  .secondary-outline-btn:focus {
    background-color: var(--scd-app-button-primary-hover-red);
    border: 1px solid;
    color: rgb(255, 255, 255);
  }

  .secondary-outline-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    border: 1px solid;
    color: rgb(255, 255, 255);
  }

  .frame-container {
    margin-top: 0px;
  }

  .frame-container.addContainer {
    margin-top: 90px;
  }

  #navbarSticky {
    z-index: 99;
  }

  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }

  .sticky .top-header {
    display: none !important;
  }

  .sticky .scd-logo--top {
    width: 60px;
    height: 60px;
  }

  .sticky .scd-frame__header .scd-navbar-collapse {
    padding-top: 0;
    padding-left: 0;
  }

  .sticky .scd-frame__header .search-section {
    right: 0;
  }

  .sticky .scd-frame__header .scd-navbar-collapse .stick-topNavbar {
    margin: 0px !important;
  }

  .sticky .scd-frame__header .scd-navbar-collapse.collapse.show {
    position: fixed;
    right: 10px;
    top: 24px;
    display: none;
  }

  .scd-frame__header .scd-navbar-collapse.collapse.show {
    position: fixed;
    right: 10px;
    top: 95px;
    display: none;
  }

  .sticky .scd-frame__header .scd-navbar-collapse.stick-topNavbar #mega-menu-wrap-primary {
    margin: 0px !important;
  }

  .sticky .scd-frame__header .navbar-nav .nav-link {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
  }

  .sticky .scd-frame__header.scd-navbar {
    padding-bottom: 0;
  }

  .sticky .scd-frame__header .stickyNav-event .stickynav-section .search-box--event {
    display: block;
  }

  .sticky .scd-frame__header .stickyNav-event .scd-searchText-btn.search-text {
    display: none;
  }

  .sticky .scd-frame__header .stickyNav-event .scd-searchText-btn.search-text.searchBox-searchBtn {
    display: block;
  }

  .sticky .stick-topNavbar .dropdown .dropdown-menu.membership-dropdown {
    top: 70px;
  }

  .sticky .scd-frame__header .stickyNav-event .stickynav-section{
    /* z-index: 4;     */
    width: 94%;
  }
  .sticky .scd-frame__header .stickyNav-event .divclass{
    background: transparent;
    z-index: -1;
  }

  @media (min-width: 360px) and (max-width: 668px) {

    .sticky .scd-frame__header .stickyNav-event .divclass{
      z-index: 0;
    }
    .frame-container.addContainer {
      margin-top: 95px;
    }

    .scd-details__body .scd-details-display {
      flex-direction: column;
    }

    .sticky .scd-frame__header .scd-navbar-collapse {
      padding-left: 0;
    }

    .sticky .stick-topNavbar .dropdown .dropdown-menu.membership-dropdown {
      top: 70px;
    }

    .sticky .scd-frame__header .stickyNav-event .divclass {
      display: block !important;
    }
  }

  .scd-frame__header {
    width: 100%;
    float: left;
    transition: inherit;
    transition-property: transform, width;
    background-color: var(--scd-color-sup-white);
  }

  .scd-frame__header.top-header {
    background: #311432;
    border-color: var(--scd-color-sup-black);
    display: flex;
    height: 3.2em;
    flex-direction: row;
    align-items: center;
    color: rgb(255, 255, 255);
  }

  .scd-frame__header.top-header .scd-language--event,
  .scd-frame__header.top-header .scd-signup--event {
    display: inline-flex;
    align-items: center;
    padding-left: 0%;
  }

  .scd-frame__header.top-header .scd-language--event .scd-leftText,
  .scd-frame__header.top-header .scd-language--event .scd-rightText,
  .scd-frame__header.top-header .scd-signup--event .scd-leftText,
  .scd-frame__header.top-header .scd-signup--event .scd-rightText {
    font-size: 0.87rem;
    margin: 0 0 0 0.58rem;
    font-weight: 500;
  }

  .scd-frame__header.top-header .scd-language--event .scd-rightText,
  .scd-frame__header.top-header .scd-language--event .scd-rightIcon,
  .scd-frame__header.top-header .scd-signup--event .scd-rightText,
  .scd-frame__header.top-header .scd-signup--event .scd-rightIcon {
    font-size: 1.24rem;
    font-weight: 700;
    color: rgb(0, 154, 172);
    font-family: "Oswald", sans-serif;
  }

  .scd-frame__header.scd-navbar {
    padding-bottom: 0.5rem;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav .dropdown.show {
    padding: 0;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav .dropdown.show .nav-link {
    color: #075d85;
    text-decoration: none;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    padding: 0.5rem 1.24rem;
    position: relative;
    font-size: 1.125rem;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav .nav-link:hover,
  .scd-frame__header.scd-navbar .navbar-light .navbar-nav .nav-link:focus {
    text-decoration: none;
    color: #223944;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav .nav-link:active {
    color: #075d85;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav {
    flex-direction: column;
    width: 100%;
    position: relative;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link {
    color: #000000 !important;
    padding: 0.125rem 1.24rem;
    display: flex;
    white-space: normal;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link:hover {
    text-decoration: none;
    color: #223944 !important;
    background-color: transparent;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link:active,
  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link:focus {
    color: #075d85 !important;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link.active {
    color: #075d85 !important;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link.active i {
    color: #075d85 !important;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav .nav-item--link.dropdown-toggle i {
    top: 6px;
  }

  .scd-frame__header.scd-navbar .navbar-light .navbar-nav.subnavbar-nav::after {
    position: absolute;
    content: " ";
    width: 1px;
    height: 180px;
    background-color: #979797;
    top: 15px;
    right: -23px;
  }

  .scd-frame__header.scd-navbar .dropdown-submenu {
    position: relative;
  }

  .scd-frame__header.scd-navbar .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: 0.5em;
  }

  .scd-frame__header.scd-navbar .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
  }

  .scd-frame__header.scd-navbar .dropdown-toggle:after {
    display: none;
  }

  .scd-frame__header.scd-navbar .dropdown-toggle i {
    position: absolute;
    top: 12px;
    right: 0px;
  }

  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu {
    display: none;
  }

  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu--firstCell-dropdown,
  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu--secCell-dropdown {
    list-style: none;
    left: 308px;
    top: -42px;
    width: 211px;
    max-width: 211px;
  }

  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu--firstCell-dropdown .nav-item--link,
  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu--secCell-dropdown .nav-item--link {
    color: #000000;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    padding: 0.5rem 1.24rem;
    position: relative;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: transparent;
  }

  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu--secCell-dropdown {
    left: 208px;
    top: -148px;
  }

  .scd-frame__header.scd-navbar .dropdown.dropdown-submenu--secCell-dropdown .nav-item--link {
    font-size: 1rem;
  }

  .scd-frame__header .dropdown-menu li {
    position: relative;
  }

  .scd-frame__header .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
  }

  .scd-frame__header .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
  }

  .scd-frame__header .dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
  }

  .scd-frame__header #searchBar {
    display: inline-block;
  }

  .scd-frame__header #searchBar .input-search[type=text],
  .scd-frame__header #searchBar .input-search[type=search] {
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    width: 500px;
    position: relative;
    right: 0;
    z-index: 3;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    border-radius: 10px;
    padding: 10px 1rem 10px 2.3rem;
    margin-right: 1rem;
    outline: none;
    font-size: 0.87rem;
    font-weight: 500;
    font-family: "Noto Sans", sans-serif;
    cursor: text;
    transition: all 0.5s ease-in-out;
  }

  .scd-frame__header #searchBar .input-search[type=text]:focus,
  .scd-frame__header #searchBar .input-search[type=search]:focus {
    cursor: text;
  }

  .scd-frame__header #searchBar .input-search[type=text]:focus:hover,
  .scd-frame__header #searchBar .input-search[type=search]:focus:hover {
    border: 1px solid #ccc;
  }

  .scd-frame__header #searchBar .btn-search[type=button] {
    display: inline-block !important;
    border: none;
    position: absolute;
    color: #075d85;
    margin-right: 0rem;
    top: -8px !important;
    right: 0;
    z-index: 3;
    cursor: pointer;
    transition: opacity 0.5s ease;
    background-color: transparent;
    pointer-events: painted;
    outline: none;
  }

  .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] {
    top: 10px !important;
  }

  .scd-frame__header #searchBar .btn-search[type=button]:focus {
    outline: none;
    box-shadow: none;
    border: none;
  }

  .scd-frame__header #searchBar .btn-search[type=button]:hover {
    opacity: 1;
  }

  .scd-frame__header .search-section {
    width: 80%;
    position: absolute;
    top: 15px;
    right: 30px;
  }

  .scd-frame__header .search-section .search-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 2px;
  }

  .scd-frame__header .search-section.stickynav-section .search-box--event {
    display: none !important;
  }

  .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input {
    display: block !important;
  }

  .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .searchIcon-main {
    top: 11px;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 62px;
    z-index: 4;
    color: rgb(141, 141, 141);
  }

  .scd-frame__header .search-section.stickynav-section .search-box--event--cancel {
    font-size: 12px;
    color: rgb(0, 154, 172);
    font-style: italic;
    padding-right: 8px;
    cursor: pointer;
  }

  .scd-frame__header .search-section.stickynav-section .searchBox-submitBtn {
    display: none !important;
  }

  .scd-frame__header .search-section.stickynav-section .search-hide {
    display: none;
  }

  .scd-frame__header .search-box {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
  }

  .scd-frame__header .scd-navbar-collapse {
    padding-top: 5%;
  }

  .scd-frame__header .input-search {
    height: 39px;
    width: 35px;
    border-style: none;
    padding: 0px;
    letter-spacing: 0px;
    outline: none;
    transition: all 0.5s ease-in-out;
    padding-right: 40px;
    font-size: 0.87rem;
    font-weight: 500;
    font-family: "Noto Sans", sans-serif;
  }

  .scd-frame__header .input-search::-moz-placeholder {
    color: rgb(141, 141, 141);
    font-size: 0.rem;
    font-weight: 400;
    font-style: italic;
  }

  .scd-frame__header .input-search::placeholder {
    color: rgb(141, 141, 141);
    font-size: 0.87rem;
    font-weight: 400;
    font-style: italic;
  }

  .scd-frame__header .navbar-toggler:focus,
  .scd-frame__header .navbar-toggler:hover {
    outline: none;
    border: none;
    display: none;
    ;
  }

  .scd-frame__header .scd-takeAction-btn {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
  }

  .scd-frame__header .scd-takeAction-btn:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: var(--scd-app-button-primary-blue);
    border-color: var(--scd-app-button-primary-blue);
  }

  .scd-frame__header .scd-takeAction-btn:active {
    background-color: var(--scd-app-button-primary-blue);
  }

  .scd-frame__header .scd-takeAction-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-frame__header .scd-takeAction-btn:hover {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  .scd-frame__header .scd-takeAction-btn:active {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  .scd-frame__header .scd-searchText-btn {
    background: none;
  }

  .scd-frame__header .scd-searchText-btn.search-text {
    color: #075d85;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    font-size: 1rem;
    display: block;
    cursor: default;
    text-transform: uppercase;
  }

  .scd-frame__header .scd-searchText-btn.search-text:focus,
  .scd-frame__header .scd-searchText-btn.search-text:focus-visible,
  .scd-frame__header .scd-searchText-btn.search-text:hover {
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
    cursor: default;
  }

  .scd-frame__header .scd-searchText-btn.searchBox-searchBtn {
    background: var(--scd-app-button-primary-bluelight);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    cursor: pointer;
  }

  .scd-frame__header .scd-searchText-btn.searchBox-searchBtn:hover {
    background-color: var(--scd-app-button-primary-bluelight);
    color: var(--scd-app-button-primary-bluelight);
    border-color: var(--scd-app-button-primary-bluelight);
  }

  .scd-frame__header .scd-searchText-btn.searchBox-searchBtn:active {
    background-color: var(--scd-app-button-primary-bluelight);
  }

  .scd-frame__header .scd-searchText-btn.searchBox-searchBtn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-frame__header .scd-searchText-btn.searchBox-searchBtn:hover {
    background-color: var(--scd-app-button-primary-hover-bluelight);
    color: rgb(255, 255, 255);
    cursor: pointer;
  }

  .scd-frame__header .scd-searchText-btn.searchBox-searchBtn:active {
    background-color: var(--scd-app-button-primary-active-bluelight);
    color: rgb(255, 255, 255);
    cursor: pointer;
  }

  .mobailViwBanner-img {
    min-width: 100%;
    height: 420px;
  }

  .scd-frame__header #searchBar .btn-search[type=button] i.mobileView-magnifying-plus {
    display: none;
  }

  @media (min-width: 360px) and (max-width: 668px) {

    .scd-frame__header #searchBar .btn-search[type=button] svg,
    .scd-frame__header #searchBar .btn-search[type=button] i {
      font-size: 1.5rem;
    }


    .scd-frame__header #searchBar .btn-search[type=button] i.mobileView-magnifying-plus {
      display: none;
    }

    .mobailViwBanner-img {
      margin-left: -640px;
    }
  }

  .navbar-nav .dropdown {
    position: inherit;
  }

  .navbar-nav .dropdown .dropdown-menu.membership-dropdown {
    width: 100%;
    top: 118px;
    background: #e7eff3;
    background-blend-mode: normal;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    height: 269px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
    z-index: -1;
    padding: 0;
  }

  .navbar-nav .dropdown .dropdown-menu.membership-dropdown .nav-resourseImg {
    position: absolute;
    top: 26px;
    right: 23px;
    border-radius: 20px;
    overflow: hidden;
  }

  .navbar-nav .dropdown .dropdown-menu.membership-dropdown .nav-resourseImg .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 1;
    background: linear-gradient(46deg, rgba(39, 45, 103, 0.65) 0%, rgba(80, 25, 69, 0.55) 62%, rgba(80, 25, 69, 0) 100%);
  }

  .navbar-nav .dropdown .dropdown-menu.membership-dropdown .navbar {
    box-shadow: inset 0px 8px 10px -13px rgb(0, 0, 0);
  }

  .scd-banner {
    position: relative;
    /* background: url(/wp-content/uploads/2023/03/HomePage_HeroBanner.jpg); */
    /* background-size: cover; */
    width: 100%;
    /* max-height: 949px; */
    /* min-height: 850px; */
    /* background-repeat: no-repeat; */
    /* background-position: 0px 0px; */
  }

  .scd-banner-background {
    position: relative;
    width: 100%;
    max-height: 949px;
    min-height: 850px;
    overflow: hidden;
    
  }

  .scd-homepage-bannerHero{
    position: relative;
    height: 100%;
    max-height: 949px;
    min-height: 850px;
    overflow: hidden;
  }
  .scd-homepage-bannerHero img{
    max-width: 100%;
    max-height: 949px;
    min-height: 949px;
  }

  .scd-homepage-banner-mobileView{
    display: none;
  }


  .scd-banner__body {
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .scd-banner__body .centered {
    display: flex;
    padding: 0px 8%;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .scd-banner__body h1,
  .scd-banner__body .scd-hedding {
    color: rgb(255, 255, 255);
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    margin: 0;
    text-align: left;
  }

  .scd-banner__body p,
  .scd-banner__body .scd-text {
    font-size: 1.25rem;
    text-shadow: none;
    color: rgb(255, 255, 255);
    padding: 1rem 10%;
    line-height: 30px;
  }

  .scd-banner__body p strong,
  .scd-banner__body .scd-text strong {
    font-weight: 500;
  }

  .scd-banner__body .scd-text {
    font-size: 1.1rem;
  }

  .scd-banner__body .scd-join-btn {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    margin: 10px;
    transition: 0.5s;
    background: linear-gradient(160deg, #357085 0%, #ffffff 100%);
    background-blend-mode: normal;
    box-shadow: 0px 2px 10px #ffffff;
    border-radius: 6px;
    border: none;
    display: block;
    font-size: 1.22rem;
  }

  .scd-banner__body .scd-join-btn:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: var(--scd-app-button-primary-blue);
    border-color: var(--scd-app-button-primary-blue);
  }

  .scd-banner__body .scd-join-btn:active {
    background-color: var(--scd-app-button-primary-blue);
  }

  .scd-banner__body .scd-join-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-banner__body .scd-join-btn:hover {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: #fff;
    text-decoration: none;
  }

  .scd-banner__body .scd-join-btn:active {
    background-color: var(--scd-app-button-primary-active-blue);
  }

  .scd-banner__body.SCDC-stayUp-toDate {
    top: 45%;
  }

  .scd-banner__body.teckAction-memberBody {
    padding-left: 15%;
    width: 100%;
    top: 75px !important;
    transform: none;
    left: auto;
  }

  .scd-banner__body.teckAction-memberBody .scd-hedding {
    font-size: 2.25rem;
  }

  .scd-banner .cover-bg-container {
    max-width: 100%;
    width: 100%;
    display: block;
    height: auto;
    min-height: 780px;
    position: relative;
  }

  .scd-banner.scd-member-driectory-banner {
    overflow: hidden;
    height: 400px;
    max-height: 400px;
    min-height: 400px;
  }

  .scd-banner.scd-member-driectory-banner .scd-banner__body {
    bottom: -5%;
    top: auto;
    padding-top: 0;
  }

  .scd-banner.scd-member-driectory-banner .scd-banner__body p {
    padding: 0rem 0%;
    font-weight: 100;
    font-style: normal;
    font-size: 26px;
  }

  .scd-banner.scd-member-driectory-banner .scd-banner__body.banner-searchPage {
    bottom: auto;
    top: 50%;
  }

  .scd-banner.scd-member-driectory-banner .scd-banner__body.banner-searchPage .centered {
    align-items: center;
  }

  .scd-banner.scd-member-driectory-banner .centered {
    padding: 0px 0%;
    align-items: flex-start;
    margin: 0;
  }

  .scd-banner.scd-member-driectory-banner .cover-bg-container {
    margin-top: -200px;
  }

  .scd-banner.scd-member-driectory-banner .scdMember-overlay.over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 1;
    background: linear-gradient(46deg, rgba(39, 45, 103, 0.65) 0%, rgba(80, 25, 69, 0.55) 62%, rgba(80, 25, 69, 0) 100%);
    background-blend-mode: normal;
    transition: all 0.5s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .scd-banner.scd-member-driectory-banner .scdMember-overlay.over-layer img {
    position: relative;
    top: 0%;
    text-align: center;
    display: block;
    font-size: 25px;
    width: 50px;
    height: 50px;
  }

  .scd-banner.scd-member-driectory-banner .scdMember-overlay.over-layer.overlay-takeAction {
    background: linear-gradient(270deg, rgba(83, 0, 14, 0) 0%, rgba(80, 25, 69, 0.05), rgba(80, 25, 69, 0.4), rgb(149, 149, 178) 100%);
  }

  .scd-banner.scd-member-driectory-banner .scdMember-overlay.over-layer.overlayTackAction {
    opacity: 0.6;
    background: linear-gradient(270deg, #272d67 0%, #501945 100%);
    background-blend-mode: normal;
  }

  .scd-banner .banner-hero-shape {
    width: 43.5%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background-image: radial-gradient(ellipse at 250% 18%, rgba(83, 0, 14, 0) 0%, rgba(83, 0, 14, 0) 50%, rgba(83, 0, 14, 0) 50%, rgb(80, 25, 69) 50%, rgb(80, 25, 69) 50%, rgb(80, 25, 69) 50%, rgb(193, 41, 64) 100%);
    background-size: 100% 195%;
  }

  .scd-banner .bannerHero-resp {
    display: none;
  }

  .scd-banner .banner-center-spacing {
    padding-top: 8%;
    padding-left: 0px;
  }

  .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] .webView-magnifying-plus {
    display: none;
  }

  .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] .webView-magnifying-plus {
    display: none;
  }

  .scd-frame__header #searchBar .btn-search[type=button] svg.webView-magnifying-plus {
    display: block;
  }

  .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] .mobileView-magnifying-plus {
    display: none;
  }

  .scd-frame__header #searchBar .btn-search[type=button] svg.mobileView-magnifying-plus {
    display: none;
  }

  .scd-frame__header #searchBar .btn-search[type=button] i.webView-magnifying-plus {
    display: block;
  }

  .scd-frame__header #searchBar .btn-search[type=button] i.mobileView-magnifying-plus {
    display: none;
  }

  a.scdJoinBtn {
    text-decoration: none;
  }

  a.scdJoinBtn:hover {
    text-decoration: none;
  }

  .scd-checkout {
    position: relative;
  }

  .scd-checkout-fluid {
    background: var(--scd-app-button-primary-blue);
    position: relative;
    border-radius: 0.64rem;
    min-height: 100px;
    margin-top: -90px;
    margin-bottom: 30px;
    left: 0%;
    background: var(--scd-app-button-disabled-default);
    border-radius: 20px;
    width: 68%;
    margin-top: -80px;
    padding: 40px 15px;
  }

  .scd-checkout-fluid.search-help {
    width: 100%;
  }

  .scd-checkout-fluid--hedding {
    font-size: 1.87rem;
    font-weight: 700;
    color: #000000;
    font-family: "Oswald", sans-serif;
    padding: 0% 20% 2%;
    text-transform: uppercase;
  }

  .scd-checkout-fluid--text {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--scd-color-sup-black);
    padding: 0% 16% 2% 0;
  }

  .scd-checkout-fluid .scdc-monthly-update-btn {
    margin-left: 8px;
  }

  .scd-checkout-fluid--viewall-resoureces {
    font-size: 0.92rem;
    font-weight: 500;
    color: #075d85;
  }

  .scd-checkout-fluid--viewall-resoureces:hover {
    text-decoration: none;
  }

  .scd-checkout-fluid .checkOut-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .scd-checkout-fluid .checkOut-form__box {
    position: relative;
  }

  .scd-checkout-fluid .checkOut-form__box .input-search {
    padding-left: 30px;
    min-width: 370px;
    color: #000000;
    font-size: 12px;
    min-height: 38px;
  }

  .scd-checkout-fluid .checkOut-form__box .input-search::-moz-placeholder {
    color: rgb(141, 141, 141);
    font-weight: normal;
  }

  .scd-checkout-fluid .checkOut-form__box .input-search::placeholder {
    color: rgb(141, 141, 141);
    font-weight: normal;
  }

  .scd-checkout-fluid .checkOut-form__box .btn-search {
    position: absolute;
    border: none;
    left: 8px;
    top: 11px;
    color: rgb(141, 141, 141);
  }

  .scd-checkout-fluid .checkOut-form__box.searchPage-findview {
    width: 50%;
    float: left;
    left: 20%;
  }

  .scd-checkout-fluid .checkOut-form__box.searchPage-findview .input-search {
    width: 100%;
  }

  .scd-checkout-fluid .checkOut-form__box.searchPage-findview .input-search::placeholder {

    font-style: italic;
  }

  .scd-checkout-fluid .checkOut-form .checkout-srarch-btn {
    margin-left: 0.5rem;
  }

  .scd-checkout-fluid .scd-search-btn {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
  }

  .scd-checkout-fluid .scd-search-btn:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: var(--scd-app-button-primary-blue);
    border-color: var(--scd-app-button-primary-blue);
  }

  .scd-checkout-fluid .scd-search-btn:active {
    background-color: var(--scd-app-button-primary-blue);
  }

  .scd-checkout-fluid .scd-search-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-checkout-fluid .scd-search-btn:hover,
  .scd-checkout-fluid .scd-search-btn:focus {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
    box-shadow: none;
  }

  .scd-checkout-fluid .scd-search-btn:active {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  @media (min-width: 360px) and (max-width: 668px) {

    .scd-checkout-fluid .checkOut-form__box.searchPage-findview {
      width: 100%;
      left: 0px;
    }

    .search-scdResourceDirectory {
      display: none;
    }

    .scd-checkout-fluid {
      width: 95%;
      margin-top: -65px;
    }
    .scd-checkout-fluid .label{

    }

    .scd-checkout-fluid--hedding {
      padding: 0% 15% 2%;
    }

    .scd-checkout-fluid .checkOut-form {
      flex-direction: column;
    }

    .scd-checkout-fluid .checkOut-form__box {
      margin-bottom: 15px;
    }

    .scd-checkout-fluid .checkOut-form__box .scd-input-fild {
      min-width: 100%;
      margin-top: 0px;
      width: 100%;
    }

    .scd-checkout-fluid .checkOut-form .checkout-srarch-btn {
      margin-left: 0px;
    }

    .scd-checkout-fluid--viewall-resoureces {
      font-size: 1.12rem;
    }

    .scd-details--card-sickle-cell-img.globalSocialIcon-img {
      width: 100%;
      margin-right: auto;
      margin-top: 0rem;
      position: inherit;
      top: 0px;
      margin-left: 0px;
    }

  }

  @media (min-width:601px) and (max-width:767px) {
    .scd-checkout-fluid {
      width: 95%;
      padding: 45px 15px;
    }

    .scd-checkout-fluid--hedding {
      padding: 0% 15% 2%;
    }

    .scd-checkout-fluid .checkOut-form {
      flex-direction: column;
    }

    .scd-checkout-fluid .checkOut-form__box {
      margin-bottom: 15px;
    }

    .scd-checkout-fluid .checkOut-form__box .scd-input-fild {
      min-width: 100%;
      margin-top: 0px;
    }

    .scd-checkout-fluid .checkOut-form .checkout-srarch-btn {
      margin-left: 0px;
    }

    .scd-checkout-fluid--viewall-resoureces {
      font-size: 1.12rem;
    }
  }

  .scd-details {
    position: relative;
    background-color: #e6eef2;
    padding-bottom: 3rem;
  }

  .scd-details--content {
    background: var(--scd-color-sup-white);
    position: relative;
    border-radius: 0.64rem;
    min-height: 100px;
    margin-top: -90px;
    margin-bottom: 30px;
    left: 0%;
    border-radius: 15px;
    padding: 50px;
    width: 630px;
    box-shadow: -10px 6px 10px rgba(0, 0, 0, 0.25);
    float: left;
    z-index: 2;
  }

  .scd-details--content--hedding {
    font-size: 2.25rem;
    font-weight: 700;
    color: #000000;
    font-family: "Oswald", sans-serif;
    padding: 0% 20% 2%;
    text-transform: uppercase;
  }

  .scd-details--content--text {
    font-size: 1rem;
    font-weight: 400;
    color: var(--scd-color-sup-black);
    padding: 0% 16% 2% 0;
    line-height: 30px;
  }

  .scd-details--content--hedding {
    padding: 0% 0% 2%;
    width: 94%;
    text-shadow: none;
  }

  .scd-details--content--text {
    padding: 0% 0% 2% 0;
  }

  .scd-details--content--learn-about {
    list-style: none;
    margin: 0;
    float: left;
    width: 50%;
  }

  .scd-details--content--learn-about li {
    display: flex;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
    font-family: "Oswald", sans-serif;
    align-items: center;
    padding-bottom: 8px;
  }

  .scd-details--content--learn-about li.text-active {
    color: rgb(0, 154, 172);
  }

  .scd-details--content--learn-about li.text-gree {
    color: rgb(141, 141, 141);
  }

  .scd-details--content--learn-about li span {
    width: 20px;
  }

  .scd-details--content.sickle-cell-content {
    margin-top: -60px;
    left: -15%;
    width: 655px;
  }

  .scd-details--content.sickle-cell-content.globalSocialIcon-content {
    margin-top: 100px;
    width: 655px;
  }

  .scd-details--content.sickle-cell-content.globalSocialIcon-content .hedding {
    padding-top: 3rem;
  }

  .scd-details--content .applyToday-btn {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: rgb(255, 255, 255);
  }

  .scd-details--content .applyToday-btn:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red);
  }

  .scd-details--content .applyToday-btn:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-details--content .applyToday-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-details--content .applyToday-btn:hover,
  .scd-details--content .applyToday-btn:focus {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-details--content .applyToday-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
  }

  .scd-details--content .learnMore-outline-btn {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    background: none;
    color: var(--scd-app-button-primary-red);
    margin-left: 15px;
    border: 1px solid;
  }

  .scd-details--content .learnMore-outline-btn:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red);
  }

  .scd-details--content .learnMore-outline-btn:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-details--content .learnMore-outline-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-details--content .learnMore-outline-btn:hover,
  .scd-details--content .learnMore-outline-btn:focus {
    background-color: var(--scd-app-button-primary-hover-red);
    border: 1px solid;
    color: rgb(255, 255, 255);
  }

  .scd-details--content .learnMore-outline-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    border: 1px solid;
    color: rgb(255, 255, 255);
  }

  .scd-details--content.scdc-membership {
    margin-top: 45px;
    width: 638px;
  }

  .scd-details--card-about-img,
  .scd-details--card-sickle-cell-img,
  .scd-details--scdc-membership-img {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    margin-top: -141px;
    margin-bottom: 30px;
    margin-left: -30px;
    z-index: 0;
  }

  .scd-details--card-about-img img,
  .scd-details--card-sickle-cell-img img,
  .scd-details--scdc-membership-img img {
    max-width: 100%;
    border-radius: 20px;
  }

  .scd-details--card-sickle-cell-img {
    margin-top: -100px;
    margin-right: -75px;
    margin-left: auto;
  }

  .scd-details--card-sickle-cell-img.globalSocialIcon-img {
    margin-top: 0px;
  }

  .scd-details--content.get-involved-content {
    margin-top: 15px;
  }

  .scd-details--content.get-involved-content p strong {
    color: #ad162f;
  }


  .scd-details--card-about-img.get-involved-img {
    margin-top: -25px;
    margin-left: 0px;
  }

  .scd-details__body--sickle-cell-trail.loop-container:first-child {
    margin-top: -30px;
    display: flex;
    position: relative;
  }

  .scd-details__body--sickle-cell-trail.loop-container:first-child .scd-details--card-sickle-cell-img.commonCardCell-img {
    margin-right: 0px;
    margin-top: -50px;
  }

  .scd-details__body--sickle-cell-trail.loop-container:first-child .scd-details--content.sickle-cell-content.commonCardCell-contant {
    margin-top: 0px;
  }

  .scd-details__body--sickle-cell-trail.loop-container {
    margin-top: 50px;
    position: relative;
  }

  .scd-details--card-sickle-cell-img.commonCardCell-img {
    margin-right: 0px;
    margin-top: -45px;
  }

  .scd-details--content.sickle-cell-content.commonCardCell-contant {
    margin-top: 0px;
  }

  .scd-details--content.get-involved-content img {
    margin-bottom: 1rem;
  }

  .scd-details--content.sickle-cell-content.commonCardCell-contant img {
    margin-bottom: 1rem;
  }

  .scd-details--content.sickle-cell-content.commonCardCell-contant p strong {
    color: #ad162f;
  }


  .scd-details--scdc-membership-img {
    margin-top: 10px;
  }

  .scd-details__body--sickle-cell-trail {
    margin-top: 110px;
    display: flex;
  }

  .scd-details__body--sickle-cell-trail .learnMore-btn {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
  }

  .scd-details__body--sickle-cell-trail .learnMore-btn:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red);
  }

  .scd-details__body--sickle-cell-trail .learnMore-btn:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-details__body--sickle-cell-trail .learnMore-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-details__body--sickle-cell-trail .learnMore-btn:hover {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-details__body--sickle-cell-trail .learnMore-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  .scd-details__body--scdc-membership {
    margin-top: 15px;
  }

  .scd-details__body--scdc-membership img {
    max-width: 100%;
  }

  .scd-details__body.scd-details-display {
    display: flex;
  }

  .scd-details__body.scdc-membership-section {
    display: flex;
  }

  .scd-details.online-application {
    background-color: var(--scd-color-sup-white);
    padding-top: 2em;
    padding-bottom: 10%;
  }

  .scd-details.online-application .online-application-cell {
    position: relative;
  }

  .scd-details.online-application .online-application-cell .text {
    width: 100%;
    padding: 0% 0% 2% 0;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 30px;
  }

  .scd-details.online-application .online-application-cell strong.text {
    font-weight: 700;
  }

  .scd-details.online-application .online-application-cell .leftSide-img {
    float: left;
    shape-margin: 20px;
    margin-right: 30px;
  }

  .scd-details.online-application .online-application-cell .rightSide-img {
    float: right;
    shape-margin: 20px;
    margin-left: 1rem;
    border-radius: 20px;
  }

  .scd-details.online-application .online-application-cell p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
  }

  .scd-details.online-application .online-application-cell p.text20 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
  }

  p.text20 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
  }

  .mobailViweSchoolbinder-img {
    display: none;
  }

  .webViweSchoolbinder-img {
    display: block;
  }

  .resources-andToolkits {
    display: none;
  }

  .scd-details.online-application .card-about-img {
    overflow: hidden;
    border-radius: 18px;
    min-height: 280px;
  }

  .scd-details.online-application .card-about-img img {
    max-width: 100%;
    border-radius: 20px;
  }

  .scd-details.online-application .card-about-img.scd-prioritiesImg {
    min-height: auto;
  }

  .scd-details.online-application .onlineApplication-btn {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: rgb(255, 255, 255);
  }

  .scd-details.online-application .onlineApplication-btn:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red);
  }

  .scd-details.online-application .onlineApplication-btn:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-details.online-application .onlineApplication-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-details.online-application .onlineApplication-btn:hover,
  .scd-details.online-application .onlineApplication-btn:focus {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-details.online-application .onlineApplication-btn:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  .scd-details .scd-details-spacing {
    padding-left: 0;
  }

  .scd-details.scd-benefitsMembership {
    margin-top: 13rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .scd-details.scd-benefitsMembership .scd-benefitsMembership-event {
    margin-top: 0;
    display: flex;
  }

  .scd-details.scd-benefitsMembership .scd-benefitsMembership-event .scd-member-content {
    margin-top: -63px;
    left: 7%;
  }

  .scd-details.scd-benefitsMembership .scd-benefitsMembership-event .scd-memberDirectory-img {
    margin-top: -120px;
    margin-left: -75px;
    margin-right: auto;
  }

  .benefits-member-text {
    list-style: none;
    padding-left: 1rem;
    padding-bottom: 2rem;
  }

  .benefits-member-text li {
    font-size: 1rem;
    padding-left: 0.64rem;
    list-style: disc;
  }

  .learnAboutMember-cell {
    margin-top: 140px;
  }

  .member-organizations-logo {
    list-style: none;
    padding-bottom: 1rem;
    display: flex;
  }

  .member-organizations-logo li {
    display: flex;
    margin-right: 0.5rem;
    justify-content: space-around;
    width: 50px;
  }

  .member-organizations-logo li img {
    width: 90%;
  }

  .scd-app-button-primary {
    background: var(--scd-app-button-primary);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: rgb(255, 255, 255);
  }

  .scd-app-button-primary:hover {
    background-color: var(--scd-app-button-primary);
    color: var(--scd-app-button-primary);
    border-color: var(--scd-app-button-primary);
  }

  .scd-app-button-primary:active {
    background-color: var(--scd-app-button-primary);
  }

  .scd-app-button-primary:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-app-button-primary:hover,
  .scd-app-button-primary:focus {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-app-button-primary:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  .scd-app-button-secondary {
    background: var(--scd-app-button-primary-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: rgb(255, 255, 255);
  }

  .scd-app-button-secondary:hover {
    background-color: var(--scd-app-button-primary-red);
    color: var(--scd-app-button-primary-red);
    border-color: var(--scd-app-button-primary-red);
  }

  .scd-app-button-secondary:active {
    background-color: var(--scd-app-button-primary-red);
  }

  .scd-app-button-secondary:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-app-button-secondary:hover,
  .scd-app-button-secondary:focus {
    background-color: var(--scd-app-button-primary-hover-red);
    color: rgb(255, 255, 255);
  }

  .scd-app-button-secondary:active {
    background-color: var(--scd-app-button-primary-active-red);
    color: rgb(255, 255, 255);
  }

  .online-application-directory {
    min-height: 90vh;
  }

  .online-application-directory--scdc-membership-img {
    margin-top: -72px;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    z-index: 3;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 0px;
  }

  .online-application-directory--scdc-membership-img img {
    max-width: 100%;
  }

  .online-application-directory .online-application-directory-section {
    padding: 0px;
  }

  .online-application-directory .online-application-directory-section .mumber-hedding-section {
    display: flex;
    justify-content: space-between;
  }

  .online-application-directory .online-application-directory-section .mumber-hedding {
    padding: 0;
    font-weight: 600;
  }

  .online-application-directory.sickleCell-coalition-section {
    background-color: #efefef;
  }

  .online-application-directory-section .scdc-membership {
    width: 90%;
    left: 5%;
    margin-top: -150px;
    z-index: 3;
  }

  .online-application-directory-section .scdc-membership .text {
    font-size: 0.82rem;
  }

  @media (min-width: 360px) and (max-width: 481px) {
    .scd-details .scd-details-spacing {
      padding: 0px;
    }

    .scd-details--content.scdc-membership {
      left: 0%;
      width: 100% !important;
    }

    .scd-details--content.scdc-membership.member-directory-section-content {
      margin-top: 50px !important;
    }


  }

  @media (min-width: 360px) and (max-width: 668px) {
    .online-application-directory--scdc-membership-img.member-directory-section-img {
      margin-top: 40px;
    }

    .scd-details.online-application .online-application-cell .hedding {
      width: 100% !important;
      padding: 0% 0% 0% 0;
    }

    .online-application-directory-section .mumber-hedding-section {
      display: flex;
      justify-content: center !important;
    }

    .online-application-directory-section .mumber-hedding {
      padding: 0;
      text-align: center;
    }

    .online-application-directory-section .re-hedding {
      display: none;
    }

    .member-directory-section {
      padding: 0;
    }

    .member-directory-section.scdc-membership {
      margin-top: 30px !important;
    }

    .scd-details .scd-details-spacing {
      padding: 0px;
    }

    .scd-details--content {
      margin-top: 78px !important;
      width: 100% !important;
    }

    .scd-details--content--learn-about {
      width: 100%;
    }

    .scd-details--content .pl-spacing {
      padding: 0;
    }

    .scd-details--content.sickle-cell-content {
      left: 0%;
      width: 100% !important;
    }

    .scd-details--content.scd-guidingPrinciples-content {
      margin-top: -100px !important;
      padding: 100px 30px;
    }

    .scd-details--content--hedding {
      width: 100%;
      padding-top: 30px;
    }

    .scd-details--content--text {
      font-size: 1.12rem;
      padding: 0% 0% 2% 0;
    }

    .scd-details--content.scd-member-content--text {
      font-size: 1rem;
      padding-right: 0;
    }

    .scd-details--content.scdc-membership {
      left: 0%;
      width: 100% !important;
    }

    .scd-details--content.scdc-membership.member-directory-section-content {
      margin-top: 50px !important;
      padding: 50px 1rem;
    }

    .scd-details--card-about-img {
      margin-left: 37px;
      width: 80%;
      position: absolute;
      top: 48px;
      z-index: 3;
      margin-top: -110px;

    }

    .scd-details__body {
      display: flex;
      display: inherit !important;
    }

    .scd-details__body.scd-guidingPrinciples-body {
      flex-direction: column;
    }

    .scd-details__body--sickle-cell-trail {
      margin-top: 0px;
      display: block !important;
    }

    .scd-details__body--sickle-cell-trail .learnMore-btn {
      width: 100%;
    }

    .scd-details__body.scd-details-display {
      display: initial;
    }

    .scd-details__body.scdc-membership-section {
      display: inherit !important;
      margin-top: 540px;
    }

    .scd-details--card-sickle-cell-img {
      width: 80%;
      z-index: 3;
    }

    .scd-details--scdc-membership-img {
      margin-top: 52px;
      margin-right: 0px;
      margin-left: 37px;
      width: 80%;
      position: absolute;
      top: -97px;
      z-index: 3;
    }

    .scd-details .applyToday-btn,
    .scd-details .learnMore-outline-btn {
      width: 100%;
      margin-top: 15px !important;
      margin-left: 0;
    }

    .scd-details.online-application {
      padding: 0;
    }

    .scd-details.online-application .card-about-img.scd-memberCollaboration-img {
      min-height: auto;
    }

    .scd-details--card-sickle-cell-img {
      margin-top: -100px;
      margin-right: -75px;
      margin-left: auto;
    }

    .memberDirectory-row {
      padding-bottom: 20% !important;
    }

    .scd-details--card-sickle-cell-img.globalSocialIcon-img {
      margin-top: 0px;
    }

    .scd-details--card-sickle-cell-img.sickleCellDisease-img {
      position: relative;
      top: 0px;
      margin-right: 0px;
      margin-left: 38px;
    }

    .scd-details--content.sickle-cell-content.sickleCellDisease-content {
      margin-top: -65px !important;
    }


    .onlineApplication-btn {
      width: 100%;
      position: absolute;
      bottom: -385px;
    }

    .scd-details.online-application .online-application-cell .rightSide-img {
      max-width: 100%;
      margin-left: 0;
      margin-bottom: 2rem;
    }

    .mobailViweSchoolbinder-img {
      display: block;
    }

    .webViweSchoolbinder-img {
      display: none;
    }
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .resources-andToolkits {
      display: block;
      text-align: center;
    }

    .searchPage-wrapper--tophedding.view-Allfilter {
      display: none;
    }

    .spacing {
      padding: 0px 0px !important;
    }

    .spacing-pb {
      padding-bottom: 30px !important;
    }
    .spacing-mt-65 {
      margin-top: 65px !important;
    }
    .spacing-mt-25 {
      margin-top: 25px !important;
    }

    .spacing-pt {
      padding-top: 30px !important;
    }

    .spacingMobile-pt-0 {
      padding-top: 0px !important;
    }

    .spacingMobile-pb-0 {
      padding-bottom: 0px !important;
    }

    .spacingMobile-ml-0 {
      margin-left: 0px !important;
    }
  }

  @media (min-width: 601px) and (max-width: 767px) {

    .spacing {
      padding: 0px 0px !important;
    }

    .scd-details.online-application .online-application-cell .hedding {
      width: 100% !important;
      padding: 0% 0% 0% 0;
    }

    .online-application-directory--scdc-membership-img.member-directory-section-img {
      margin-top: 40px;
    }
    
    .online-application-directory-section {
      padding: 0px;
    }

    .online-application-directory-section .mumber-hedding-section {
      display: flex;
      justify-content: center;
    }

    .online-application-directory-section .mumber-hedding {
      padding: 0;
      text-align: center !important;
    }

    .online-application-directory-section .re-hedding {
      display: none;
    }

    .member-directory-section {
      padding: 0;
    }

    .member-directory-section.scdc-membership {
      margin-top: 30px !important;
    }

    .scd-details .scd-details-spacing {
      padding: 0px;
    }

    .scd-details--content {
      margin-top: 85px !important;
      width: 100% !important;
    }

    .scd-details--content--learn-about {
      width: 100%;
    }

    .scd-details--content .pl-spacing {
      padding: 0;
    }

    .scd-details--content.sickle-cell-content {
      left: 0%;
      width: 100% !important;
    }

    .scd-details--content.sickle-cell-content.globalSocialIcon-content {
      margin-top: 120px !important;
    }

    .scd-details--content.scd-guidingPrinciples-content {
      margin-top: 305px !important;
      padding: 100px 30px;
    }

    .scd-details--content--hedding {
      width: 100%;
      padding-top: 30px;
    }

    .scd-details--content--text {
      font-size: 1.12rem;
      padding: 0% 0% 2% 0;
    }

    .scd-details--content.scd-member-content--text {
      font-size: 1rem;
      padding-right: 0;
    }

    .scd-details--content.scdc-membership {
      left: 0%;
      margin-top: 237px !important;
      width: 100% !important;
    }

    .scd-details--content.scdc-membership.member-directory-section-content {
      margin-top: 50px !important;
      padding: 50px 1rem;
    }

    .scd-details--card-about-img {
      margin-left: 47px;
      width: 75%;
      position: absolute;
      top: 48px;
      z-index: 3;
    }

    .scd-details__body {
      display: flex;
      display: inherit !important;
    }

    .scd-details__body.scd-guidingPrinciples-body {
      flex-direction: column;
    }

    .scd-details__body--sickle-cell-trail {
      margin-top: 0px;
      display: block !important;
    }

    .scd-details__body--sickle-cell-trail .learnMore-btn {
      width: 100%;
    }

    .scd-details__body.scd-details-display {
      display: initial;
    }

    .scd-details__body.scd-details-display .scd-globalIssues-content {
      margin-top: 245px;
    }

    .scd-details__body.scd-details-display .scd-globalIssues-img {
      margin-top: -590px;
      min-height: 570px;
    }

    .scd-details__body.scd-details-display .scd-globalIssues-img.scd-bloodDonor-img {
      margin-top: -560px;
      min-height: 540px;
    }

    .scd-details__body.scdc-membership-section {
      display: inherit !important;
      margin-top: 540px;
    }

    .scd-details--card-sickle-cell-img {
      margin-top: -113px;
      margin-right: 0px;
      margin-left: 47px;
      width: 75%;
      position: absolute;
      top: 48px;
      z-index: 3;
    }

    .scd-details--card-sickle-cell-img.globalSocialIcon-img {
      width: 100%;
      margin-right: auto;
      margin-top: 5rem;
      position: inherit;
      top: 0px;
      margin-left: 0px;
    }

    .scd-details--scdc-membership-img {
      margin-top: 120px;
      margin-right: 0px;
      margin-left: 47px;
      width: 80%;
      position: absolute;
      top: 0px;
      z-index: 3;
    }

    .scd-details .applyToday-btn,
    .scd-details .learnMore-outline-btn {
      width: 100%;
      margin-top: 15px !important;
      margin-left: 0;
    }

    .scd-details.online-application {
      padding: 0;
    }

    .scd-details.online-application .card-about-img.scd-memberCollaboration-img {
      min-height: auto;
      margin-bottom: 5rem;
      max-height: 750px;
    }

    .scd-details .globalSocialIcon-cell {
      display: inline-block;
    }

    .memberDirectory-row {
      padding-bottom: 20% !important;
    }

    .memberDirectory-row .onlineApplication-btn {
      bottom: 0px;
    }

    .onlineApplication-btn {
      width: 100%;
      position: absolute;
      bottom: -385px;
    }

    .mobailViweSchoolbinder-img {
      display: block;
    }

    .webViweSchoolbinder-img {
      display: none;
    }
  }

  .display-event {
    display: flex;
  }
  .scd-stayUp-section {
    position: relative;
    height: 387px;
    overflow: hidden;
    margin-left: 0px;    
  }
  /***--- ALL DEYAILS RELATED STYLE END ---***/

  .scd-stayUp-section .scd-stayUp-img {
    width: 100%;
    margin-top: -202px;
  }

  .scd-stayUp-section .takeActionBg-img {
    margin-top: 0px;
    height: auto;
  }

  .scd-stayUp-section .takeActionBg-img.scdc-Structure-img {
    height: 100%;
  }

  .scd-stayUp-section .stayUpto-dateWith {
    margin: 0px;
    border-radius: 0px;
    padding-top: 0px;
    border: none;
    position: absolute;
    background: linear-gradient(225deg, rgba(237, 152, 19, 0.6) 0%, rgba(80, 25, 69, 0.9) 100%);
    background-blend-mode: normal;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
  }

  .scd-stayUp-section .scd-sec-heroImg {
    max-width: 100%;
    height: 100%;
  }

  .scd-stayUp-section .stayUpto-dateWith.sec-heroImg-overlay {
    background: rgba(0, 0, 0, 0.5);
    background-blend-mode: normal;
  }

  .scd-stayUp-section .content-row {
    display: flex;
    padding: 0px;
    flex-direction: row;
    align-content: flex-start;
    top: 55%;
  }

  .scd-stayUp-section .content-row--section-left {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    width: 50%;
    padding: 0px;
  }

  .scd-stayUp-section .content-row--section-left .scd-text {
    padding: 1rem 0%;
    text-align: left;
  }

  .scd-stayUp-section .content-row--section-right {
    display: flex;
    width: 50%;
    padding: 0px;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
  }

  .scd-stayUp-section.sec-heroImg-section {
    height: 345px;
  }

  .homebannertext-center {
    text-align: center!important;
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .homebannertext-center {
      text-align: left !important;
    }
    .scd-stayUp-section {
      height: 485px !important;
      margin-top: 0px;
      margin-left: 0;
    }

    .scd-stayUp-section.sec-heroImg-section {
      height: 440px;
      margin-top: 0px;
    }

    .scd-stayUp-section .content-row {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      top: 50%;
      padding: 0 1rem;
    }

    .scd-stayUp-section .content-row--section-left {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      width: 100%;
      padding: 0px;
    }

    .scd-stayUp-section .content-row--section-left .scd-text {
      padding: 1rem 0%;
      text-align: left;
    }

    .scd-stayUp-section .content-row--section-right {
      width: 100%;
      padding: 0px;
      flex-direction: column;
      justify-content: center;
    }

    .scd-stayUp-section .content-row--section-right button {
      width: 100%;
    }

    .scd-stayUp-section .content-row--section-right .secondary-outline-btn {
      margin-left: 0px !important;
      margin-top: 1rem !important;
      width: 100%;
    }

    .scd-secondaryWhite-Btn {
      width: 100%;
    }

    .scd-stayUp-section .scd-hedding {
      text-align: center;
      padding-top: 0px;
    }

    .scd-stayUp-section .scd-text {
      font-size: 1.23rem;
      padding: 1rem 0% 1rem 0 !important;
    }

    .scd-stayUp-section .scd-input-field {
      display: initial;
    }

    .scd-stayUp-section .input-search {
      margin: 0px;
    }

    .scd-stayUp-section .scd-search-btn {
      margin-left: 0;
      margin-top: 15px !important;
    }

    .take-action-details .scd-hedding {
      text-align: left;
      padding-right: 10%;
    }

    .take-action-details .scd-takeAction-joinThefight-btn {
      width: 100%;
    }

    .take-action-details.hero-banner-Overlay {
      display: none;
    }

    .take-action-details.hero-banner-Overlay .over-layer {
      display: none;
    }

    .take-action-details.mobileView-Overlay {
      background-image: linear-gradient(to bottom, rgba(80, 25, 69, 0.1), rgba(110, 26, 76, 0.2), rgba(139, 26, 77, 0.50), rgba(139, 26, 77, 0.80), rgba(139, 26, 77, 0.90), rgb(168, 29, 73), rgb(193, 41, 64) 100%);
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: 100%;
    }

    .scd-stayUp-img {
      height: 100% !important;
      margin-top: 0px !important;

    }

    .scd-stayUp-img.stayUpWebView-img {
      display: none;
    }

    .scd-stayUp-img.MobileView-Img {
      display: block;
    }

    .scd-stayUp-section .scd-stayUp-img.MobileView-Img {
      margin-top: 0px !important;
    }

    .display-event {
      display: initial;
    }

    .scd-search-btn {
      width: 100%;
    }

    .online-application-directory-section .scdc-membership {
      margin-top: 30px;
    }

    .online-application-directory-section .scdc-membership .scd-details--content--hedding {
      padding-top: 0px !important;
    }
    .heading-center {
      text-align: center;
    }
  }

  @media (min-width: 601px) and (max-width: 767px) {
    .scd-stayUp-section {
      height: 485px;
      margin-top: -30px;
      margin-left: 0;
    }

    .scd-stayUp-section .scd-hedding {
      text-align: center;
      padding-top: 0px;
    }

    .scd-stayUp-section .scd-text {
      font-size: 1.23rem;
    }

    .scd-stayUp-section .scd-input-field {
      display: initial;
    }

    .scd-stayUp-section .input-search {
      margin: 0px;
    }

    .scd-stayUp-section .scd-search-btn {
      margin-left: 0;
      margin-top: 15px !important;
    }

    .take-action-details .scd-hedding {
      text-align: left;
      padding-right: 10%;
    }

    .take-action-details .scd-takeAction-joinThefight-btn {
      width: 100%;
    }

    .take-action-details.hero-banner-Overlay {
      display: none;
    }

    .take-action-details.hero-banner-Overlay .over-layer {
      display: none;
    }

    .scd-stayUp-img {
      height: 100%;
    }

    .display-event {
      display: initial;
    }

    .scd-search-btn {
      width: 100%;
    }

    .online-application-directory-section .scdc-membership {
      margin-top: 30px;
    }

    .online-application-directory-section .scdc-membership .scd-details--content--hedding {
      padding-top: 0px !important;
    }

    .heading-center {
      text-align: center;
    }
    .scd-report-slide {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
  }

  .scd-input-field {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .scd-input-field__box {
    position: relative;
  }

  .scd-input-field__box .input-search {
    padding-left: 30px;
    min-width: 370px;
    font-size: 0.92rem;
    font-style: normal;
    height: 38px;
  }

  .scd-input-field__box .input-search::placeholder {
    font-style: italic;
    font-size: 12px;
    color: #8d8d8d;
  }

  .scd-input-field__box .btn-search {
    position: absolute;
    left: 8px;
    top: 14px;
    border: none;
    height: 12px;
  }

  .scd-search-btn {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    text-transform: uppercase;
  }

  .scd-search-btn:hover {
    background-color: var(--scd-app-button-primary-blue);
    color: var(--scd-app-button-primary-blue);
    border-color: var(--scd-app-button-primary-blue);
  }

  .scd-search-btn:active {
    background-color: var(--scd-app-button-primary-blue);
  }

  .scd-search-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .scd-search-btn:hover,
  .scd-search-btn:focus {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
    box-shadow: none;
  }

  .scd-search-btn:active {
    background-color: var(--scd-app-button-primary-hover-blue);
    color: rgb(255, 255, 255);
  }

  .scd-hedding {
    font-size: 1.87rem;
    font-weight: 700;
    color: #000000;
    font-family: "Oswald", sans-serif;
    padding-top: 50px;
  }

  .card-box {
    border-radius: 15px !important;
    overflow: hidden;
  }

  .card-box .card-body {
    padding: 0px;
  }

  .card-box .card-body--content {
    padding: 15px 15px 30px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .scd-slider {
    margin-top: 0px;
  }

  .scd-slider .owl-nav {
    position: relative;
    text-align: center;
    margin-top: 0px;
  }

  .scd-slider .owl-nav.disabled {
    display: block !important;
  }

  .scd-slider .owl-nav.disabled .owl-prev {
    display: none !important;
  }

  .scd-slider .owl-nav.disabled .owl-next {
    display: none !important;
  }

  .scd-report-slide {
    background: #fff;
    margin: 0px 15px 20px;
    border-radius: 20px;
    padding-top: 1px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
  }

  .scd-report-slide .scd-report-img {
    position: relative;
    overflow: hidden;
    margin: -2px 0px 0px 0px;
    margin-left: -10px;
    max-height: 201px;
  }

  .scd-report-slide .scd-report-img img,
  .scd-report-slide .scd-report-img i {
    width: 100%;
    height: auto;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
    color: #fff;
  }

  .scd-report-slide:hover .scd-report-img img,
  .scd-report-slide:hover .scd-report-img i {
    transform: scale(1.1, 1.1);
  }

  .scd-report-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    background-image: linear-gradient(90deg, rgba(173, 22, 47, 0.8) 0%, rgba(80, 25, 69, 0.8) 34.12%, rgba(50, 16, 43, 0.62) 72.78%, rgba(0, 0, 0, 0.33) 100%);
    transition: all 0.5s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .scd-report-slide .over-layer img,
  .scd-report-slide .over-layer i {
    position: relative;
    top: 0%;
    text-align: center;
    display: block;
    font-size: 80px;
    width: 68px;
    height: 68px;
    color: #fff;
  }

  .scd-report-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none;
  }

  .scd-report-slide .scd-report-content {
    padding: 1rem 20px 40px;
    background: #efefef;
    min-height: 291px;
  }

  .scd-report-slide .scd-report-content.newroom-category {
    min-height: 330px;
  }

  .scd-report-slide .scd-report-content .scd-sheet-btn {
    border: none;
    background: var(--scd-color-sup-yellow);
    color: #000000 !important;
    border-radius: 0;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.5rem 1rem;
    box-shadow: none;
    display: inline-block;
  }

  .scd-report-slide .scd-report-content .scd-sheet-btn:hover {
    background-color: var(--scd-color-sup-yellow);
    color: #000000;
  }

  .scd-report-slide .card-sheet-hedding {
    font-size: 0.92rem;
    font-weight: 500;
    color: #075d85;
    padding: 8px 0;
    cursor: pointer;
  }

  .scd-report-slide .scd-report-title .card-sheet-hedding {
    font-size: 0.92rem;
    font-weight: 500;
    color: #075d85;
    padding: 8px 0;
    cursor: pointer;
  }

  .scd-report-slide .scd-report-title a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
  }

  .scd-report-slide .scd-report-title a:hover {
    text-decoration: none;
    color: #3498db;
  }

  .scd-report-slide .scd-report-description {
    line-height: 24px;
    color: #000;
    margin-bottom: 25px;
  }

  .scd-report-slide .scd-report-content p {
    line-height: 24px;
    color: #000;
    margin-bottom: 25px;
  }

  .scd-report-slide .scd-report-date {
    color: #a9a9a9;
    font-size: 14px;
  }

  .scd-report-slide .scd-report-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #CFDACE;
  }

  .scd-report-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
  }

  .scd-report-slide .read-more:hover {
    background: #3498db;
    text-decoration: none;
    color: #fff;
  }

  @media (min-width: 360px) and (max-width: 668px) {
    .owl-pagination {
      right: 38% !important;
      bottom: 15px !important;
    }

    .owl-next,
    .owl-prev {
      right: 15px;
      left: auto !important;
      border-radius: 50% !important;
      background: #fff !important;
      box-shadow: 0px 0px 22px 2px #d9d9d9;
      width: 62px;
      height: 62px !important;
      font-size: 0;
      font-weight: normal !important;
      bottom: 31% !important;
    }

    .owl-next:hover,
    .owl-next:focus,
    .owl-prev:hover,
    .owl-prev:focus {
      border: none;
      background: var(--scd-app-button-primary-blue);
      color: rgb(255, 255, 255);
      font-weight: 700;
      font-family: "Oswald", sans-serif;
    }

    .owl-next:active,
    .owl-prev:active {
      background: var(--scd-app-button-primary-blue);
      color: rgb(255, 255, 255);
      font-weight: 700;
      font-family: "Oswald", sans-serif;
    }

    .owl-next.disabled,
    .owl-prev.disabled {
      background: rgb(239, 239, 239) !important;
      box-shadow: none;
      cursor: default !important;
    }

    .owl-next.disabled:after,
    .owl-prev.disabled:after {
      color: #ccc !important;
    }


    .owl-prev {
      left: 0 !important;
    }

    .scd-slider .owl-nav .owl-prev:after,
    .scd-slider .owl-nav .owl-next:after {
      content: "\f060";
      font-family: FontAwesome;
      color: rgb(255, 255, 255);
      font-size: 36px;
      position: absolute;
      top: 21px;
      left: 6px;
      z-index: 999;
      width: 53px;
      height: 37px;
      font-weight: 900;
      line-height: 20px;
      text-transform: uppercase;
    }

    .scd-slider .owl-nav .owl-next:after {
      content: "\f061";
      font-family: FontAwesome;
      color: rgb(255, 255, 255) !important;
      font-size: 36px;
      position: absolute;
      top: 21px;
      left: 6px;
      z-index: 999;
      width: 53px;
      height: 37px;
      font-weight: 900;
      line-height: 20px;
    }

    .owl-controls {
      margin-top: 65px;
    }
  }

  @media (min-width: 601px) and (max-width: 767px) {
    .owl-pagination {
      right: 36% !important;
      bottom: 15px !important;
    }

    .owl-next,
    .owl-prev {
      right: 15px;
      left: auto !important;
      border-radius: 50% !important;
      background: #fff !important;
      box-shadow: 0px 0px 22px 2px #d9d9d9;
      width: 62px;
      height: 62px !important;
      font-size: 0;
      font-weight: normal !important;
      bottom: 31% !important;
    }

    .owl-next:hover,
    .owl-next:focus,
    .owl-prev:hover,
    .owl-prev:focus {
      border: none;
      background: var(--scd-app-button-primary-blue);
      color: rgb(255, 255, 255);
      font-weight: 700;
      font-family: "Oswald", sans-serif;
    }

    .owl-next:active,
    .owl-prev:active {
      background: var(--scd-app-button-primary-blue);
      color: rgb(255, 255, 255);
      font-weight: 700;
      font-family: "Oswald", sans-serif;
    }

    .owl-prev {
      left: 0 !important;
    }

    .scd-slider .owl-nav .owl-prev:after,
    .scd-slider .owl-nav .owl-next:after {
      content: "\f060";
      font-family: FontAwesome;
      color: rgb(30, 28, 28);
      font-size: 21px;
      position: absolute;
      top: 16px;
      left: 3px;
      z-index: 999;
      width: 53px;
      height: 37px;
    }

    .scd-slider .owl-nav .owl-next:after {
      content: "\f061";
      font-family: FontAwesome;
      color: rgb(30, 28, 28);
      font-size: 21px;
      position: absolute;
      top: 16px;
      left: 3px;
      z-index: 999;
      width: 53px;
      height: 37px;
    }

    .owl-controls {
      margin-top: 65px;
    }
  }

  #scd-slide {
    position: relative;
    margin-top: 50px;
  }

  .scd-slider .owl-nav {
    text-align: center;
    margin-top: 50px;
  }

  .scd-slider .owl-nav .owl-prev,
  .scd-slider .owl-nav .owl-next {
    background: var(--scd-app-button-primary-blue) !important;
    color: rgb(255, 255, 255) !important;
    border: none;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    height: 38px;
    position: absolute;
    bottom: -10%;
    left: 15px;
    padding: 6px 15px 6px 15px;
    border-radius: 6px;
    transition: background 0.5s ease 0s;
    display: flex;
    align-items: center;
    z-index: 1;
  }

  .scd-slider .owl-nav .owl-prev.disabled,
  .scd-slider .owl-nav .owl-next.disabled {
    background: var(--scd-app-button-disabled-default) !important;
    border: none;
    color: rgb(141, 141, 141) !important;
    cursor: default;
  }

  .scd-slider .owl-nav .owl-prev.disabled:hover,
  .scd-slider .owl-nav .owl-prev.disabled:focus,
  .scd-slider .owl-nav .owl-next.disabled:hover,
  .scd-slider .owl-nav .owl-next.disabled:focus {
    background: var(--scd-app-button-disabled-default);
    border: none;
    color: rgb(141, 141, 141) !important;
    cursor: default;
  }

  .scd-slider .owl-nav .owl-prev:hover,
  .scd-slider .owl-nav .owl-prev:focus,
  .scd-slider .owl-nav .owl-next:hover,
  .scd-slider .owl-nav .owl-next:focus {
    border: none;
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
  }

  .scd-slider .owl-nav .owl-prev:active,
  .scd-slider .owl-nav .owl-next:active {
    background: var(--scd-app-button-primary-blue);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
  }

  .scd-slider .owl-nav .owl-next {
    left: 130px;
  }

  .owl-controls .owl-pagination {
    display: none;
  }

  .owl-pagination {
    position: absolute;
    right: 29px;
    bottom: 15px;
  }

  .owl-pagination .showing-count {
    color: #000000;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.92rem;
    display: block;
  }

  .owl-pagination .showing-count-mobs {
    color: #000000;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.92rem;
    display: none;
  }

  @media only screen and (max-width: 1280px) {
    .scd-report-slide {
      margin: 0px;
    }

    .scd-report-slide .scd-report-content {
      padding: 1rem 1rem 25px 1rem;
    }
  }

  .take-action-details {
    height: 400px;
    margin-left: 0;
  }

  .take-action-details .scd-hedding {
    padding-top: 0px;
  }

  .take-action-details .scd-banner__body {
    top: 50%;
  }

  .take-action-details.hero-banner-Overlay {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .take-action-details.hero-banner-Overlay .over-layer {
    background: none;
  }

  .take-action-details .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 1;
    cursor: auto;
    background: linear-gradient(46deg, #272d67 0%, #501945 62%, rgba(80, 25, 69, 0) 100%);
    background-blend-mode: normal;
    transition: all 0.5s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .take-action-details .over-layer img {
    position: relative;
    top: 0%;
    text-align: center;
    display: block;
    font-size: 25px;
    width: 50px;
    height: 50px;
  }

  .take-action-details .over-layer.overlay-takeAction {
    background: linear-gradient(270deg, rgba(83, 0, 14, 0) 0%, rgba(80, 25, 69, 0.05), rgba(80, 25, 69, 0.4), rgb(149, 149, 178) 100%);
  }

  .take-action-details .over-layer.overlay-scdabout {
    background: linear-gradient(46deg, rgba(39, 45, 103, 0.5) 0%, rgba(80, 25, 69, 0.5) 62%, rgba(80, 25, 69, 0) 100%);
  }

  .take-action-details .over-layer.overlay-sickleCellDisease {
    background: linear-gradient(46deg, #272d67 0%, #501945 62%, rgba(80, 25, 69, 0) 100%);
    opacity: 0.6;
  }

  .take-action-details .over-layer.overlay-sickleCellDisease:hover .over-layer {
    opacity: 0.6;
    background: linear-gradient(46deg, #272d67 0%, #501945 62%, rgba(80, 25, 69, 0) 100%);
  }

  .take-action-details .over-layer.overlayTackAction {
    opacity: 0.6;
    background: linear-gradient(270deg, #272d67 0%, #501945 100%);
    background-blend-mode: normal;
  }

  .take-action-details:hover {
    cursor: auto;
  }

  .take-action-details .centered {
    align-items: self-start;
  }

  .take-action-details .scd-text {
    padding: 1rem 15% 1rem 0;
    text-align: left;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    font-size: 1.5rem;
    line-height: 32px;
    text-transform: uppercase;
  }

  .take-action-details .scd-text p {
    padding: 0;
  }

  .take-action-details .scd-takeAction-joinThefight-btn {
    background: var(--scd-app-button-secondary-white-default);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    max-height: 38px;
    color: #ad162f;
    border-color: rgb(255, 255, 255);
  }

  .take-action-details .scd-takeAction-joinThefight-btn:hover {
    background-color: var(--scd-app-button-secondary-white-default);
    color: var(--scd-app-button-secondary-white-default);
    border-color: var(--scd-app-button-secondary-white-default);
  }

  .take-action-details .scd-takeAction-joinThefight-btn:active {
    background-color: var(--scd-app-button-secondary-white-default);
  }

  .take-action-details .scd-takeAction-joinThefight-btn:focus {
    outline: none;
    box-shadow: none;
  }

  .take-action-details .scd-takeAction-joinThefight-btn:hover,
  .take-action-details .scd-takeAction-joinThefight-btn:focus {
    background-color: var(--scd-app-button-secondary-white-default-hover);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }

  .take-action-details .scd-takeAction-joinThefight-btn:active {
    background-color: var(--scd-app-button-secondary-white-default-active);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }

  footer {
    background-color: #311432;
  }

  footer .responsive-wRow {
    padding-left: 0;
  }

  footer .contact-details-section {
    border-right: 1px solid #979797;
    min-height: 313px;
    position: relative;
  }

  footer .contact-details-section #footer-widget .footer_widget p {
    margin: 0px;
  }

  footer .contact-details-section #footer-widget .footer_widget p:first-child {
    margin: 0px;
    padding-right: 8rem;
  }

  footer .contact-details-section p {
    color: rgb(255, 255, 255);
    font-size: 0.87rem;
  }
 
  footer .contact-details-section p span,
  footer .contact-details-section p a {
    color: rgb(255, 255, 255);
    font-size: 0.87rem;
  }
  
  footer .contact-details-section .scd-hedding {
    color: var(--scd-app-button-primary-red);
    width: 68%;
    padding-top: 0;
    font-size: 2.25rem;
  }

  footer .contact-details-section .scd-input-field {
    justify-content: flex-start;
    margin-top: 45px;
  }

  footer .contact-details-section .input-search {
    min-width: 240px;
  }

  footer .contact-details-section .footer-social-icon {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 15px;
    align-items: center;
  }

  footer .contact-details-section .footer-social-icon li {
    margin-top: 15px;
  }

  footer .contact-details-section .footer-social-icon li strong {
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    font-size: 1.43rem;
  }

  footer .contact-details-section .footer-social-icon li a {
    padding: 0px 0px 0px 20px;
    color: rgb(0, 154, 172);
    font-size: 1.75rem;
  }

  footer .contact-details-section .footer-navigetion,
  footer .contact-details-section .footer-copyRight-nav,
  footer .contact-details-section .footer-copyRight-section {
    list-style: none;
    flex-direction: column;
  }

  footer .contact-details-section .footer-navigetion li,
  footer .contact-details-section .footer-copyRight-nav li,
  footer .contact-details-section .footer-copyRight-section li {
    padding: 2px 0;
    margin: 0px;
  }

  footer .contact-details-section .footer-navigetion li a,
  footer .contact-details-section .footer-copyRight-nav li a,
  footer .contact-details-section .footer-copyRight-section li a {
    color: rgb(0, 154, 172);
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    font-size: 1.23rem;

  }

  footer .contact-details-section .footer-navigetion li a:hover,
  footer .contact-details-section .footer-copyRight-nav li a:hover,
  footer .contact-details-section .footer-copyRight-section li a:hover {
    text-decoration: underline;
    color: rgb(0, 154, 172);
  }

  footer .contact-details-section .footer-copyRight-nav,
  footer .contact-details-section .footer-copyRight-section {
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  footer .contact-details-section .footer-copyRight-nav li,
  footer .contact-details-section .footer-copyRight-section li {
    padding: 0px 10px;
  }

  footer .contact-details-section .footer-copyRight-nav li a,
  footer .contact-details-section .footer-copyRight-nav li span,
  footer .contact-details-section .footer-copyRight-section li a,
  footer .contact-details-section .footer-copyRight-section li span {
    color: rgb(0, 154, 172);
    font-weight: 500;
    font-family: "Noto Sans", sans-serif;
    font-size: 1rem;
    position: relative;

  }

  footer .contact-details-section .footer-copyRight-nav li a:after,
  footer .contact-details-section .footer-copyRight-nav li span:after,
  footer .contact-details-section .footer-copyRight-section li a:after,
  footer .contact-details-section .footer-copyRight-section li span:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: 15px;
    background-color: #ccc;
    top: 5px;
    right: -11px;
  }

  footer .contact-details-section .footer-copyRight-nav li:last-child a:after,
  footer .contact-details-section .footer-copyRight-section li:last-child a:after {
    display: none;
  }

  footer .contact-details-section .footer-copyRight-section li {
    padding: 0px 10px;
    position: relative;
  }

  footer .contact-details-section .footer-copyRight-section li span {
    color: rgb(255, 255, 255);
  }
 
  footer .contact-details-section .footer-copyRight-section li span:after {
    right: -11px;
  }

  footer .contact-details-section .footer-copyRight-section li:last-child span:after {
    display: none;
  }

  footer .contact-details-section.footer-copyRight {
    min-height: 50px;
    padding-top: 35px;
  }

  @media (min-width: 360px) and (max-width: 667px) {
    .owl-pagination .showing-count {
      display: none;
    }
    .scd-slider .owl-nav {
      text-align: center;
      margin-top: 90px;
    }

    .owl-pagination .showing-count-mobs {
      display: block;
      font-size: 1rem;
    }

    .contact-details-section {
      border-right: none !important;
      border-bottom: 1px solid #979797;
      margin-bottom: 15px;
      min-height: auto !important;
      position: relative;
      float: left;
      width: 100%;
    }

    .contact-details-section #footer-widget .footer_widget img {
      float: left;
      margin-right: 16px;
      width: 90px !important;
      vertical-align: top;
      margin-bottom: 5rem;
    }

    .contact-details-section #footer-widget .footer_widget p {
      width: 70%;
      font-size: 0.9rem !important;
      float: left;
      transform: translate(10px, 0px);
    }

   .contact-details-section img {
      float: left;
      margin-right: 60px;
    }

    .contact-details-section .footer-social-icon {
      margin-bottom: 15px;
    }

    .contact-details-section .footer-social-icon strong {
      padding-right: 20px;
    }

    .contact-details-section .footer-social-icon img {
      float: left;
      margin-right: 0px;
    }

    .contact-details-section p {
      width: 100%;
      font-size: 0.97rem !important;
    }

    .contact-details-section.scdc-monthly-update .scd-hedding {
      width: 80%;
    }

    .contact-details-section.scdc-monthly-update .input-search {
      margin-top: 0px;
      min-width: 100%;
    }

    .contact-details-section.scdc-monthly-update .scd-input-field__box {
      width: 85%;
    }

    .contact-details-section.scdc-monthly-update .scd-search-btn {
      width: auto !important;
    }

    .contact-details-section.footer-navigetion-field {
      display: none !important;
    }

    .contact-details-section.footer-copyRight {
      border-bottom: none;
    }

    .contact-details-section .footer-copyRight-nav {
      display: none !important;
    }

    .contact-details-section .footer-copyRight-section {
      width: 100% !important;
      flex-direction: row;
      flex-wrap: wrap;
    }

    .responsive-wRow {
      padding-left: 10px !important;
    }

    footer .contact-details-section .scd-input-field {
      padding: 1rem 1rem 1rem 0rem !important;
    }

    #myBtn {
      right: 1rem!important;
      bottom: 170px !important;
    }

    .breadcrumb {
      display: none !important;
    }

    .breadcrumb-content .breadcrumb-back-btn {
      display: block !important;
    }

    .filterBy-collapsible-row {
      display: none;
    }

    .filter-content-body {
      width: 97% !important;
    }

  

  }

  @media (min-width: 768px) and (max-width: 991px) {
    .contact-details-section {
      border-right: none !important;
      border-bottom: 1px solid #979797;
      margin-bottom: 15px;
      min-height: auto !important;
    }

    .contact-details-section img {
      float: left;
      margin-right: 60px;
    }

    .contact-details-section .footer-social-icon {
      margin-bottom: 15px;
    }

    .contact-details-section .footer-social-icon strong {
      padding-right: 20px;
    }

    .contact-details-section .footer-social-icon img {
      float: left;
      margin-right: 0px;
    }

    .contact-details-section p {
      width: 100%;
      font-size: 1rem !important;
    }

    .contact-details-section.scdc-monthly-update .scd-hedding {
      width: 55%;
    }

    .contact-details-section.scdc-monthly-update .input-search {
      margin-top: 0px;
      min-width: 100%;
    }

    .contact-details-section.scdc-monthly-update .scd-input-field__box {
      width: 85%;
    }

    .contact-details-section.scdc-monthly-update .scd-search-btn {
      width: auto !important;
    }

    .contact-details-section.footer-navigetion-field {
      display: none !important;
    }

    .contact-details-section.footer-copyRight {
      border-bottom: none;
    }

    .contact-details-section .footer-copyRight-nav {
      display: none !important;
    }

    .contact-details-section .footer-copyRight-section {
      width: 100% !important;
      flex-direction: row;
      flex-wrap: wrap;
    }

    #myBtn {
      right: 45% !important;
      bottom: 446px !important;
    }
  }

  #myBtn {
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    padding: 15px;
    position: fixed;
    bottom: 418px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px 0px #c7c7c7;
  }

  #myBtn.show:hover {
    cursor: pointer;
    background-color: rgb(0, 154, 172);
  }

  #myBtn.show:active {
    background-color: rgb(4, 192, 212);
  }

  #myBtn.show {
    background-color: rgb(255, 255, 255);
    opacity: 1;
    visibility: visible;
    font-size: 1.75rem;
  }


  
  .breadcrumb {
    background-color: var(--scd-color-sup-white) !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0 !important;
  }

  .breadcrumb .breadcrumb-item {
    color: #075d85;
    font-size: 1.1rem;
    font-weight: 500;
  }

  .breadcrumb .breadcrumb-item span {
    padding: 0 0.4rem;
    font-weight: 600;
  }

  .breadcrumb .breadcrumb-item span a span {
    color: #075d85;
    font-weight: 400 !important;
  }

  .breadcrumb .breadcrumb-item span:first-child {
    padding-left: 0;
  }

  .breadcrumb .breadcrumb-item.active {
    color: #075d85;
    background-color: var(--scd-color-sup-white);
    border: none;
  }

  .breadcrumb .breadcrumb-item.active __text {
    font-weight: 600;
  }

  .breadcrumb .breadcrumb-item__text {
    color: #075d85;
  }

  .breadcrumb-content .breadcrumb-back-btn {
    padding: 0.75rem 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    display: none;
    font-weight: 600;
    font-size: 1.1rem;
    color: #075d85 !important;
    text-transform: uppercase;
  }

  @media (min-width: 360px) and (max-width: 667px) {

    #myBtn.show:hover {
      cursor: pointer;
      background-color: rgb(255, 255, 255) !important;
    }
  
    #myBtn.show:active {
      background-color: rgb(255, 255, 255) !important;
    }


    .scd-app-primaryRedOutline-btn {
      width: 100%;
    }

    .scd-details.scd-member-FpoYoutube .scd-member-spacing {
      padding: 0;
    }

    .scd-details.scd-member-FpoYoutube .scd-member-video {
      height: 100%;
      width: 100% !important;
      margin: 0px auto;
    }

    .scd-details.scd-benefitsMembership {
      margin-top: 10rem;
    }

    .scd-details.scd-benefitsMembership .scd-benefitsMembership-event {
      flex-direction: column;
    }

    .scd-details.scd-benefitsMembership .scd-benefitsMembership-event .scd-memberDirectory-img {
      top: 0px;
      margin-left:auto;
      margin-right: auto;
      margin-top: -70px;
    }

    .scd-details.scd-benefitsMembership .scd-benefitsMembership-event .scd-member-content {
      left: 0;
    }

    .learnAboutMember-cell .scd-ourMissionImg {
      margin-top: 0px;
    }

    .learnAboutMember-cell .scd-member-content {
      left: 0;
    }

    .scd-memberCollaboration .onlineApplication-btn {
      bottom: 0px;
    }
  }

  @media (min-width: 601px) and (max-width: 767px) {
    .scd-details.scd-member-FpoYoutube .scd-member-spacing {
      padding: 0;
    }

    .scd-details.scd-member-FpoYoutube .scd-member-video {
      height: 100%;
      width: 100% !important;
      margin: 0px auto;
    }

    .scd-details.scd-benefitsMembership {
      margin-top: 10rem;
    }

    .scd-details.scd-benefitsMembership .scd-benefitsMembership-event {
      flex-direction: column;
    }

    .scd-details.scd-benefitsMembership .scd-benefitsMembership-event .scd-memberDirectory-img {
      top: 0px;
      margin-left:auto;
      margin-right: auto;
      margin-top: -70px;
    }

    .scd-details.scd-benefitsMembership .scd-benefitsMembership-event .scd-member-content {
      left: 0;
    }

    .learnAboutMember-cell {
      margin-top: 40px;
    }

    .learnAboutMember-cell .scd-ourMissionImg {
      margin-top: -60px;
      width: 75%;
    }

    .learnAboutMember-cell .scd-member-content {
      left: 0;
    }

    .scd-memberCollaboration .onlineApplication-btn {
      bottom: 0px;
    }
  }


  .member-directory-section {
    padding: 0;
  }

  span#atozorders {
    margin-left: 2px;
  }

  .filterBy-collapsible {
    background-color: #cccccc;
    color: #000000;
    cursor: pointer;
    padding: 12px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 0.87rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: 2px solid #a9a9a9;
    position: relative;
  }

  .filterBy-collapsible:hover,
  .filterBy-collapsible:focus {
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 2px solid #a9a9a9;
  }

  .filterBy-collapsible.active,
  .filterBy-collapsible:hover {
    background-color: #cccccc;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 2px solid #a9a9a9;
  }

  .filterBy-collapsible:after {
    content: "+";
    color: #000000;
    font-size: 1.72rem;
    font-weight: 700;
    margin-left: 5px;
    display: flex;
    align-items: center;
    height: 20px;
    margin-top: 0px;
    position: absolute;
    right: 14px;
  }

  .filterBy-collapsible.active:after {
    content: "\f068";
    font-family: FontAwesome;
    font-size: 20px;
  }

  .filter-content-body {
    padding: 0 10px 0px 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f4f5f5;
    position: absolute;
    width: 95%;
    z-index: 3;
  }

  /* ----Add position filter contect body style Starts---- */
  .filter-content-body.collapse-body {
    width: 100%;
    position: relative;
  }

  .filter-content-body.collapse-body .filter-checkbox {
    max-height: 140px;
    overflow: auto;
    min-height: 170px;
  }

  /* ----Add position filter contect body style END ---- */
  .filter-collapsible {
    display: flex;
    flex: 1;
  }

  .filter-checkbox {
    margin: 0;
    padding: 10px 0 0 0;
    list-style-type: none;
    background-color: #f4f5f5;
  }

  .filter-checkbox li {
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin: 0px;
    padding: 0rem 0rem 0.5rem;
  }

  .filter-checkbox li input[type=checkbox],
  input[type=radio] {
    margin-right: 0.5rem;
  }

  .filter-checkbox li label {
    margin: 0px;
  }

  li {
    margin: 4px 0;
  }

  .centered {
    margin: auto;
  }

  .title {
    text-align: center;
    color: rgb(69, 113, 236);
  }

  .scd-checkbox {
    position: absolute;
    opacity: 0;
  }

  .scd-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 0.82rem;
    font-weight: 500;
  }

  .scd-checkbox+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid #000;
    border-radius: 3px;
  }

  .scd-checkbox:hover+label:before {
    background: var(--scd-color-sup-white);
  }

  .scd-checkbox:focus+label:before {
    box-shadow: 0 0 0 3px rgba(71, 136, 141, 0.12);
  }

  .scd-checkbox:checked+label:before {
    background: #ffffff;
    border: 1px solid #2591b9;
  }

  .scd-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto;
  }

  .scd-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ececec;
  }

  .scd-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: rgb(7, 93, 133);
    width: 3px;
    height: 3px;
    box-shadow: 3px 0px 0 rgb(7, 93, 133), 4px 0px 0 rgb(7, 93, 133), 7px 0px 0 rgb(7, 93, 133), 7px -3px 0 rgb(7, 93, 133), 7px -6px 0 rgb(7, 93, 133), 7px -9px 0 rgb(7, 93, 133), 7px -13px 0 rgb(7, 93, 133), 7px -10px 0 rgb(7, 93, 133);
    transform: rotate(45deg);
  }

  /*** ON FILTER COLLAPSIBLE CHECKBOX STYLE END****/
  .filter-details-body {
    margin-top: 30px;
    width: 100%;
    float: left;
    overflow: auto;
    overflow-x: hidden;
    max-height: 300px;
  }

  .filter-details-body .filter-details-warp {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex: 1;
    margin-bottom: 5px;
  }

  .filter-details-body--name {
    width: 75%;
  }

  .filter-details-body--icon {
    width: 25%;
  }

  .filter-details-body .member-directory-name {
    font-size: 0.87rem;
    font-weight: 500;
    margin: 0px;
    padding: 3px 0px 3px 25px;
  }

  .filter-details-body--name .alphabetically-number {
    float: left;
    margin-right: 10px;
    padding-top: 2px;
  }

  .filter-details-body .member-icon {
    list-style: none;
    margin: 0;
    display: flex;
  }

  .filter-details-body .member-icon--filter {
    display: flex;
    padding: 0px 8px;
  }

  /* new font awesome css member directory filter start */
  .filter-details-body .member-icon--filter--items {
    cursor: pointer;
  }

  .filter-details-body .member-icon--filter--items .icon-droplet {
    color: rgba(83, 0, 14, 0.2);
    font-size: 1rem;
  }

  .filter-details-body .member-icon--filter--items .icon-droplet.active {
    color: rgba(83, 0, 14, 0.5);
  }

  .filter-details-body .member-icon--filter--items .fa-access-to-care.icon-droplet {
    position: relative;
    font-family: 'FontAwesome';
    background-image: url("/wp-content/themes/scdccoalition/images/logos/access-to-care-icon-hover.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 23px;
  }

  .filter-details-body .member-icon--filter--items .fa-access-to-care.icon-droplet.active {
    background-image: url("/wp-content/themes/scdccoalition/images/logos/access-to-care-icon.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 23px;
  }

  .hands-holding-heart {
    background-image: url("/wp-content/themes/scdccoalition/images/logos/access-to-care-icon-hover.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 23px;
    margin-right: 0.4rem;
  }

  .filter-details-body .member-icon--filter--items .fa-access-to-care:before {
    display: none;
  }

  .filter-details-body .member-icon--filter--items .fa-blood-donations {
    position: relative;
    font-family: 'FontAwesome';
  }

  .filter-details-body .member-icon--filter--items .fa-blood-donations:before {
    content: "\f043";
  }

  .filter-details-body .member-icon--filter--items .fa-global-issues {
    position: relative;
    font-family: 'FontAwesome';
  }

  .filter-details-body .member-icon--filter--items .fa-global-issues:before {
    content: "\f57d";
  }

  .filter-details-body .member-icon--filter--items .fa-research-clinical-trials {
    position: relative;
    font-family: 'FontAwesome';
  }

  .filter-details-body .member-icon--filter--items .fa-research-clinical-trials:before {
    content: "\f610";
  }

  .filter-details-body .member-icon--filter--items .fa-sickle-cell-trait {
    position: relative;
    font-family: 'FontAwesome';
  }

  .filter-details-body .member-icon--filter--items .fa-sickle-cell-trait:before {
    content: "\e068";
  }

  /* new font awesome css member directory filter end */
  .filter-details-body::-webkit-scrollbar {
    width: 16px;
    padding: 0px;
  }
  .filter-details-body::-webkit-scrollbar-track {
    border: 1px solid #53000e;
    background-color: #efefef;
  }
  .filter-details-body::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, rgb(83, 0, 14), rgb(83, 0, 14));
    border-radius: 18px;
    width: 3px;
    border: 4px solid transparent;
    background-clip: content-box;
  }

  /*  To customize the sliding buttons*/
  .filter-details-body::-webkit-scrollbar-button:single-button {
    background-color: #53000e;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
    position: relative;
  }

  /* Up */
  .filter-details-body::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-radius: 10px 10px 0 0;
    height: 22px;
    width: 16px;
    background-position: center 7px;
    position: relative;
    background-image: url("/wp-content/uploads/2023/04/scroll-uparrow.png");
  }

  .filter-details-body::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("/wp-content/uploads/2023/04/scroll-uparrow.png");
  }

  .filter-details-body::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("/wp-content/uploads/2023/04/scroll-uparrow.png");
  }

  /* Down */
  .filter-details-body::-webkit-scrollbar-button:single-button:vertical:increment {
    border-radius: 0px 0px 10px 10px;
    height: 22px;
    width: 16px;
    background-position: center 7px;
    background-image: url("/wp-content/uploads/2023/04/scroll-downarrow.png");
  }

  .filter-details-body::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("/wp-content/uploads/2023/04/scroll-downarrow.png");
  }

  .filter-details-body::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("/wp-content/uploads/2023/04/scroll-downarrow.png");
  }

  /* ===== Custom Scrollbar CSS ===== */
  .filter-checkbox {
    scrollbar-width: auto;
    scrollbar-color: #898989 #f4f5f5;
  }

  .filter-checkbox::-webkit-scrollbar {
    width: 12px;
  }

  .filter-checkbox::-webkit-scrollbar-track {
    background: #f4f5f5;
  }

  .filter-checkbox::-webkit-scrollbar-thumb {
    background-color: #898989;
    border-radius: 10px;
    border: 3px solid #f4f5f5;
  }


  /*** SCDC-App odometer  count style STARTS ***/
  .odometer.odometer-auto-theme,
  .odometer.odometer-theme-minimal {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
  }

  .odometer.odometer-auto-theme,
  .odometer.odometer-theme-minimal {
    *display: inline;
  }

  .odometer.odometer-auto-theme .odometer-digit,
  .odometer.odometer-theme-minimal .odometer-digit {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
  }

  .odometer.odometer-auto-theme .odometer-digit,
  .odometer.odometer-theme-minimal .odometer-digit {
    *display: inline;
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden;
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    *display: inline;
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block;
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-value,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
  }

  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s;
  }

  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%);
  }

  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%);
  }

  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0);
  }

  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
  .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    top: -4px !important;
  }

  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition-duration: 0.75s !important;
  }

  /*** SCDC-App odometer  count style END ***/

  #footer-widget img {
    width: 130px;
    padding-bottom: 20px;
  }

  #snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #075d85;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 8px 16px;
    position: fixed;
    z-index: 1;
    left: 12%;
    bottom: 30px;
    font-size: 17px;
    box-shadow: 0px 0px 10px #999;
  }

  #snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }

  @-webkit-keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }

    to {
      bottom: 30px;
      opacity: 1;
    }
  }

  @keyframes fadein {
    from {
      bottom: 0;
      opacity: 0;
    }

    to {
      bottom: 30px;
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1;
    }

    to {
      bottom: 0;
      opacity: 0;
    }
  }

  @keyframes fadeout {
    from {
      bottom: 30px;
      opacity: 1;
    }

    to {
      bottom: 0;
      opacity: 0;
    }
  }

  .optionbox {
    width: 100%;
    position: relative;
  }

  .optionbox select {
    color: black;
    border: none;
    font-size: 12px;
    -webkit-appearance: button;
    outline: none;
  }

  .optionbox .contact-form--control {
    border: 1px solid #cccccc;
  }

  .optionbox:before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    position: absolute;
    top: 10px;
    right: 1px;
    height: 15px;
    width: 33px;
    text-align: center;
    line-height: 14px;
    color: #075d85;
    font-size: 14px;
    pointer-events: none;
    z-index: 2;
    font-weight: 900;
    background: #fff;
  }

  .optionbox:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 10px;
    right: 1px;
    height: 13px;
    width: 33px;
    text-align: center;
    line-height: 14px;
    color: #075d85;
    font-size: 14px;
    pointer-events: none;
    z-index: 2;
    font-weight: 900;
    background: #fff;
  }

  .optionbox:hover:before {
    outline: none;
    border: none;
    box-shadow: none;
  }

  .captcha-validation {
    display: none;
    color: red;
  }

  .contact-modal {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }

  .contact-modal .modal-content {
    background-color: #efefef;
    margin: 15% auto;
    padding: 0rem 1rem 2rem;
    width: 42.82%;
    border-radius: 20px;
    min-height: auto;
    border: none;
  }

  .contact-modal .modal-content .heading-thanks {
    color: #07893e;
    font-family: "Oswald", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 2rem 0 0 0;
  }

  .contact-modal .modal-content .text-thankYou {
    color: #262826;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 1rem 3rem;
  }

  .contact-modal .modal-content .errorText {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 3rem 0 !important;
    color: red;
    margin-bottom: 0;
  }

  .contact-modal .modal-content .errorText p {
    margin: 0;
  }

  .close-modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 500;
    text-align: right;
    position: absolute;
    right: 14px;
    top: 14px;
  }

  .close-modal:hover,
  .close-modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  #confirmationModal #confirmationClose {
    height: 40px;
    margin: 0px 2rem;
    text-transform: capitalize;

  }



  /***-----For the Marquees Animation Style Starts----- ***/
  .overflow-marquee{
    overflow: hidden;
  }
  .marquee {
    position: relative;
    float: left;
    overflow: hidden;
  }

  .marquee--move {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;    
    animation: marquee 50s linear infinite;
    display: flex;
    /*flex-direction: row;
    overflow-x: hidden;*/
  }

  .marquee--move:hover {
    animation-play-state: paused;
  }

  @keyframes marquee {
    0% {
      /* Firefox bug fix */
      transform: translateX(100%);
    }

    100% {
      /* Firefox bug fix */
      transform: translateX(-100%);
    }
  }

  /***-----For the Marquees Animation Style END----- ***/
  .middle-areaSection {
    margin: 0px auto;
    width: 970px !important;
    height: 100%;
  }

  .middle-areaImg {
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    width: 970px;
  }

  .middle-areaImg img {
    max-width: 100%;
  }

  .reportCard-avatarIcon {
    background: #fff;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -138px;
  }

  .reportCard-avatarIcon img {
    max-width: 90px;
    height: auto;
  }

  #menu-footer {
    display: flex;
    list-style: none;
  }

  #menu-quicklinks {
    list-style: none;
  }

  #menu-quicklinks .menu-item a {
    text-transform: uppercase;
  }

  li.text-active a {
    color: rgb(0, 154, 172);
    text-decoration: none;
  }

  li.text-gree a {
    color: rgb(141, 141, 141);
    text-decoration: none;
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1170px !important;
    }
  }

  .sbl-circ-path {
    height: 48px;
    width: 48px;
    color: rgb(231 231 231);
    position: relative;
    display: inline-block;
    border: 5px solid;
    border-radius: 50%;
    border-right-color: rgb(0, 154, 172);
    animation: rotate 1s linear infinite;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 45%;
    z-index: 99999;
  }

  .main-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0 0 0 / 28%);
    z-index: 999;
    margin: 0 auto;
    /* transform: translate(-50%, 31%); */
    width: 100%;
    height: 100%;
    display: none;
  }

  @keyframes rotate {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  /*------ Sub Committee Key style section started ------*/
  .Sub-CommitteeKey {
    list-style: none;
    width: 100%;
    display: flex;
    padding: 1.78rem 0px 0px;
    flex-direction: row;
    margin: 0px;
  }

  .Sub-CommitteeKey li:first-child {
    padding-left: 0rem;
    font-size: 1rem;
  }

  .Sub-CommitteeKey li {
    padding: 8px 0.74rem;
    color: #8d8d8d;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .Sub-CommitteeKey li .fa-icon {
    color: rgba(83, 0, 14, 0.2);
    font-size: 1rem;
    font-weight: 900;
    line-height: 24px;
    padding-right: 0.38rem;
  }

  /*------ Sub Committee Key style section END ------*/

  /*---- SCD Education & Awareness Tools img style--- */
  .imgMove-top {
    border-radius: 20px;
    margin-top: -75px;
    max-width: 100%;
  }

  .padding-spacing {
    padding: 0px 1rem !important;
  }

  .applyfilter-btn {
    font-size: 18px;
  }

   /*---- SCD Education & Awareness Tools img style END--- */

  /*---- SCD Education & Awareness Tools img style--- */
  .imgMove-top {
    border-radius: 20px;
    margin-top: -75px;
    max-width: 100%;
  }

  .padding-spacing {
    padding: 0px 1rem !important;
  }

  /*---- SCD Education & Awareness Tools img style END--- */
  .search-terms {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }

  .search-terms a.link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0px 10px 1rem 0px;
  }

  .lastUpdate {
    float: right;
  }

  .linkbreck {
    overflow-wrap: break-word;
    word-break: break-all;
    float: left;
    margin-bottom: 1.125rem;
    width: 100%;
  }

  .linkbreck b,
  .linkbreck strong {
    float: left;
    margin-right: 0.5rem;
  }

  /*----- Subscriptions Management style css ----- */
  .subscriptions-form .label {
    font-size: 12px;
    padding-left: 10px;
    font-weight: 600;
  }

  .subscriptions-form .label em {
    color: #ad162f;
  }

  .subscriptions-form .form-input {
    width: 100%;
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    background: #ffffff;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
  }

  .subscriptions-form #captcha {
    margin-top: 2rem;
    margin-left: 1.125rem;
  }

  .subscriptions-form .form-check .form-check-label {
    font-size: 12px;
    margin-bottom: 1rem;
  }

  .subscriptions-form .form-check .form-check-input {
    margin-top: 0.2rem;
  }

  .mail-link {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
    font-style: italic;
  }

  .mail-link .edit-pan {
    color: #075d85;
  }

  .mail-link:hover {
    color: #000;
    text-decoration: none;
  }

  /* The switch - the box around the slider */
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked+.slider {
    background-color: #000;
  }

  input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
  }


  /* Hide default HTML checkbox */
  .switch input {
    display: none;
  }

  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 28px;
    left: 4px;
    bottom: 4px;
    background-color: #075d85;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input.primary:checked+.slider {
    background-color: rgba(7, 93, 133, 0.1);
  }

  input:focus+.slider {
    box-shadow: 0 0 1px #075d85;
  }

  input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 24px;
  }

  /*---- toggle switches with bootstrap default colors  ----*/
  .custom-control-input-success:checked~.custom-control-label::before {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
  }

  .custom-control-input-danger:checked~.custom-control-label::before {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
  }

  .custom-control-input-warning:checked~.custom-control-label::before {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
  }

  .custom-control-input-info:checked~.custom-control-label::before {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
  }

  /* Large toggl switches */
  .custom-switch-lg .custom-control-label::before {
    left: -2.25rem;
    width: 3rem;
    border-radius: 1.5rem;
  }

  .custom-switch-lg .custom-control-label::after {
    top: calc(.25rem + 3px);
    left: calc(-2.25rem + 4px);
    width: calc(1.5rem - 6px);
    height: calc(1.5rem - 6px);
    border-radius: 1.5rem;
  }

  .custom-switch-lg .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(1.4rem);
  }

  .custom-switch-lg .custom-control-label::before {
    height: 1.5rem;
  }

  .list-group-flush .list-group-item {
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 0px;
  }


  /*----- New Room Style Starts------*/

  .scd-report-slide.newsroom-cardview {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
    border: none;
  }

  .scd-report-slide.newsroom-cardview .scd-report-content {
    background: #fff;
  }

  .scd-report-slide.newsroom-cardview .scd-report-content p {
    color: #000;
  }

  .newroom-morebtn {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #009aac;
    line-height: 20px;
    text-transform: uppercase;
    position: absolute;
    bottom: 2rem;
  }

  .newroom-morebtn:hover {
    color: #3498db;
    text-decoration: none;
  }

  .newroom-morebtn.more-event-detailsbtn {
    position: inherit;
    float: left;
  }

  .registerCheck-icon {
    background: url("/wp-content/themes/scdccoalition/images/logos/register-Icon.svg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    width: 21px;
    height: 21px;
  }

  .newroom-morebtn:hover .registerCheck-icon {
    background: url("/wp-content/themes/scdccoalition/images/logos/registerIcon-hover.svg");
  }

  .eventType-icon {
    background: url("/wp-content/themes/scdccoalition/images/logos/eventType-icon.svg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    width: 24px;
    height: 24px;
  }

  .cardbody-containt {
    display: flex;
    flex-direction: row;
    align-items: center;
  }


  .search-terms.newroom-pressRelease li {
    list-style: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0px 1rem 1rem 0px;
    margin: 1rem 0px;
    display: flex;
    flex-direction: column;
  }

  .search-terms.newroom-pressRelease a.link {
    -webkit-box-flex: inherit;
    -ms-flex: 0;
    flex: inherit;
    max-width: 100%;
    width: 100%;
    padding: 0px;
  }

  .press-release-btn {
    background: var(--scd-color-sup-yellow);
    color: #000000 !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: .375rem .75rem;
    float: left;
    max-width: 122px;
    margin: 0.5rem 0px;
  }

  .press-release-btn:hover {
    color: #000000 !important;
    text-decoration: none;
  }

  .searchPage-wrapper--hover-overlay.newscoming-soon {
    max-height: 208px;
  }

  .imgMiddle-cell {
    height: 100%;
    overflow: hidden;
    max-width: 100%;
    border-radius: 20px;
    padding: 2rem 0;
    text-align: center;

  }

  .imgMiddle-cell .imgView {
    border-radius: 20px;
    max-width: 100%;
  }

  .cardbody-event {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    border-radius: 15px;
    background: #ffffff;
    background-blend-mode: normal;
    box-shadow: -10px 6px 10px rgba(0, 0, 0, 0.25);
    border: none;
    margin: 0px 0px 2rem;
  }

  .cardbody-event:hover {
    background: #ecf8f7;
  }

  .cardbody-event .card-header {
    padding: 0px;
    margin-bottom: 1rem;
    background-color: transparent;
    border-bottom: none;
  }

  .cardbody-event .cardbody-eventView {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .cardbody-event .cardbody-eventView p {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    margin-top: 1rem;
    float: left;
  }

  .card-details p {
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  .card-details .day-month-cell {
    width: 100%;
    margin: 0px 0px 0.75rem;
    font-size: 20px;
    font-style: normal;
    display: flex;
    align-items: center;
    font-weight: 500;
  }

  .card-details .fa-icon {
    font-size: 1.45rem;
    color: #075d85;
  }

  .card-icon {
    width: 170px;
    height: 127px;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .card-icon.cardlarg-icon {
    width: 570px;
    height: 427px;
    margin-right: 2rem;
  }

  .card-icon.cardlarg-icon img {
    border-radius: 20px;
  }

  .eventDetail-fluid {
    margin-top: -205px;
    padding-top: 11rem;
  }

  /*----- New Room Style End------*/
  .nav-tablist {
    list-style: none;
    border: none;
  }
  .nav-tablist .nav-item {
    padding: 0rem 0.75rem;
    float: left;
  }
  .nav-tablist .nav-item .nav-link {
    background: #f4f5f5;
    color: #075d85;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
  }
  .nav-tablist .nav-item .nav-link.active {
    background: #075d85;
    color: #fff;
  }
  .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left {
    text-align: right;
    width: 20px;
    padding-right: 6px;
  }
  .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
    width: 20px;
    padding-left: 6px;
  }
  .scrtabs-tab-container * {
    box-sizing: border-box;
  }
  .scrtabs-tab-container {
    height: 42px;
  }
  .scrtabs-tab-container .tab-content {
    clear: left;
  }
  .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .scrtabs-tabs-fixed-container {
    float: left;
    overflow: hidden;
    width: 100%;
  }
  .scrtabs-tabs-movable-container {
    position: relative;
  }
  .scrtabs-tabs-movable-container .tab-content {
    display: none;
  }
  .scrtabs-tab-scroll-arrow {
    border-top: none;
    color: #075d85;
    display: none;
    float: left;
    font-size: 18px;
    height: 42px;
    margin-bottom: 0px;
    padding-left: 2px;
    padding-top: 13px;
  }
  .scrtabs-tab-scroll-arrow:hover {
    background-color: transparent;
  }
  .scrtabs-tab-scroll-arrow,
  .scrtabs-tab-scroll-arrow .scrtabs-click-target {
    cursor: pointer;
  }

  .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
    cursor: default;
  }
  .scrtabs-tab-scroll-arrow.scrtabs-disable,
  .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
    color: #ddd;
    cursor: default;
  }
  .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
    background-color: initial;
  }


  @media (min-width: 768px) {
    .responsive-tabs .dropdown-arrow {
      display: none !important;
    }
  }

  @media screen and (max-width: 768px) {
    .responsive-tabs {
      position: relative;
      border: 1px solid #ccc;
      border-radius: 10px;
      height: 45px;
      background: #fff;
      z-index: 3;
    }

    .responsive-tabs.open li {
      background: #fff;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
    }

    .responsive-tabs.open li:first-of-type {
      border-left: 1px solid rgba(204, 204, 204, 0);
      border-right: 1px solid rgba(204, 204, 204, 0);
      border-radius: 10px;
    }

    .responsive-tabs.open li:last-of-type {
      border-bottom: 1px solid #ccc;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    .responsive-tabs li {
      width: 100%;
      margin: 0 !important;

    }

    .responsive-tabs li>a {
      display: none !important;
      border: 0 !important;
      border-radius: 0 !important;
    }

    .responsive-tabs.open li>a,
    .responsive-tabs li>a.active {
      display: block !important;
      background: transparent !important;
      color: #000 !important;
      text-align: left !important;
    }

    .responsive-tabs .dropdown-arrow {
      position: absolute;
      top: 15px;
      right: 15px;
      border: solid black;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      vertical-align: middle;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transition: all ease .5s;
      cursor: pointer;
    }

    .responsive-tabs.open .dropdown-arrow {
      transform: rotate(-135deg);
      transition: all ease .5s;
    }


    .optionbox {
      width: 100%;
      position: relative;
    }


    .responsive-tabs:before {
      content: "\f0d8";
      font-family: "FontAwesome";
      position: absolute;
      top: 10px;
      right: 1px;
      height: 15px;
      width: 33px;
      text-align: center;
      line-height: 14px;
      color: #075d85;
      font-size: 14px;
      pointer-events: none;
      z-index: 99;
      font-weight: 900;
      background: #fff;
    }

    .responsive-tabs:after {
      content: "\f0d7";
      font-family: "FontAwesome";
      position: absolute;
      bottom: 10px;
      right: 1px;
      height: 13px;
      width: 33px;
      text-align: center;
      line-height: 14px;
      color: #075d85;
      font-size: 14px;
      pointer-events: none;
      z-index: 99;
      font-weight: 900;
      background: #fff;
    }

    .responsive-tabs:hover:before {
      outline: none;
      border: none;
      box-shadow: none;
    }

    .owl-carousel .owl-item {
      padding-right: 16px;
      padding-left: 16px;
    }

  }

  /*----- New Room Style Starts------*/
  .scd-report-slide.newsroom-cardview {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
    border: none;
  }
  .scd-report-slide.newsroom-cardview .scd-report-content {
    background: #fff;
  }
  .scd-report-slide.newsroom-cardview .scd-report-content p {
    color: #000;
  }
  .search-terms.newroom-pressRelease li {
    list-style: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0px 1rem 1rem 0px;
    margin: 1rem 0px;
    display: flex;
    flex-direction: column;
  }
  .search-terms.newroom-pressRelease a.link {
    -webkit-box-flex: inherit;
    -ms-flex: 0;
    flex: inherit;
    max-width: 100%;
    width: 100%;
    padding: 0px;
  }
  .press-release-btn {
    background: var(--scd-color-sup-yellow);
    color: #000000 !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: .375rem .75rem;
    float: left;
    max-width: 122px;
    margin: 0.5rem 0px;
  }
  .press-release-btn:hover {
    color: #000000 !important;
    text-decoration: none;
  }
  .searchPage-wrapper--hover-overlay.newscoming-soon {
    max-height: 208px;
  }

  /*----- New Room Style End------*/

  /*------ Filter Collapse checkview Tree view ------*/
  ul.tree {
    padding: 0.2rem 0px;
  }
  ul.tree li.tree-item{
    background: #e1e1e1;
    padding: 0.5rem 0rem 0.5rem 0rem;
    margin-bottom: 0.2rem;
    position: relative;
    display: block;
  }
  ul.tree li.tree-item ul.tree-submenu {
    background: #f4f5f5;
    padding: 0.5rem 0rem 0.5rem 1rem;
    border-top: 8px solid #e1e1e1;
  }
  ul.tree img.arrow {
    padding: 2px 0 0 0;
    border: 0;
    width: 20px;
  }
  ul.tree li ul {
    padding: 0 0 0 20px;
    margin: 0;
    list-style-type: none;
  }
  ul.tree label {
    font-size: 0.82rem;
    font-weight: 500;
  }
  ul.tree label.hover {
    color: red;
  }
  ul.tree li .arrow {
    width: 20px;
    height: 18px;
    padding: 0;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    float: left;
    background: transparent no-repeat 0 0px;
    position: relative;
  }
  ul.tree li .arrow.collapsed:after {
    /* background-image: url(../images/right.svg); */
    content: "\2b";
    font-family: FontAwesome;
    color: rgb(30, 28, 28);
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
  }

  ul.tree li .arrow.expanded:before {
    /* background-image: url(../images/down.svg); */
    content: "\f068";
    font-family: FontAwesome;
    color: rgb(30, 28, 28);
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
  }

 /*------ Filter Collapse checkview Tree view End------*/

  .error-modal-content {
    display: none;
    background-color: red;
  }

  .fa-download {
    font-family: 'FontAwesome';
    font-style: normal;
  }

  .fa-light,
  .fal {
    font-weight: 300;
  }

  label.search-label{
    margin-right: 8px;
  }

  @media (min-width: 500px) and (max-width: 667px) {

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .input-search{
      width: 64% !important;
      top: 25px;
      left: 1rem;
      margin-top: auto;
    }

    .scd-details--card-sickle-cell-img.sickleCellImg-mobileView {
      top: 60px;
      margin-left: 35px;
      margin-right: auto;
    }

    .max-height-img208 {
      max-height: 208px;
    }

    .newroom-morebtn {
      width: 100%;
    }

    .cardbody-containt {
      flex-direction: column;
      align-items: flex-start;
    }

    .cardbody-containt .card-icon {
      width: 100%;
      margin-bottom: 1rem;
    }

    .card-icon.cardlarg-icon {
      width: 100%;
      height: auto;
      margin-bottom: 2rem;
      margin-right: 0px;
      
    }
    .card-img-position {
      margin-top: -100px;
    }

    .card-icon.cardlarg-icon img {
      max-width: 100%;
    }

    .cardbody-event .cardbody-eventView {
      flex-direction: column;
    }

    .cardbody-event-position {
      margin-top: 100px;
    }

    .pr-spacing-x0 {
      padding-right: 1rem;
    }

    .pl-spacing-x0 {
      padding-left: 1rem;
    }

    .btn-accessResources {
      margin-top: 1rem !important;
    }

    .imgMove-top {
      margin-top: 38px;
    }

    .filter-content-body.collapse-body {
      width: 100% !important;
    }

    .filter-content-body.collapse-body .filter-checkbox {
      padding: 10px 0px !important;
    }

    .scd-banner.scd-takeAction-banner .scd-banner__body {
      top: auto;
      bottom: 30px;
      left: auto;
      transform: translate(0%, 0%);
    }

    .changeTheCourse-details__scdc-goals--content.scd-thesegoals--subcommittees--content .hedding {
      text-align: center;
      min-height: auto;
    }

    .scd-thesegoals .learnmore-text {
      width: 100%;
      text-align: center;
      padding-left: 0px;
    }

    .scd-thesegoals .learnmore-text:before {
      position: relative;
      top: 1px;
    }

    #snackbar {
      left: 45%;
      bottom: 80px;
    }

    .contact-modal .modal-content {
      width: 93%;
      margin: 50% auto;
    }

    .contact-modal .modal-content .text-thankYou {
      padding: 1rem 1rem 0;
    }

    #confirmationModal #confirmationClose {
      margin: 0px 1rem;
    }

    .scd-details.online-application .online-application-cell .leftSide-img {
      float: none;
      margin-bottom: 1rem;
    }

    .ourgallary--card {
      min-height: auto;
    }

    .ourgallary--card--box {
      padding: 0;
    }

    .Sub-CommitteeKey {
      flex-direction: column;
    }

    .filter-details-body .filter-details-warp {
      flex-direction: column;
    }
  }

  @media (min-width: 400px) and (max-width: 600px) {

    .scd-homepage-banner-mobileView{
     display: block;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .searchIcon-main {
      top: 38px;
      left: 1.76rem;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .input-search{
      width: 64% !important;
      top: 25px;
      left: 1rem;
      margin-top: auto;
    }

    .scd-details--card-sickle-cell-img.sickleCellImg-mobileView {
      top: 60px;
      margin-left: 35px;
      margin-right: auto;
    }

    .max-height-img208 {
      max-height: 208px;
    }

    .newroom-morebtn {
      width: 100%;
    }

    .cardbody-containt {
      flex-direction: column;
      align-items: flex-start;
    }

    .cardbody-containt .card-icon {
      width: 100%;
      margin-bottom: 1rem;
    }

    .card-icon.cardlarg-icon {
      width: 100%;
      height: auto;
      margin-bottom: 2rem;
      margin-right: 0px;
    }

   /*---- Position Images & Card Veiw Style----*/

    .card-img-position {
      margin-top: -100px !important;
      position: inherit;
      top: auto;
    }
    .card-img-positionTop{
      margin-top: -100px !important;
      position: inherit;
      top: auto;
    }

    .card-img-positionNormal {
      margin-top:0px !important;
      position: inherit !important;
      top: auto !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .cardbody-event-position {
      margin-top: 100px !important;
    }
    .cardbody-event-positionTop {
      margin-top: -70px !important;
    }


   /*---- Position Images & Card Veiw Style End----*/

    .card-icon.cardlarg-icon img {
      max-width: 100%;
    }

    .cardbody-event .cardbody-eventView {
      flex-direction: column;
    }



    .pr-spacing-x0 {
      padding-right: 1rem;
    }

    .pl-spacing-x0 {
      padding-left: 1rem;
    }

    .btn-accessResources {
      margin-top: 1rem !important;
    }

    .imgMove-top {
      margin-top: 38px;
    }

    .filter-content-body.collapse-body {
      width: 100% !important;
    }

    .filter-content-body.collapse-body .filter-checkbox {
      padding: 10px 0px !important;
    }

    .scd-banner.scd-takeAction-banner .scd-banner__body {
      top: auto;
      bottom: 30px;
      left: auto;
      transform: translate(0%, 0%);
    }
 
    .changeTheCourse-details__scdc-goals--content.scd-thesegoals--subcommittees--content .hedding {
      text-align: center;
      min-height: auto;
    }

    .scd-thesegoals .learnmore-text {
      width: 100%;
      text-align: center;
      padding-left: 0px;
    }

    .scd-thesegoals .learnmore-text:before {
      position: relative;
      top: 1px;
    }

    .scd-app-primaryRedOutline-btn {
      width: 100%;
    }

    .take-action-details {
      margin: 0px;
    }

    .middle-areaImg {
      margin: 0px;
      width: 100%;
    }

    .middle-areaImg img {
      max-width: 100%;
    }

    .reportCard-avatarIcon {
      transform: translate(100%, 0%);
    }

    .reportCard-content {
      margin-top: 360px;
    }

    .reportCard-contentImg {
      margin-top: -722px;
    }

    .scd-details .scdTakeAction-video.scd-video {
      width: auto;
    }

    .middle-areaSection {
      width: auto !important;
    }
    .middle-areaSection p{
      text-align: left;
    }
    .scd-slckleCellDisese-today .online-application-cell--event {
      flex-wrap: wrap;
      flex-direction: column !important;
    }

    .scd-slckleCellDisese-today .online-application-cell--event--content {
      width: 100%;
    }


    .scd-details.online-application .card-about-img.globallyImg-cell {
      margin-top: -1023px;
    }

    .scd-slckleCellDisese-today.globallyEvent .globally-img {
      min-height: auto !important;
      border-radius: 20px;
    }

    .scd-slckleCellDisese-today.globallyEvent .hedding-globally {
      text-align: center;
      padding-right: 0rem;
    }

    .scd-slckleCellDisese-today.globallyEvent .hedding-globally.hedding-globally-MobileView {
      padding-top: 16rem;
    }

    .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content .hedding {
      text-align: center;
      width: 100%;
      padding-right: 0rem !important;
      margin-right: 0rem;
      width: 100%;
    }

    .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content .globally-text {
      text-align: center;
      width: 100% !important;
      padding-right: 0rem !important;
    }

    .scd-slckleCellDisese-today.globallyEvent .online-application-cell--event {
      padding: 0;
      flex-direction: column;
    }

    .scd-hedding {
      padding: 50px 1rem 1rem;
    }

    #snackbar {
      left: 45%;
      bottom: 80px;
    }

    .contact-modal .modal-content {
      width: 93%;
      margin: 50% auto;
    }

    .contact-modal .modal-content .text-thankYou {
      padding: 1rem 1rem 0;
    }

    #confirmationModal #confirmationClose {
      margin: 0px 1rem;
    }

    .scd-symptoms-section .scd-details--card-sickle-cell-img {
      top: auto;
      margin-top: 50px !important;
      position: inherit;
      width: 80%;
    }

    .scd-details--card-sickle-cell-img.sickleCellDisease-img {
      position: relative;
      top: 0px;
    }

    .scd-details--content.sickle-cell-content.sickleCellDisease-content {
      margin-top: -65px !important;
    }

    .scd-details--scdc-membership-img {
      margin-top: 125px;
    }

    .breadcrumb-content .breadcrumb-back-btn {
      padding: 0.75rem 0rem;
    }

    .scd-details--card-sickle-cell-img.globalSocialIcon-img {
      width: 100%;
      margin-right: auto;
      margin-top: 0rem;
      position: inherit;
      top: 0px;
      margin-left: 0px;
    }


    .scd-details--content.get-involved-content {
      margin-top: 231px !important;
      padding-top: 70px;
      min-height: 410px;
    }

    .scd-details--card-about-img.get-involved-img {
      margin-top: 16px;
      margin-left: 34px;
      top: auto;
    }

    .scd-details__body--sickle-cell-trail.loop-container:first-child {
      margin-top: 0px;
      position: relative;
      display: inherit !important;
    }

    .scd-details__body--sickle-cell-trail.loop-container:first-child .scd-details--card-sickle-cell-img.commonCardCell-img {
      margin-right: auto;
      margin-left: auto;
      margin-top: -34px;
      top: auto;
    }

    .scd-details__body--sickle-cell-trail.loop-container:first-child .scd-details--content.sickle-cell-content.commonCardCell-contant {
      margin-top: -70px !important;
    }

    .scd-details__body--sickle-cell-trail.loop-container {
      margin-top: 0px;
      position: relative;
    }

    .scd-details--card-sickle-cell-img.commonCardCell-img {
      margin-right: auto;
      margin-left: auto;
      margin-top: 0px;
    }

    .scd-details--content.sickle-cell-content.commonCardCell-contant {
      margin-top: -70px !important;
    }

    .scd-details--content.get-involved-content img {
      margin-bottom: 1rem;
      max-width: 100%;
    }

    .scd-details--content.sickle-cell-content.commonCardCell-contant img {
      margin-bottom: 1rem;
    }


    .scd-details__body.scd-details-display.loopDetails-container {
      display: flex !important;
      flex-direction: column;
    }

    .mobailViweSchoolbinder-img {
      display: block;
    }

    .webViweSchoolbinder-img {
      display: none;
    }

    .scd-details.online-application .online-application-cell .leftSide-img {
      float: none;
      margin-bottom: 1rem;
    }

    .ourgallary--card {
      min-height: auto;
    }

    .ourgallary--card--box {
      padding: 0;
    }

    .Sub-CommitteeKey {
      flex-direction: column;
    }

    .filter-details-body .filter-details-warp {
      flex-direction: column;
    }

  }

  @media (min-width: 360px) and (max-width: 399px) {

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .input-search{
      width: 64% !important;
      top: 25px;
      left: 1rem;
      margin-top: auto;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .searchIcon-main {
      top: 38px;
      left: 1.76rem;
    }
    .max-height-img208 {
      max-height: 208px;
    }

    .newroom-morebtn {
      width: 100%;
    }

    .cardbody-containt {
      flex-direction: column;
      align-items: flex-start;
    }

    .cardbody-containt .card-icon {
      width: 100%;
      margin-bottom: 1rem;
    }

    .card-icon.cardlarg-icon {
      width: 100%;
      height: auto;
      margin-bottom: 2rem;
      margin-right: 0px;
    }
    .card-img-position {
      margin-top: -100px !important;
    }

    .card-icon.cardlarg-icon img {
      max-width: 100%;
    }

    .cardbody-event .cardbody-eventView {
      flex-direction: column;
    }
    .cardbody-event-position {
      margin-top: 100px;
    }

    .pr-spacing-x0 {
      padding-right: 1rem;
    }

    .pl-spacing-x0 {
      padding-left: 1rem;
    }

    .btn-accessResources {
      margin-top: 1rem !important;
    }

    .imgMove-top {
      margin-top: 38px;
    }

    .filter-content-body.collapse-body {
      width: 100% !important;
    }

    .filter-content-body.collapse-body .filter-checkbox {
      padding: 10px 0px !important;
    }

    .schoolbinder-img {
      margin-bottom: 20px;
    }

    .scd-banner.scd-takeAction-banner .scd-banner__body {
      top: auto;
      bottom: 30px;
      left: auto;
      transform: translate(0%, 0%);
  }

    .changeTheCourse-details__scdc-goals--content.scd-thesegoals--subcommittees--content .hedding {
      text-align: center;
      min-height: auto;
    }

    .scd-thesegoals .learnmore-text {
      width: 100%;
      text-align: center;
      padding-left: 0px;
    }

    .scd-thesegoals .learnmore-text:before {
      position: relative;
      top: 1px;
    }

    .scd-app-primaryRedOutline-btn {
      width: 100%;
    }

    .ourgallary--card {
      min-height: auto;
    }

    .ourgallary--card--box {
      padding: 0;
    }

    .scd-details.online-application .online-application-cell .leftSide-img {
      float: none;
      margin-bottom: 1rem;
    }

    .scd-frame__header .scd-searchText-btn.search-text.searchBox-searchBtn {
      top: 165px;
    }

    .scd-frame__header #searchBar .input-search[type=text] {
      width: 180px;
      min-width: 65%;
    }

    .sticky .scd-frame__header .stickyNav-event .scd-searchText-btn.search-text.searchBox-searchBtn {
      top: 105px
    }

    .scd-details--scdc-membership-img {
      margin-top: 130px;
    }

    .scd-stayUp-section .scd-input-field {
      width: 100%;
    }

    .scd-input-field__box .input-search {
      min-width: 100%;
    }

    .contact-details-section #footer-widget .footer_widget p {
      width: 68%;
      transform: translate(0px, 0px);
    }

    .contact-details-section.scdc-monthly-update .scd-hedding {
      width: 85%;
    }

    .scd-details--card-sickle-cell-img {
      top: 210px;
    }

    .scd-details .scdTakeAction-video.scd-video {
      width: auto;
    }

    .breadcrumb-content .breadcrumb-back-btn {
      padding: 0.75rem 0rem;
      font-weight: 700;
      color: #075d85 !important;
      text-transform: uppercase;
      font-size: 1.125rem;
      line-height: 20px;
      margin-top: 10px;
      margin-bottom: 20px;
    }

    .scd-details--card-sickle-cell-img.sickleCellImg-mobileView {
      top: 60px;
      margin-left: 35px;
      margin-right: auto;
    }

    .scd-symptoms-section .scd-details--content.sickle-cell-content.sickleCellContent-mobileView {
      padding-top: 5rem;
      margin-top: -70px !important;
    }

    .middle-areaSection {
      width: auto !important;
    }

    .scd-slckleCellDisese-today .online-application-cell--event {
      flex-wrap: wrap;
      flex-direction: column !important;
    }

    .scd-slckleCellDisese-today .online-application-cell--event--content {
      width: 100%;
    }

    .scd-details.online-application .card-about-img.globallyImg-cell {
      margin-top: -1100px;
    }

    .scd-slckleCellDisese-today.globallyEvent .globally-img {
      min-height: auto !important;
      border-radius: 20px;
    }

    .scd-slckleCellDisese-today.globallyEvent .hedding-globally {
      text-align: center;
      padding-right: 0rem;
    }

    .scd-slckleCellDisese-today.globallyEvent .hedding-globally.hedding-globally-MobileView {
      padding-top: 16rem;
    }

    .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content .hedding {
      text-align: center;
      width: 100%;
      padding-right: 0rem !important;
      margin-right: 0rem;
    }

    .scd-slckleCellDisese-today.globallyEvent .globallyEvent-content .globally-text {
      text-align: center;
      width: 100% !important;
      padding-right: 0rem !important;
    }

    .scd-slckleCellDisese-today.globallyEvent .online-application-cell--event {
      padding: 0;
      flex-direction: column;
    }


    .mitigatingTherapies-details {
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }

    .mitigatingTherapies-details .scd-BloodCelltext {
      width: 100%;
      text-align: left;
      padding-left: 2rem;
    }

    .mitigatingTherapies-details .scd-BloodCelltext:last-child {
      padding-left: 2rem;
    }

    .scd-hedding {
      padding: 50px 1rem 1rem;
    }

    #snackbar {
      left: 45%;
      bottom: 80px;
    }

    .contact-modal .modal-content {
      width: 93%;
      margin: 50% auto;
    }

    .contact-modal .modal-content .text-thankYou {
      padding: 1rem 1rem 0;
    }

    #confirmationModal #confirmationClose {
      margin: 0px 1rem;
    }


    .scd-details--card-sickle-cell-img.globalSocialIcon-img {
      width: 100%;
      margin-right: auto;
      margin-top: 0rem;
      position: inherit;
      top: 0px;
      margin-left: 0px;
    }


    .scd-details--content.get-involved-content {
      margin-top: 231px !important;
      padding-top: 70px;
      min-height: 410px;
    }

    .scd-details--card-about-img.get-involved-img {
      margin-top: 16px;
      margin-left: 34px;
      top: auto;
    }

    .scd-details__body--sickle-cell-trail.loop-container:first-child {
      margin-top: 0px;
      position: relative;
      display: inherit !important;
    }

    .scd-details__body--sickle-cell-trail.loop-container:first-child .scd-details--card-sickle-cell-img.commonCardCell-img {
      margin-top: -34px;
      margin-right: auto;
      margin-left: auto;
      top: auto;
    }

    .scd-details__body--sickle-cell-trail.loop-container:first-child .scd-details--content.sickle-cell-content.commonCardCell-contant {
      margin-top: -70px !important;
    }

    .scd-details__body--sickle-cell-trail.loop-container {
      margin-top: 0px; /**---change margin number---**/
      position: relative;
    }

    .scd-details--card-sickle-cell-img.commonCardCell-img {
      margin-right: auto;
      margin-left: auto;
      margin-top: 0px;
      top:auto;
    }

    .scd-details--content.sickle-cell-content.commonCardCell-contant {
      margin-top: -70px !important;
    }

    .scd-details--content.get-involved-content img {
      margin-bottom: 1rem;
      max-width: 100%;
    }

    .scd-details--content.sickle-cell-content.commonCardCell-contant img {
      margin-bottom: 1rem;
    }

    .scd-details__body.scd-details-display.loopDetails-container {
      display: flex !important;
      flex-direction: column;
    }

    .Sub-CommitteeKey {
      flex-direction: column;
    }

    .filter-details-body .filter-details-warp {
      flex-direction: column;
    }

      /*---- Position Images & Card Veiw Style----*/

      .card-img-position {
        margin-top: -100px;
        position: inherit;
        top: auto;
      }
      .card-img-positionTop{
        margin-top: -100px;
        position: inherit;
        top: auto;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .card-img-positionNormal {
        margin-top:0px;
        position: inherit;
        top: auto;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .cardbody-event-position {
        margin-top: 100px !important;
      }
      .cardbody-event-positionTop {
        margin-top: -70px !important;
      }
      /*---- Position Images & Card Veiw Style End----*/
  }

  @media (min-width: 360px) and (max-width: 667px) {
    label.search-label{
      width: 100%;
    }
    .filter-details-body .member-directory-name{
      padding-left: 0px;
    }
    .scd-frame__header .scd-navbar-collapse.stick-topNavbar{
      width: 78%;
    }
    .scd-thesegoals--subcommittees--hedding-section{
      flex-direction: column;
    }
    .align-text-left{
      text-align: left !important;
    }
    .scd-stayUp-section .scd-sec-heroImg {
      height: auto;
    }
    .scd-homepage-bannerHero img{
      max-width: max-content;
      margin-left: -542px;
    }
    .scd-homepage-banner-mobileView{
      display: block;
    }
    .scd-homepage-banner-mobileView img{
      max-width:100%;
    }


    .marquee {
    overflow: hidden;
    float:inherit;
    }

    .scd-banner.scd-member-driectory-banner .scd-banner__body.banner-searchPage{
      top: auto;
      bottom: 100px;
      left: auto;
      transform: translate(0%, 0%);
    }
    .scd-banner.scd-member-driectory-banner .scd-banner__body.banner-searchPage .centered{
      align-items: flex-start !important;

    }
    .scd-frame__header.scd-navbar .scd-logo {
      padding-left: 10px;
      /* margin-top: 10px; */
    }

    .scd-frame__header.scd-navbar .scd-logo img {
      height: 75px;
    }

    .scd-frame__header.scd-navbar .dropdown-toggle:after {
      right: 15px;
    }

    .scd-frame__header .search-section {
      top: 10px !important;
      right: 60px !important;
      z-index: 4;
    }

    .btn-search[type=submit] {
      margin-right: 9px !important;
      top: 4px !important;
    }

    .btn-search[type=submit] i {
      font-size: 1.75rem;
    }

    .scd-banner {
      background-position: -520px 0px;
    }

    .scd-banner__body {
      top: 67%;
    }

    .scd-banner__body h1 {
      font-size: 2.865rem;
      line-height: 3rem;
    }

    /*** ---- Hero banner hedding font lenght style ---- ***/
    .title-length{
      font-size: 1.625rem !important;
      line-height: 2rem !important;
    }

    .scd-banner__body p {
      padding: 1rem 0% !important;
      font-size: 1rem;
      margin-bottom: 0px;
    }

    .scd-banner__body.SCDC-stayUp-toDate {
      top: 50%;
    }

    .scd-banner.banner-hero-shape {
      display: none;
    }

    .scd-banner.bannerHero-resp {
      background: linear-gradient(to top, #c12940, rgba(193, 41, 64, 0.95), rgba(80, 25, 69, 0.75), rgba(80, 25, 69, 0.75), rgba(80, 25, 69, 0));
      width: 100%;
      height: 55%;
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
    }

    .scd-banner .banner-center-spacing {
      padding-left: 16px !important;
    }

    .scd-app-primaryRed-btn {
      width: 100%;
    }

    .centered {
      padding: 0px 0% !important;
      text-align: left !important;
    }
    .scd-frame__header #searchBar .btn-search[type=button] svg {
      font-size: 1.5rem;
    }

    .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] .webView-magnifying-plus {
      display: none;
    }

    .scd-frame__header #searchBar .btn-search[type=button] svg.webView-magnifying-plus {
      display: block;
    }

    .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] .mobileView-magnifying-plus {
      display: block;
      color: #009aac;
    }

    .scd-frame__header #searchBar .btn-search[type=button] svg.mobileView-magnifying-plus {
      display: none;
    }

    .mobailViwBanner-img {
      margin-left: -640px;
    }

    .scd-frame__header .scd-searchText-btn.search-text {
      display: none;
    }

    .scd-frame__header .search-section.stickynav-section .searchBox-submitBtn {
      display: block !important;
    }

    .scd-frame__header .scd-searchText-btn.search-text {
      display: none;
    }

    .scd-frame__header .scd-searchText-btn.search-text.searchBox-searchBtn {
      position: fixed;
      right: 1rem;
      display: block !important;
      top: 165px;
      width: 25%;
      box-shadow: none;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .searchIcon-main {
      top: 38px;
      left: 1.76rem;
    }


    .scd-frame__header #searchBar .input-search[type=text] {
      margin: 1.5rem 0px 1rem;
      min-width: 60%;
      height: 39px;
      position: absolute;
      left: 1rem;
      right: auto;
      width: auto;
    }

    .scd-frame__header #searchBar .btn-search[type=button] {
      font-size: 2rem;
      font-weight: 700;
      top: 4px !important;

    }

    .scd-frame__header #searchBar .btn-search.searchBox-submitBtn[type=button] {
      top: 4px !important;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input {
      position: fixed;
      margin: auto;
      background: #ccc;
      width: 100%;
      top: 139px;
      left: 0px;
      z-index: -9999;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      min-height: 80px;
      max-width: 100%;
    }

    .sticky .scd-frame__header .stickyNav-event .search-section.stickynav-section .search-box--event.searchBox-input {
      top: 80px;
    }

    .sticky .scd-frame__header .stickyNav-event .scd-searchText-btn.search-text.searchBox-searchBtn {
      top: 105px;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event--cancel {
      display: none;
    }
    .scd-frame__header .search-section.stickynav-section .searchBox-submitBtn {
      display: block !important;
    }

    .scd-banner__body .scdJoinBtn {
      width: 100%;
    }

    .scd-banner__body .scdJoinBtn .scd-join-btn {
      width: 96%;
    }
    .scd-slckleCellDisese-today.globallyEvent{
      padding-top: 3rem !important;
    }
    .mitigatingTherapies-details {
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }

    .mitigatingTherapies-details .scd-BloodCelltext {
      width: 100%;
      text-align: left;
      padding-left:1rem;
      position: relative;
    }
    .mitigatingTherapies-details .scd-BloodCelltext:before{
      content: "\2e";
      left: 0px;
      position: relative;
      font-size: 36px;
      top: -2px;
      margin-right: 10px;
    }

    .mitigatingTherapies-details .scd-BloodCelltext:last-child {
      padding-left: 3.25rem;
    }
    .mitigatingTherapies-details .scd-BloodCelltext:last-child:before{
      content: none;
    }

    .scd-bloodDisorderCell:after {
      display: none;
    }

    .scd-BloodCelltext {
      padding: 0rem;
    }

    .scd-BloodCellDisease-section {
      padding-bottom: 2rem;
    }

    .scd-symptoms-section {
      margin-top: 0px !important;
    }

    .scd-symptoms-section .scd-details--card-sickle-cell-img {
      top: auto;
      margin-top: 50px !important;
      position: inherit;
      width: 80%;
    }

    .scd-symptoms-section .scd-details--content.sickle-cell-content {
      margin-top: -70px !important;
    }

    .scd-slckleCellDisese-today .online-application-cell--event {
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .scd-slckleCellDisese-today .online-application-cell--event--content {
      width: 100%;
    }

    .TreatmentAndQuality-section img {
      max-width: 100%;
      border-radius: 20px;
    }

    .potentially-hedding,
    .statusQUO-hedding {
      padding-top: 3rem;
    }

    .StatusQUO-section .StatusQUO-content {
      margin-top: 1rem !important;
    }

    .scd-slckleCellDisese-today .globallyEvent-content .globally-text {
      padding-right: 0rem !important;
    }

    .scdTakeAction-video.scd-video.joinUsVideo {
      max-width: auto;
    }

    .scd-details .scdTakeAction-video.scd-video {
      width: auto;
    }

    /*---- Position Images & Card Veiw Style----*/

    .card-img-position {
      margin-top: -100px;
      position: inherit;
      top: auto;
    }
    .card-img-positionTop{
      margin-top: -100px;
      position: inherit;
      top: auto;
    }

    .card-img-positionNormal {
      margin-top:0px;
      position: inherit;
      top: auto;
      margin-left: auto;
      margin-right: auto;
    }

    .cardbody-event-position {
      margin-top: 100px !important;
    }
    .cardbody-event-positionTop {
      margin-top: -70px !important;
    }


    /*---- Position Images & Card Veiw Style End----*/

    .shareable-gallery--column{
      min-height: 155px;
      }
    .spacingM-Top{
      margin-top: 3rem;
    }
    .spacingM-top-16{
      margin-top: 2rem;
    }

    .member-organizations-logo li {
      width: 100%;
    }
    .member-organizations-logo li a{
      float: left;
      width:100%;
      margin: 0px 0.5rem;
    }
    .member-organizations-logo li img {
      width: auto;
      height: 49px;
      
    }


  }

  @media (min-width: 601px) and (max-width: 767px) {
    .scd-frame__header .scd-searchText-btn.search-text {
      display: none;
    }

    .scd-frame__header .scd-searchText-btn.search-text.searchBox-searchBtn {
      position: fixed;
      right: 10%;
      display: block;
      top: 43%;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input .searchIcon-main {
      top: 38px;
      left: 1.76rem;
    }

    .scd-frame__header #searchBar .input-search[type=text] {
      margin: 1.5rem 0px 1rem;
      max-width: 65%;
      height: 39px;
      position: absolute;
      left: 10%;
      right: auto;
    }

    .scd-frame__header #searchBar .btn-search[type=button] {
      font-size: 2rem;
      font-weight: 700;
      top: -7px;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event.searchBox-input {
      position: fixed;
      margin: auto;
      background: #ccc;
      width: 100%;
      top: 190px;
      left: 0px;
      z-index: -9999;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      min-height: 80px;
      max-width: 100%;
    }

    .scd-frame__header .search-section.stickynav-section .search-box--event--cancel {
      display: none;

    }

    .scd-frame__header .search-section.stickynav-section .searchBox-submitBtn {
      display: block !important;
    }
    .scd-frame__header.scd-navbar .scd-logo {
      padding-left: 10px;
      /* margin-top: 10px; */
    }

    .scd-frame__header.scd-navbar .scd-logo img {
      height: 75px;
    }

    .scd-frame__header.scd-navbar .dropdown-toggle:after {
      right: 15px;
    }

    .scd-frame__header .search-section {
      top: 10px !important;
      right: 0px !important;
    }

    .btn-search[type=submit] {
      margin-right: 9px !important;
      top: 4px !important;
    }

    .btn-search[type=submit] i {
      font-size: 1.75rem;
    }

    .scd-banner {
      background-position: -405px 0px;
    }

    .scd-banner__body {
      top: 50%;
    }

    .scd-banner__body h1 {
      font-size: 2.73rem !important;
      line-height: 3.625rem;
    }

    .scd-banner__body p {
      padding: 1rem 0% !important;
    }

    .scd-banner__body.SCDC-stayUp-toDate {
      top: 45%;
    }

    .scd-banner.banner-hero-shape {
      display: none;
    }

    .scd-banner.bannerHero-resp {
      background: linear-gradient(to top, #c12940, rgba(193, 41, 64, 0.95), rgba(80, 25, 69, 0.75), rgba(80, 25, 69, 0.75), rgba(80, 25, 69, 0));
      width: 100%;
      height: 55%;
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
    }

    .scd-banner .banner-center-spacing {
      padding-left: 16px !important;
    }

    .scd-app-primaryRed-btn {
      width: 100%;
    }

    .centered {
      padding: 0px 0% !important;
      text-align: left !important;
    }

    .scd-frame__header.scd-navbar {
      z-index: 9999;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    }

  }
  
  
  
  /* membership application form css start */
  							.membership-form .membership-form-carousel .owl-nav {
							display:flex;
							}
							.membership-form .membership-form-carousel .owl-nav .owl-next, .membership-form .membership-form-carousel .owl-nav .owl-prev, .membership-form .membership-form-carousel .owl-nav .owl-submit {
							text-transform: uppercase;
							background-color: #fff;
							/* background: var(--scd-app-button-primary-blue) !important; */
							color: var(--scd-app-button-primary-blue) ;
							/* color: rgb(255, 255, 255) !important; */
							border: 2px solid transparent;
							border-color: var(--scd-app-button-primary-blue);
							font-weight: 700;
							font-family: "Oswald", sans-serif;
							height: 38px;
							padding: 6px 15px 6px 15px;
							border-radius: 6px;
							transition: background 0.5s ease 0s;
							margin-right: 0.75rem;
							
							}
							.membership-form .membership-form-carousel .owl-nav .owl-next:hover, .membership-form .membership-form-carousel .owl-nav .owl-prev:hover, .membership-form .membership-form-carousel .owl-nav .owl-submit:hover { 
							background-color: var(--scd-app-button-primary-blue);
							/* background: var(--scd-app-button-primary-blue) !important; */
							color: #fff ;
							/* color: rgb(255, 255, 255) !important; */
							border: 2px solid transparent;
							border-color: var(--scd-app-button-primary-blue);
							}
							.membership-form .membership-form-carousel .owl-nav .owl-next.disabled, .membership-form .membership-form-carousel .owl-nav .owl-prev.disabled, .membership-form .membership-form-carousel .owl-nav .owl-submit.disabled {
							background: var(--scd-app-button-disabled-default) !important;
							border: 2px solid transparent;
							color: rgb(141, 141, 141) !important;
							cursor: default;
							pointer-events: none;
							}
							.hide-next-btn {
							position:absolute;
							z-index:-1;
							}
							.membership_error {
								font-size: 12px;
								display: block;
								/*margin-top: -14px;*/
								color: red;
									}
							.membership_errors{
								font-size: 12px;
								display: block;
								margin-top: -14px;
								color: red;
								}		
								.hidden {
  display: none;
}
span.stit {
    margin-left: 15px;
    color: #000;
    font-size: 17px;
    padding-bottom: 10px;
}
.member_success_msg{
color: #0b7e0b;
    font-size: 13px;
    text-align: center;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px;
}

.member_error_msg{
color: red;
    font-size: 13px;
    text-align: center;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px;
}

.applicationsubmittedhead {
    border-radius: 15px;
    background: rgb(255, 255, 255);
    padding: 8rem 1rem 8rem 1rem!important;
    box-shadow: -10px 6px 10px rgba(0, 0, 0, 0.25);
}
.appgreen {
    color: #0b8f2ee8;
    font-size: 26px;
    text-align: center;
     padding: 60px 0 0px 0; 
}
.applicationsubmittedmid {
    font-size: 1.175rem;
    line-height: 1.9rem;
    font-weight: 500;
    color: var(--scd-color-sup-black);
    font-family: "Oswald", sans-serif;
    /* margin-bottom: 15px; */
    display: block;
	text-transform: none!important;
    padding: 16px;
}
a.returntoaccept {
	text-align: center;
	display: block;
	padding: 0.5rem 1rem 0.5rem 1rem;
	color: white;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--scd-app-button-primary-red);
	text-decoration: none;
	font-size: 13px;
}
a.returntoaccept:hover {
   background-color: var(--scd-app-button-primary-hover-red);
   border-color: var(--scd-app-button-primary-red);
}
.ack-drpdwn {
    font-size: 12px;
    margin-left: 10px;
    border-color: #ced4da;
	padding:5px;
}
.ack-drpdwn:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

a.maf-link-color{
	color:#12a3e7;
}

label.form-label.contact-form--label {
    line-height: 19px;
}

.membership-form-carousel .owl-item.active .item{
	display:block;
}
.membership-form-carousel .owl-item .item{
	display:none;
}

.owl-nav {
    margin-top: 10px;
}

label.form-label.membership-form--label {
    font-weight: 600;
}
em{
	color:red;
}
.prtcpt{
	margin-left:0;
}
.pl-10 {
    padding-left: 10px;
}
h5.hedding.scd-heddingX5.text-center.pb-2.applicationsubmittedmids {
    font-size: 1.175rem;
    line-height: 1.9rem;
    font-weight: 500;
    color: var(--scd-color-sup-black)!important;
    font-family: "Helvetica Neue", "Noto Sans", sans-serif !important;
    text-transform: none!important;
    padding: 30px 35px 0px 35px;
    margin-bottom: 85px;
    text-align: center!important;
}
 /* membership application form css end */
 
/* Calendar view buttons gap css*/
#my-calendar-month {
  margin-right: 5px;
}

#my-calendar-year {
  margin-right: 5px;
}

#category {
  margin-right: 5px;
}

#mc-locations-list {
  margin-right: 5px;
}

/* calendar scroller css*/
.align-calendar{
  height: 100px;
  overflow: scroll;
  
}
/* width */
.align-calendar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.align-calendar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.align-calendar::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.align-calendar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/*added for resolution issue fix*/
.scd-banner-background {
  text-align: center;
}
 
.scd-homepage-bannerHero {
display: flex;
}
 
.scd-homepage-bannerHero img{ 
margin: 0 auto;
}
 
.hero-banner-Overlay {
	width: 100%;
}
.hero-banner-Overlay img{
	width: 1440px;
}
.home-scd-banner__body {
	background-color:#311432a6;
}

.card-body ol,.card-body ul{
  margin-left: 40px !important;
}

/*fix scroll issue on top banner after deleting menu item*/
@media (min-width: 769px){
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
 
  left: -550px ;
}}

/*change megamenu to simple menu*/
li.widget_media_imag {
	display :none;
}
 
@media (min-width: 769px){
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
 
	left:auto;
	width: auto;
	min-width: auto;
}}



.sticky .scd-frame__header .scd-navbar-collapse.stick-topNavbar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu  {
	left:auto;
}
 
li.mega-menu-item ul.menu:after {
	    right: -15px;
	width:0px;
height:0px;
}
 
li.mega-menu-item ul.menu li .sub-menu {
	    background: #e7eff3;
    border-radius: 0px 20px 20px 0px;
}
/*change megamenu to simple menu*/

.topSignUp-cell.pl-4 span.scd-rightText{ 
  border-bottom: solid 2px;

}
.guidescdc-strategy-Section--logos.scdc-structure-logo{
  display: flex !important;
  justify-content: center !important;
}
.my-calendar-nav{
  width: 800px;
}
.my-calendar-cards .mc-event .mc_edit_links{
display: none;
}

/* added css for global-perspectives icon */
.filter-details-body .member-icon--filter--items .fa-global-perspectives {
  position: relative;
  font-family: 'FontAwesome';
}

.filter-details-body .member-icon--filter--items .fa-global-perspectives:before {
  content: "\f57d";
}




/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media (max-width: 427px) {
	#menu-footer {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
@media (min-width: 360px) and (max-width: 667px) {
	.contact-details-section .footer-copyRight-nav {
		display: initial !important;
	}
	footer .contact-details-section {
		min-height: auto !important;
	}
	.contact-details-section.footer-navigetion-field {
		display: initial !important;
		text-align: center;
		display: flex !important;
		flex-direction: column;
		align-items: center;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.contact-details-section .footer-copyRight-nav {
		display: initial !important;
	}
	.contact-details-section.footer-navigetion-field {
		display: initial !important;text-align: center;
		display: flex !important;
		flex-direction: column;
		align-items: center;
	}
	.scd-input-field__box .input-search {
		width: 183px;
	}
}