/* Global Styles */
.navy-color {
  background: #2D2850;
}
.blue-teal-gradient {
  background-image: linear-gradient(264deg, #2B9CA9 0%, #2CA4B2 100%);
}
.poppins-bold-text {
  font-family: 'poppins-bold';
}
.poppins-semibold-text {
  font-family: 'poppins-semibold';
}

h2 {
  font-family: 'gobold-bold';
  text-transform: uppercase;
}
p {
  font-family: 'poppins-regular';
  font-size: 16px;
  color: #4C4C4C;
}
ul.viti-points {
  list-style-type: none;
  padding: 0px;
  margin-bottom: 0px;
}
ul.viti-points li {
  font-family: 'poppins-regular';
  font-size: 16px;
  color: #4C4C4C;
  line-height: 24px;
  letter-spacing: 0.29px;
  margin-left: 30px;
  margin-bottom: 16px;
  position: relative;
}
ul.viti-points li::before {
  content: '';
  background: url('../vitiligo-update2-images/green-droplet-bullet.svg');
  position: absolute;
  width: 21px;
  height: 21px;
  left: -30px;
  top: 2px;
  background-repeat: no-repeat;
}
a.viti-text-link,
a.viti-isi-text-link,
a.text-link {
  font-family: 'poppins-semibold';
  white-space: nowrap;
  text-decoration: underline;
  color: #2C2851;
  text-underline-offset: 2px;
}

a.viti-blue-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  letter-spacing: 0.24px;
  background-image: linear-gradient(259deg, #564F76 0%, #332F5D 100%);
  border-radius: 25px;
  padding: 16.5px 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  min-width: 200px;
}
@media(min-width: 1200px) {
  a.viti-blue-cta:hover {
      background: #fff;
      color: #2C2851;
      border: 2px solid #2C2851;
      padding-top: 14.5px;
      padding-bottom: 14.5px;
    }
    a.viti-blue-cta:focus-visible {
      padding-top: 14.5px;
      padding-bottom: 14.5px;
      border: 2px solid #F15D5E;
      outline: unset;
    }
}


a.viti-white-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  letter-spacing: 0.24px;
  border-radius: 25px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 14.5px 0px;
  text-align: center;
  min-width: 200px;
}
@media(min-width: 1200px) {
  a.viti-white-cta:hover {
      background-color: #fff;
      color: #2C2851;
    }
    a.viti-white-cta:focus-visible {
      border: 2px solid #F15D5E;
      outline: unset;
    }
}

a.viti-w-bg-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #2C2851;
  letter-spacing: 0.24px;
  background-color: #fff;
  border-radius: 25px;
  padding: 16.5px 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  min-width: 200px;
}
@media(min-width: 1200px) {
  a.viti-w-bg-cta:hover {
      color: #fff;
      border: 2px solid #fff;
      padding-top: 14.5px;
      padding-bottom: 14.5px;
      background-color: transparent;
    }
    a.viti-w-bg-cta:focus-visible {
      padding-top: 14.5px;
      padding-bottom: 14.5px;
      border: 2px solid #F15D5E;
      outline: unset;
    }
}


a.viti-blue-br-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #2C2851;
  letter-spacing: 0.24px;
  border-radius: 25px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #2C2851;
  padding: 14.5px 0px;
  text-align: center;
  min-width: 200px;
}
@media(min-width: 1200px) {
  a.viti-blue-br-cta:hover {
      border: none;
      color: #fff;
      background-image: linear-gradient(260deg, #564F76 0%, #332F5D 100%);
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
      padding: 16.5px 0px;
    }
    a.viti-blue-br-cta:focus-visible {
      border: 2px solid #F15D5E;
      outline: unset;
    }
}


a.viti-orange-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #2C2851;
  letter-spacing: 0.24px;
  border-radius: 25px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #F15D5E;
  padding: 14.5px 0px;
  text-align: center;
  min-width: 200px;
  background-color: #fff;
}
@media(min-width: 1200px) {
  a.viti-orange-cta:hover {
      border: none;
      color: #fff;
      background-image: linear-gradient(260deg, #564F76 0%, #332F5D 100%);
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
      padding: 16.5px 0px;
    }
    a.viti-orange-cta:focus-visible {
      border: 2px solid #2C2851;
      outline: unset;
    }
}
@media (max-width: 575px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1110px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .content-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Home Page and This is Vitiligo Blue Callout starts */
#Home-navy-new-callout .left-sec {
  width: 63.75%;
}
#Home-navy-new-callout .right-sec {
  width: 36.25%;
  padding-bottom: 45px;
  position: relative;
}
#Home-navy-new-callout.home-page .right-sec {
  padding-bottom: 0px;
}
#Home-navy-new-callout.home-page .blue-teal-gradient {
  height: 45px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#Home-navy-new-callout .right-sec .swipe-wrapper {
  position: absolute;
  bottom: 9px;
  z-index: 2;
  left: -50px;
  width: 170px;
}
#Home-navy-new-callout .text-wrapper {
  max-width: 541px;
  margin-left: auto;
  margin-right: 118px;
  position: relative;
  z-index: 1;
}
#Home-navy-new-callout .text-wrapper::before {
  content: '';
  position: absolute;
  left: -97px;
  width: 250px;
  height: 351px;
  background-image: url('../vitiligo-update2-images/navy-drop.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  top: -18px;
}
#Home-navy-new-callout .img-wrapper img {
  width: 100%;
}
#Home-navy-new-callout h2 {
  color: #fff;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 25px;
}
#Home-navy-new-callout.home-page h2 {
  color: #2CA4B2;
  margin-bottom: 30px;
}
#Home-navy-new-callout.home-page p {
  margin-bottom: 30px !important;
}
#Home-navy-new-callout p {
  color: #fff;
  line-height: 24px;
}
#Home-navy-new-callout .cta-wrap {
  margin-top: 20px;
}
#Home-navy-new-callout.living-with-vitiligo .cta-wrap {
  margin-top: 30px;
}
#Home-navy-new-callout.living-with-vitiligo .right-sec {
  padding-bottom: 0px;
}
#Home-navy-new-callout.living-with-vitiligo .blue-teal-gradient {
  height: 51px;
  margin-top: -6px;
  position: relative;
  z-index: 1;
}
#Home-navy-new-callout.living-with-vitiligo .right-sec .swipe-wrapper {
  bottom: 15px
}
@media (max-width: 991px) {
  #Home-navy-new-callout .blue-drop-wrapper {
    flex-direction: column-reverse;
  }
  #Home-navy-new-callout .left-sec {
    width: 100%;
  }
  #Home-navy-new-callout .right-sec {
    width: 100%;
  }
  #Home-navy-new-callout .text-wrapper {
    max-width: 100%;
    margin: unset;
    padding: 50px 15px;
  }
  #Home-navy-new-callout .text-wrapper::before {
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 221px;
    height: 309px;
  }
  #Home-navy-new-callout .right-sec .swipe-wrapper {
    bottom: -19px;
    left: 15px;
    width: 116px;
  }
  #Home-navy-new-callout .cta-wrap,
  #Home-navy-new-callout.living-with-vitiligo .cta-wrap {
      margin-top: 25px;
  }
  #Home-navy-new-callout.living-with-vitiligo .img-wrapper.desktop,
  #Home-navy-new-callout.home-page .img-wrapper.desktop {
    display: none;
  }
  #Home-navy-new-callout.living-with-vitiligo .img-wrapper.mobile,
  #Home-navy-new-callout.home-page .img-wrapper.mobile {
    display: block !important;
  }

  #Home-navy-new-callout.home-page .blue-teal-gradient {
    position: unset;
  }
  #Home-navy-new-callout.living-with-vitiligo .blue-teal-gradient {
    height: 50px;
    margin-top: 0px;
  }
  #Home-navy-new-callout.living-with-vitiligo .right-sec .swipe-wrapper {
    bottom: -19px
  }

}
@media (max-width: 360px) {
  #Viti-6c-Home-Banner .mobile-text-wrapper .bottom-sec .beige-text span {
    font-size: 10px !important;
    line-height: 24px !important;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .top-sec .top-sec-wrapper .header-text {
      font-size: 28px !important;
      line-height: 34px !important;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .top-sec {
      top: 117.5px !important;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .bottom-sec {
      top: 193px !important;
  }
}
@media (max-width: 575px) {
  #Viti-6c-Home-Banner .mobile-text-wrapper .top-sec {
    top: 131.5px;
    transform: unset;
    left: unset;
    width: 100%;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .top-sec .top-sec-wrapper {
    position: relative;
    left: 57px;
    display: inline-block;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .top-sec .top-sec-wrapper .header-text {
    text-align: left;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.83px;
    top: 0;
    position: relative;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .top-sec .top-sec-wrapper .header-text::before {
      content: '';
      position: absolute;
      background: url('../vitiligo-update2-images/coral-white-line-left.svg');
      width: 155px;
      height: 36px;
      background-repeat: no-repeat;
      background-size: contain;
      left: -158px;
    }
  #Viti-6c-Home-Banner .mobile-text-wrapper .bottom-sec {
    position: absolute;
    top: 214px;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .bottom-sec .beige-text {
    text-align: left;
    display: inline-block;
    position: relative;
    left: 50px;
  }
  #Viti-6c-Home-Banner .mobile-text-wrapper .bottom-sec .beige-text span {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 27px;
    padding: 4px 10px;
  }

  #Home-navy-new-callout.home-page .text-wrapper {
    background: #2C2851;
  }
  
}
@media (min-width: 576px) {
  #Viti-6c-Home-Banner .text-wrapper h1 {
    letter-spacing: -1.56;
    position: relative;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text span {
    line-height: 37px;
  }
  #Viti-6c-Home-Banner .text-wrapper h1::before {
    position: absolute;
    content: '';
    background-image: url('../vitiligo-update2-images/coral-white-line-left.svg');
    height: 97px;
    width: 428px;
    background-repeat: no-repeat;
    background-size: contain;
    left: -453px;
    top: -13px;
  }
  #Viti-6c-Home-Banner::before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../vitiligo-update2-images/home-banner-cream.webp');
    width: 136px;
    height: 254px;
    background-size: contain;
    content: '';
    background-repeat: no-repeat;
    margin-left: 38px;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text {
    position: relative;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text::before {
    position: absolute;
    content: '';
    background: url('../vitiligo-update2-images/Arrows.svg');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -109px;
    width: 28px;
    height: 27px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  #Home-navy-new-callout {
    max-width: 500px;
    margin: 0 auto;
  }
  #Viti-6c-Home-Banner .text-wrapper h1::before {
    height: 54px;
    width: 240px;
    left: -250px;
    top: -10px;
  }
  #Viti-6c-Home-Banner .text-wrapper h1 {
    margin-bottom: 13px;
    font-size: 28px;
    line-height: 35px;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text span {
    line-height: 20px;
    font-size: 10px;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text::before {
    bottom: -56px;
  }
  #Viti-6c-Home-Banner .content-container {
    padding-left: 95px;
  }
  #Viti-6c-Home-Banner::before {
    margin-left: 40px;
    height: 150px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  #Home-navy-new-callout h2 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 12px;
  }
  #Home-navy-new-callout p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  #Home-navy-new-callout .text-wrapper {
    margin-right: 46px;
  }
  #Home-navy-new-callout .text-wrapper::before {
      width: 199px;
      height: 300px;
  }
  #Home-navy-new-callout .right-sec .swipe-wrapper {
    bottom: 12px;
    width: 150px  ;
  }

  #Viti-6c-Home-Banner .content-container {
    max-width: 626px;
    margin: 0 auto;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text span {
    line-height: 29px;
  }
  #Viti-6c-Home-Banner::before {
    width: 182px;
    height: 182px;
    margin-left: 62px;
  }
  #Viti-6c-Home-Banner .text-wrapper .beige-text::before {
      bottom: -75px;
  }
}
@media (min-width: 1200px) {
  #Home-navy-new-callout.living-with-vitiligo p {
    max-width: 540px;
  }
}
@media (min-width: 1366px) and (max-width: 1400px) {
  #Viti-6c-Home-Banner .content-container {
    padding-left: 42px;
  }
  #Viti-6c-Home-Banner::before {
    height: 234px;
    margin-left: 64px;
  }
}
@media (min-width: 992px) {
  #Home-navy-new-callout.home-page {
    overflow: hidden;
  }
  #Home-navy-new-callout.home-page .text-wrapper::before {
    top: -50px;
  }
  #Home-navy-new-callout.home-page p {
    max-width: 500px;
  }
}
/* Home Page and This is Vitiligo Blue Callout ends */

#home-repigment-new-sec .repigment-text-wrapper {
  padding: 0px 0 30px 0;
  position: relative;
}
#home-repigment-new-sec .repigment-text-wrapper h2 {
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.3px;
  color: #2C2851;
  margin-bottom: 17px;
}
#home-repigment-new-sec .repigment-text-wrapper h2 br {
  display: none;
}
#home-repigment-new-sec .repigment-text-wrapper p {
  font-size: 16px;
  letter-spacing: 0.29px;
  line-height: 24px;
  color: #4C4C4C;
}
#home-repigment-new-sec .repigment-img-wrapper {
  background-image: linear-gradient(233deg, #FBE7DF 0%, #F5CABB 73%);
  padding: 50px 0;
  position: relative;
}

#home-repigment-new-sec .repigment-img-wrapper h3 {
  text-align: center;
  text-transform: uppercase;
  font-family: 'poppins-semibold';
  font-size: 18px;
  letter-spacing: 1.5px;
  line-height: 25px;
  margin-bottom: 30px;
  color: #2C2851;
}
#home-repigment-new-sec .repigment-img-wrapper h3.m-h3 {
  display: none;
}

#home-repigment-new-sec .repigment-img-wrapper .wrap-img {
  margin-right: 19px;
  width: 25%;
}

#home-repigment-new-sec .repigment-img-wrapper .wrap-img:last-child {
  margin-right: 0px;
}

#home-repigment-new-sec .repigment-block-wrap .wrap-img:nth-child(1) .img-wrapper {
  position: relative;
}
#home-repigment-new-sec .repigment-block-wrap .wrap-img:nth-child(1) .img-wrapper::before {
  content: '';
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-left-line.svg');
  width: 322px;
  height: 75px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0px;
  left: -244px;
}

#home-repigment-new-sec .repigment-block-wrap .text-wrapper {
  padding-top: 50px;
}

#home-repigment-new-sec .repigment-block-wrap .text-wrapper .line-2px {
  width: 100%;
  height: 2px;
  background-color: #2C2851;
  margin-top: 34px;
  margin-bottom: 28px;
}
#home-repigment-new-sec .repigment-block-wrap p {
  font-size: 16px;
  letter-spacing: 0.29px;
  line-height: 24px;
  color: #4C4C4C;
  margin-bottom: 12px;
}
#home-repigment-new-sec .repigment-block-wrap p.indv-text {
  font-size: 14px;
}
#home-repigment-new-sec .repigment-block-wrap p.opz-res-line {
  padding-top: 30px;
  /* border-top: 4px dotted #2D2850; */
  margin-top: 28px;
}
#home-repigment-new-sec .repigment-block-wrap .text-wrapper .cta-wrap {
  margin-top: 20px;
}

@media (max-width: 991px) {
  #home-repigment-new-sec .repigment-text-wrapper {
      padding: 35px 0 35px;
  }
  #home-repigment-new-sec .repigment-text-wrapper h2 {
      font-size: 26px;
      letter-spacing: -0.22px;
      line-height: 34px;
      margin-bottom: 25px;
  }
  #home-repigment-new-sec .repigment-text-wrapper h2 br {
      display: block;
  }
  #home-repigment-new-sec .repigment-text-wrapper p {
      letter-spacing: 0.44px;
  }
  #home-repigment-new-sec .repigment-img-wrapper {
      padding: 0px 0 50px;
  }
  #home-repigment-new-sec .repigment-img-wrapper .img-block-wrapper {
      flex-direction: column;
  }
  #home-repigment-new-sec .repigment-img-wrapper .wrap-img {
      width: 100%;
  }
  #home-repigment-new-sec .repigment-img-wrapper .wrap-img .img-wrapper {
      max-width: 225px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }
  #home-repigment-new-sec .repigment-img-wrapper h3.d-h3 {
      display: none;
  }
  #home-repigment-new-sec .repigment-img-wrapper h3.m-h3 {
      display: block;
      margin-top: 13px;
      margin-bottom: 35px;
  }
  #home-repigment-new-sec .repigment-block-wrap .text-wrapper {
      padding-top: 0px;
  }
  #home-repigment-new-sec .repigment-block-wrap .text-wrapper p.indv-text{
    font-size: 14px;
  }
  #home-repigment-new-sec .repigment-block-wrap .text-wrapper .cta-wrap {
      margin-top: 24px;
  }
  #home-repigment-new-sec .repigment-block-wrap .wrap-img:nth-child(1) .img-wrapper::before {
    height: 62px;
    left: -202px;
  }
  #home-repigment-new-sec .repigment-block-wrap p.opz-res-line {
    border-top: 4px dotted #2D2850;
    padding-top: 25px;
    margin-top: 25px;
    ;
  }
}

@media (min-width: 991px) {
  #home-repigment-new-sec .repigment-block-wrap .wrap-img:nth-child(1) .img-wrapper::before {
    bottom: -50px;
  }
  #home-repigment-new-sec .repigment-block-wrap .text-wrapper {
    padding-top: 90px;
  }
}

@media (min-width: 1200px) {
  #home-repigment-new-sec .repigment-text-wrapper {
    max-width: 914px;
    margin-left: auto;
    margin-right: auto;
  }
  #home-repigment-new-sec .repigment-block-wrap {
    max-width: 957px;
    margin: 0 auto;
  }
}




/* New copay Savings Card Section Starts */
#copay-macro-texture-block {
  display: flex;
  background: url("../vitiligo-update2-images/copay-bg-texture.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#copay-macro-texture-block .img-sec {
  width: 37.57%;
}
#copay-macro-texture-block .img-sec img {
  width: 392px;
}

#copay-macro-texture-block .copay-text-sec {
  width: 62.43%;
}

#copay-macro-texture-block .c-text-wrapper {
  padding: 48px 0 52px 0;
}

#copay-macro-texture-block h2 {
  color: #2D2850;
  font-size: 36px;
  margin-bottom: 25px;
  line-height: 48px;
}

#copay-macro-texture-block h3 {
  color: #2D2850;
  font-size: 18px;
  margin-bottom: 28px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: 'poppins-semibold';
  padding-left: 28px;
}

#copay-macro-texture-block h3::before {
  content: " ";
  height: 36px;
  position: absolute;
  background-image: linear-gradient(180deg, #F99697 0%, #F15D5E 100%);
  width: 6.25px;
  margin-top: 4px;
  margin-left: -25px;
}

#copay-macro-texture-block p {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 25px;
  color: #2B2B2B;
}

#copay-macro-texture-block p.eligible-text {
  font-size: 12px;
  line-height: 17px;
  margin-top: 25px;
}

#copay-macro-texture-block p.eligible-text a.viti-text-link {
  color: #2b2b2b;
}


@media (max-width: 575px) {
  #copay-macro-texture-block {
    background: url("../vitiligo-update2-images/copay-bg-texture-mobile.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-direction: column-reverse;
  }
  #copay-macro-texture-block .copay-text-sec {
    width: 100%;
    padding: 35px 15px 25px 15px;
  }
  #copay-macro-texture-block .c-text-wrapper {
    padding: 0px;
  }
  #copay-macro-texture-block .img-sec {
    width: 100%;
    text-align: center;
    padding-bottom: 43px;
  }
  #copay-macro-texture-block h2 {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 26px;
  }
  #copay-macro-texture-block h3 {
    margin-bottom: 25px;
  }
}
@media (min-width:576px) and (max-width:991px) {
  #copay-macro-texture-block .img-sec {
    text-align: right;
    padding-right: 30px;
  }
  #copay-macro-texture-block .img-sec img {
    width: 250px;
  }
  #copay-macro-texture-block .c-text-wrapper {
    padding-right: 30px;
  }
  #copay-macro-texture-block h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  #copay-macro-texture-block h3 {
    margin-bottom: 15px;
  }
  #copay-macro-texture-block p {
    margin-bottom: 20px;
  }
  #copay-macro-texture-block p.eligible-text {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .path-frontpage #copay-macro-texture-block {
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 991px) {
  #copay-macro-texture-block .c-text-wrapper {
    max-width: 640px;
  }

  #copay-macro-texture-block h3 {
    max-width: 550px;
  }

  #copay-macro-texture-block .img-sec {
    text-align: right;
    padding-right: 50px;
  }
}


/* New copay Savings Card Section Ends */

/* Coral Callout Image Section Starts */
/* what-is-opz, safety, how-to-use, living-with-vitiligo */
#coral-img-callout-vitiup2 {
  overflow: hidden;
}

#coral-img-callout-vitiup2 .text-wrapper {
  width: 67.13%;
  padding-right: 69px;
}

#coral-img-callout-vitiup2 .img-wrapper {
  width: 32.87%;
}

#coral-img-callout-vitiup2 .img-wrapper .coral-img {
  position: relative;
}

#coral-img-callout-vitiup2 .img-wrapper .coral-img::after {
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-right-line.svg');
  content: " ";
  bottom: 0px;
  width: 334px;
  height: 75px;
  z-index: 1;
  margin-left: -75px;
  background-repeat: no-repeat;
  background-size: contain;
}
#coral-img-callout-vitiup2 h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  margin-bottom: 30px;
  color: #2C2851;
}
#coral-img-callout-vitiup2 p {
  line-height: 24px;
  color: #4C4C4C;
  letter-spacing: 0.29px;
  font-size: 16px;
}

/* what is opz */
#coral-img-callout-vitiup2 {
  padding: 80px 0 60px 0;
}
#coral-img-callout-vitiup2 .points-section {
 padding: 44px 0 23px 0;
}
#coral-img-callout-vitiup2 .points-section li {
  font-family: 'poppins-semibold';
  margin-bottom: 14px;
  color: #2C2851;
}
#coral-img-callout-vitiup2 .points-section .left-points {
  padding-right: 10px;
}
#coral-img-callout-vitiup2 .points-section .opz-text-right {
  font-family: 'poppins-regular';
  font-size: 14px;
  line-height: 20px;
  margin-left: 30px;
  margin-right: 18px;
}

/* Safety */
#coral-img-callout-vitiup2.safety-page {
  padding: 75px 0;
}
#coral-img-callout-vitiup2.safety-page .text-wrapper {
  padding-right: 50px;
}

/* How to USe */
#coral-img-callout-vitiup2.how-to-use-page .text-wrapper {
  width: 66.4%;
  padding-right: 71px;
}
#coral-img-callout-vitiup2.how-to-use-page .img-wrapper {
  width: 33.6%;
}
#coral-img-callout-vitiup2.how-to-use-page {
  padding: 50px 0 63px 0;
}
#coral-img-callout-vitiup2.how-to-use-page .cta-wrapper {
  margin-top: 28px;
}

#coral-img-callout-vitiup2.safety-page .text-wrapper {
  padding-right: 60px;
}



/* Living With Vitiligo */
#coral-img-callout-vitiup2.living-with-vitiligo .text-wrapper {
  width: 66.4%;
  padding-right: 70px;
}
#coral-img-callout-vitiup2.living-with-vitiligo .img-wrapper {
  width: 33.6%;
}
#coral-img-callout-vitiup2.living-with-vitiligo h2 {
  margin-bottom: 18px;
}
@media (max-width: 991px) {
  #coral-img-callout-vitiup2 {
    padding: 25px 0 50px 0;
  }
  #coral-img-callout-vitiup2 .c-out-wrapper {
    flex-direction: column;
  }
  #coral-img-callout-vitiup2 .text-wrapper,
  #coral-img-callout-vitiup2.how-to-use-page .text-wrapper,
  #coral-img-callout-vitiup2.living-with-vitiligo .text-wrapper  {
    width: 100%;
    padding-right: 0px !important;
  }
  #coral-img-callout-vitiup2 .img-wrapper,
  #coral-img-callout-vitiup2.living-with-vitiligo .img-wrapper  {
    width: 100%;
    margin-top: 24px;
  }
  #coral-img-callout-vitiup2.how-to-use-page .img-wrapper {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
  }
  #coral-img-callout-vitiup2.how-to-use-page .c-out-wrapper {
    flex-direction: column-reverse;
  }
  
  #coral-img-callout-vitiup2 .img-wrapper .coral-img {
    width: 220px;
    left: 50%;
    transform: translateX(-50%);
  }
  #coral-img-callout-vitiup2 h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  #coral-img-callout-vitiup2.living-with-vitiligo h2 {
    font-size: 36px;
    letter-spacing: -0.3px;
    line-height: 48px;
  }
  #coral-img-callout-vitiup2 p {
    letter-spacing: 0.44px;
  }
  #coral-img-callout-vitiup2 h2 br {
    display: none;
  }

  /* What is Opz */
  #coral-img-callout-vitiup2 .points-section {
    padding-top: 30px;
  }
  #coral-img-callout-vitiup2 .points-section .points-section-wrapper {
    flex-direction: column;
  }
  #coral-img-callout-vitiup2 .points-section li {
    letter-spacing: 0.44px;
  }
  #coral-img-callout-vitiup2 .points-section .opz-text-right {
    margin-left: 0px;
  }
  body.page-node-251 #coral-img-callout-vitiup2 .img-wrapper .coral-img::after {
    margin-left: -67px;
  }
  body.page-node-251 #coral-img-callout-vitiup2 .img-wrapper .coral-img.desktop {
    display: none;
  }
  body.page-node-251 #coral-img-callout-vitiup2 .img-wrapper .coral-img.mob {
    display: block !important;
  }


  /* Safety */
  #coral-img-callout-vitiup2.safety-page {
    padding: 24px 0 47px;
  }
  #coral-img-callout-vitiup2.safety-page .text-wrapper {
    padding-right: 0px;
  }

  /* How to Use */
  #coral-img-callout-vitiup2.how-to-use-page {
    padding: 42px 0 60px 0;
  }
  #coral-img-callout-vitiup2.how-to-use-page h2 {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 35px;
    margin-bottom: 20px;
  }

  #coral-img-callout-vitiup2.how-to-use-page .cta-wrapper {
    margin-top: 30px;
  }

  #coral-img-callout-vitiup2.safety-page .img-wrapper .coral-img,
  #coral-img-callout-vitiup2.how-to-use-page .img-wrapper .coral-img,
  #coral-img-callout-vitiup2.living-with-vitiligo .img-wrapper .coral-img {
    width: 313px;
  }

  #coral-img-callout-vitiup2.living-with-vitiligo {
    padding-top: 50px;
  }
}
@media (max-width: 575px) {
  #coral-img-callout-vitiup2.how-to-use-page a.viti-blue-cta {
    padding-left: 40px;
    padding-right: 40px;
    line-height: 24px;
    border-radius: 45px;
  }
}
@media (min-width: 1200px) {
  #coral-img-callout-vitiup2 .content-container {
    max-width: 953px;
  }
  #coral-img-callout-vitiup2.how-to-use-page .content-container {
    max-width: 995px;
    margin-left: 75px;
  }
  #coral-img-callout-vitiup2.living-with-vitiligo .content-container {
    max-width: 934px;
  }

  .page-node-251 #coral-img-callout-vitiup2 .text-wrapper {
    padding-right: 66px;
  } 
}

/* Coral Callout Image Section Ends */


/* Peach line cta callout section starts */
/* what-is-opz, safety, how-to-use */
#peach-line-cta-callout-vitiup2 {
  padding-bottom: 106px;
}

#peach-line-cta-callout-vitiup2 .peach-gradient {
  background-image: linear-gradient(90deg, #F5CABB 1%, #FAE4DD 100%);
  height: 18px;
}

#peach-line-cta-callout-vitiup2 .wrapper-icon {
  padding: 45px 0 30px 0;
}
#peach-line-cta-callout-vitiup2 .blueteal-text {
  font-family: 'poppins-semibold';
  color: #1D8190;
  font-size: 18px;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
#peach-line-cta-callout-vitiup2 p {
  line-height: 24px;
  color: #4C4C4C;
  letter-spacing: 0.29px;
}
#peach-line-cta-callout-vitiup2 .cta-wrapper {
  margin: 28px 0 48px;
}
#peach-line-cta-callout-vitiup2 .cta-wrapper .cta-one {
  margin-right: 10px;
}
#peach-line-cta-callout-vitiup2 .cta-wrapper .cta-two {
  margin-left: 10px;
}

#peach-line-cta-callout-vitiup2 .peach-drop-line {
  height: 2px;
  background-color: #D8D4D7;
}

#peach-line-cta-callout-vitiup2 .peach-drop-wrap img {
  margin-bottom: -35px;
}


@media (max-width: 991px) {
  #peach-line-cta-callout-vitiup2 .wrapper-icon {
    padding: 24px 0 26px;
  }
  #peach-line-cta-callout-vitiup2.what-is-opz .cta-wrapper {
    flex-direction: column;
  }
  #peach-line-cta-callout-vitiup2 .cta-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  #peach-line-cta-callout-vitiup2 .cta-wrapper .cta-one {
    margin-right: 0px;
    margin-bottom: 25px;
  }
  #peach-line-cta-callout-vitiup2 .cta-wrapper .cta-two {
    margin-left: 0px;
  }
  #peach-line-cta-callout-vitiup2.what-is-opz .cta-wrapper {
    flex-direction: column;
  }

}
@media (min-width: 576px) and (max-width:992px) {
  #peach-line-cta-callout-vitiup2.what-is-opz .cta-wrapper {
    flex-direction: row !important;
  }
  #peach-line-cta-callout-vitiup2.what-is-opz .cta-one {
    margin-bottom: 0px !important;
    margin-right: 10px !important;
  }
  #peach-line-cta-callout-vitiup2.what-is-opz .cta-one {
    margin-left: 10px !important;
  }
}
/* Peach line cta callout section ends */


#how-opz-works-new-sec {
  background-color: #2C2851;

  position: relative;
  /* max-width: 1440px;
  margin: 0 auto; */
}
#how-opz-works-new-sec .how-opz-works-new-sec-wrapper {
  position: relative;
  padding-bottom: 67px;
}
/* #how-opz-works-new-sec .how-opz-works-new-sec-wrapper::after {
  position: absolute;
  top: 0px;
  background-image: url('../v-images/swipe-vertical.png');
  width: 108px;
  height: 126px;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  right: 0px
} */
/* #how-opz-works-new-sec .swipe-vertical {
  position: absolute;
  bottom: -76px;
  background-image: url('../v-images/swipe-vertical.png');
  width: 108px;
  height: 126px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: -79px;
} */
#how-opz-works-new-sec .blue-teal-32 {
  height: 32px;
  background-image: linear-gradient(268deg, #2B9CA9 0%, #2CA4B2 100%);
  position: relative;
  top: -16px;
  z-index: 1;
}

#how-opz-works-new-sec .how-opz-wrapper {
  padding: 0 20px;
}

#how-opz-works-new-sec .how-opz-wrapper.wrap-1 {
  padding-top: 46px;
}

#how-opz-works-new-sec .how-opz-wrapper.wrap-2 .text-sec {
 margin-top: -56px;
}

#how-opz-works-new-sec .how-opz-wrapper .text-sec {
  width: 56.1%;
  padding-right: 45px;
}

#how-opz-works-new-sec .how-opz-wrapper .img-sec-wrapper {
  width: 43.9%;
}
#how-opz-works-new-sec .how-opz-wrapper .img-sec-wrapper .img-wrapper img {
  width: 100%;
}


#how-opz-works-new-sec h2 {
  color: #2CA4B2;
  letter-spacing: -0.3px;
  margin-bottom: 26px;
  font-size: 36px;
}

#how-opz-works-new-sec h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'gobold-bold';
  font-size: 24px;
  padding-left: 27px;
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
}

#how-opz-works-new-sec h3::before {
  content: " ";
  height: 50px;
  position: absolute;
  background-image: linear-gradient(180deg, #F99697 0%, #F15D5E 100%);
  width: 6.25px;
  margin-top: -12px;
  margin-left: -25px;
}

#how-opz-works-new-sec p {
  color: #fff;
  line-height: 24px;
  letter-spacing: 0.44px;
  font-size: 16px;
  margin-top: 14px;
}
#how-opz-works-new-sec .illustrative-text {
  padding-top: 10px;
}
#how-opz-works-new-sec .illustrative-text p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right;
  margin: 0px;
}
#how-opz-works-new-sec .how-opz-wrapper.wrap-1 .illustrative-text {
  padding-bottom: 24px;
}
#how-opz-works-new-sec .cta-wrap {
  margin-top: 35px;
}
#how-opz-works-new-sec .cta-wrap.mobile {
  display: none;
}
#how-opz-works-new-sec .how-opz-works-new-sec-wrapper::before {
  position: absolute;
  bottom: -64px;
  background-image: url('../vitiligo-update2-images/vertical-swipe.webp');
  width: 108px;
  height: 126px;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}
@media (max-width: 991px) {
  #how-opz-works-new-sec .how-opz-works-new-sec-wrapper {
    padding-bottom: 48px;
  }
  #how-opz-works-new-sec .how-opz-works-new-sec-wrapper::before {
    width: 74px;
    height: 86px;
    bottom: -50px;
  }
  #how-opz-works-new-sec .how-opz-wrapper {
    flex-direction: column;
  }
  #how-opz-works-new-sec .how-opz-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  #how-opz-works-new-sec .how-opz-wrapper.wrap-1 {
    padding-top: 15px;
  }
  #how-opz-works-new-sec .how-opz-wrapper .text-sec {
    width: 100%;
    padding-right: 0px;
  }
  #how-opz-works-new-sec .how-opz-wrapper .img-sec-wrapper {
    width: 100%;
    padding-top: 28px;
  }
  #how-opz-works-new-sec .how-opz-wrapper.wrap-2 .text-sec {
    margin-top: 0px;
  }
  #how-opz-works-new-sec h2 {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 34px;
  }
  #how-opz-works-new-sec h3 {
    font-size: 20px;
    line-height: 27px;
    padding: 0px;
  }
  #how-opz-works-new-sec h3::before {
    display: none;
  }
  #how-opz-works-new-sec p {
    letter-spacing: 0px;
  }
  #how-opz-works-new-sec .how-opz-wrapper.wrap-1 .illustrative-text {
    padding-bottom: 28px;
  }
  #how-opz-works-new-sec .illustrative-text p {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.33px;
    line-height: 18px;
  }
  #how-opz-works-new-sec .illustrative-text p br {
    display: none;
  }
  #how-opz-works-new-sec .how-opz-wrapper .cta-wrap {
    display: none;
  }
  #how-opz-works-new-sec .cta-wrap.mobile {
    display: block;
    margin-top: 28px;
  }
}
/* @media (min-width:992px) and (max-width:1199px) {
  #how-opz-works-new-sec .how-opz-works-new-sec-wrapper::before {
    width: 56px;
    bottom: -90px;
  }
} */
@media (min-width: 1200px) {
  #how-opz-works-new-sec .content-container {
    max-width: 960px;
  }
  #how-opz-works-new-sec .how-opz-works-new-sec-wrapper::before {
    left: -85px;
  }
}


#gold-gradient-with-coral {
  background: #DCBDA0;
  position: relative;
  padding: 25px 0;
}
#gold-gradient-with-coral h3 {
  font-family: 'poppins-semibold';
  color: #2C2851;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0px;
  position: relative;
  left: 84px;
}
#gold-gradient-with-coral h3::before {
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-left-line.svg');
  content: " ";
  bottom: 0px;
  width: 323px;
  height: 57px;
  z-index: 1;
  left: -268px;
  background-repeat: no-repeat;
  background-size: contain;
}
#gold-gradient-with-coral .content-container {
  position: relative;
}
#gold-gradient-with-coral .content-container::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  width: 108px;
  height: 126px;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  top: -75px;
}
#gold-gradient-with-coral .swipe-horizontal {
  position: absolute;
  text-align: right;
  width: 100%;
  top: -49px;
}
#gold-gradient-with-coral .swipe-horizontal img {
  margin-right: -40px;
}

@media (max-width: 575px) {
  #gold-gradient-with-coral {
    position: unset;
  }
  #gold-gradient-with-coral .content-container::before {
    display: none;
  }
  #gold-gradient-with-coral .text-wrapper {
    position: relative;
  }
  #gold-gradient-with-coral .text-wrapper::before {
    position: absolute;
    background-image: url('../vitiligo-update2-images/coral-left-line.svg');
    content: " ";
    top: 0px;
    width: 133px;
    height: 31px;
    z-index: 1;
    left: -100px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #gold-gradient-with-coral h3 {
    padding-left: 42px;
    position: unset;
    font-size: 16px;
    letter-spacing: 0.44px;
    line-height: 25px;
  }
  #gold-gradient-with-coral h3::before {
    display: none;
  }
}
@media (min-width:576px) and (max-width:991px) {
  #gold-gradient-with-coral .content-container::before {
    width: 68px;
    top: -57px;
  }
  #gold-gradient-with-coral h3 {
    max-width: 600px;
  }
  #gold-gradient-with-coral h3::before {
    top: 0px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  /* #gold-gradient-with-coral .content-container::before {
    width: 56px;
    top: -64px;
  } */
}
@media (min-width: 991px) {
  #gold-gradient-with-coral h3 {
    max-width: 700px;
  }
}
@media (min-width: 1200px) {
  #gold-gradient-with-coral .content-container::before {
    right: -160px;
  }
}


/* Inner Banner Section Styles Starts  */
#Inner-Banner-Section-u2 {
  position: relative;
}
#Inner-Banner-Section-u2 img {
  width: 100%;
}
#Inner-Banner-Section-u2 img.m-img {
  display: none
}
#Inner-Banner-Section-u2 .banner-title-wrapper {
  position: absolute;
  width: 44.44%;
  display: flex;
  top: 37%;
  transform: translate(0,-37%);
}
#Inner-Banner-Section-u2 .banner-title-wrapper .e-title {
  width: 40.625%;
  visibility: hidden;
}
#Inner-Banner-Section-u2 .banner-title-wrapper .b-title {
  width: 59.375%;
}
#Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
  font-family: 'gobold-bold';
  color: #2D2850;
  font-size: 40px;
  margin: 0;
  text-transform: uppercase;
  line-height: 52px;
  letter-spacing: 9.87px;
}

/* body.type-vitiligo.page-node-286 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
  color: #DBAB87;
} */
body.type-vitiligo.page-node-401 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
  color: #fff;
}
body.type-vitiligo.page-node-356 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
  margin-top: 15px;
}
body.page-node-256 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
  color: #C39569;
  letter-spacing: 6px;
}
body.page-node-261 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
  color: #C39569;
}
@media (max-width: 575px) {
  #Inner-Banner-Section-u2 .banner-title-wrapper {
    width: 100%;
    top: 46%;
    transform: translate(0,-46%);
  }
  #Inner-Banner-Section-u2 .banner-title-wrapper .e-title {
    display: none;
  }
  #Inner-Banner-Section-u2 .banner-title-wrapper .b-title {
    width: 100%;
    padding-left: 20px;
  }
  #Inner-Banner-Section-u2 img.m-img {
    display: block
  }
  #Inner-Banner-Section-u2 img.d-img {
    display: none;
  }

  #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 24px;
    line-height: 31px;
    margin-top: -13px;
    letter-spacing: 0px;
  }
  body.type-vitiligo.page-node-261 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 br,
  body.type-vitiligo.page-node-401 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 br,
  body.type-vitiligo.page-node-311 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 br,
  body.type-vitiligo.page-node-316 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 br {
    display: none;
  }
  body.type-vitiligo.page-node-261 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    max-width: 100px;
    margin-top: -12px;
  }
  body.type-vitiligo.page-node-401 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    max-width: 100px;
    margin-top: -32px;
  }
  body.type-vitiligo.page-node-311 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-316 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    max-width: 125px;
    margin-top: -10px;
  }

  body.type-vitiligo.page-node-271 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-286 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-296 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-311 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-316 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 22px;
    line-height: 29px;
  }

  body.type-vitiligo.page-node-356 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    margin-top: -9px;
  }
  body.page-node-406 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    margin-top: -23px;
  }

  #Inner-Banner-Section-u2 {
    margin-top: -1px;
  }
  .page-node-281 #Inner-Banner-Section-u2,
  .page-node-291 #Inner-Banner-Section-u2 {
    margin-top: -1.5px;
  }

  body.page-node-256 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title {
    padding-left: 15px;
  }
  body.page-node-256 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    letter-spacing: 0px;
  }
}
@media (max-width: 390px) {
  #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 22px;
    line-height: 29px;
  }
  body.type-vitiligo.page-node-271 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-281 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-296 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 20px;
    line-height: 26px;
  }
  body.type-vitiligo.page-node-311 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.type-vitiligo.page-node-316 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 19px;
    line-height: 25px;
    max-width: 98px;
    margin-top: 3px;
  }
}
@media (min-width:576px) and (max-width:991px) {
  #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 3.5px;
  }
  body.page-node-256 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 24px;
    letter-spacing: 1px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 7.87px;
    margin-top: 7px;
  }
}
@media (min-width:1200px) and (max-width:1380px) {
  body.page-node-311 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1,
  body.page-node-316 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 36px;
    line-height: 48px;
  }

  body.page-node-261 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    font-size: 38px;
    letter-spacing: 7.8px;
    line-height: 50px;
  }

  body.page-node-256 #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
    letter-spacing: 4px;
    font-size: 38px;
  }
}

@media (min-width: 1920px) {
  #Inner-Banner-Section-u2 .banner-title-wrapper .b-title h1 {
      margin-top: 10px;
      font-size: 42px;
      line-height: 58px;
  }
}
@media (min-width: 576px) {
  body.page-node-271 #Inner-Banner-Section-u2 {
    margin-top: -1px;
  }
}

/* Inner Banner Section Styles Ends  */

/* Testimonial Section Styles Starts */
/* Discussing Opz, Staying On track, Patient Support  program, Share Your Story */
#Testimonial-Section-New-U2 {
  position: relative;
}
#Testimonial-Section-New-U2 .testimonial-wrapper {
  background: #2C2851;
}
#Testimonial-Section-New-U2 .left-section {
  width: 63.88%;
}
#Testimonial-Section-New-U2 .right-section {
  width: 36.13%;
  padding-bottom: 50px;
  background-image: linear-gradient(264deg, #2B9CA9 0%, #2CA4B2 100%);
  position: relative;
}
#Testimonial-Section-New-U2 .right-section .img-wrapper::before {
  content: '';
  height: 50px;
  position: absolute;
  transform: rotate(-270deg);
  background-image: linear-gradient(180deg, #F99697 0%, #F15D5E 100%);
  width: 6.25px;
  left: -4px;
  bottom: 26px;
}
#Testimonial-Section-New-U2 .text-wrapper {
  max-width: 660px;
  margin-left: auto;
  margin-right: 22px;
}
#Testimonial-Section-New-U2 .right-section .img-wrapper img {
  width: 100%;
}
#Testimonial-Section-New-U2 .swipe-vertical-wrapper {
  position: absolute;
  width: 100%;
  top: 0px;
}
#Testimonial-Section-New-U2 .swipe-vertical-wrapper .swipe-vertical {
  position: relative;
}
#Testimonial-Section-New-U2 .swipe-vertical-wrapper .swipe-vertical::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  background-repeat: repeat;
  background-size: auto;
  width: 108px;
  height: 125.7px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0px;
  top: -50px;
}

#Testimonial-Section-New-U2 h2 {
  color: #fff;
  font-size: 36px;
  padding-left: 20px;
  margin-bottom: 25px;
}
body.page-node-266 #Testimonial-Section-New-U2 h2 {
  font-size: 24px;
}
#Testimonial-Section-New-U2 h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  text-transform: uppercase;
  line-height: 31px;
  margin-bottom: 0px;
  color: #F5CABB;
  padding-left: 20px;
  margin-top: 18px;
}
#Testimonial-Section-New-U2 h3 br {
  display: none;
}
#Testimonial-Section-New-U2 .patient-name {
  font-family: 'poppins-semibold';
  color: #fff;
  font-size: 14px;
  padding: 10px 0px 10px 20px;
}
#Testimonial-Section-New-U2 .patient-name span {
  color: #F15D5E;
}
#Testimonial-Section-New-U2 p {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  margin-bottom: 8px;
  padding-left: 20px;
}
#Testimonial-Section-New-U2 .quote-mobile {
  display: none;
}
@media (max-width:991px) {
  #Testimonial-Section-New-U2 .testimonial-wrapper {
    flex-direction: column;
  }
  #Testimonial-Section-New-U2 .left-section {
    width: 100%;
    padding: 50px 15px 32px 15px;
  }
  #Testimonial-Section-New-U2 .right-section {
    width: 100%;
  }
  #Testimonial-Section-New-U2 .text-wrapper {
    max-width: 100%;
    margin: 0px;
  }
  #Testimonial-Section-New-U2 .quote-mobile {
    display: block;
  }
  #Testimonial-Section-New-U2 .quote-desktop {
    display: none;
  }
  #Testimonial-Section-New-U2 h2 {
    font-size: 24px;
    line-height: 34px;
    padding-left: 0px;
  }
  #Testimonial-Section-New-U2 h3 {
    padding-left: 0px;
    margin: 23px 0 12px;
  }
  #Testimonial-Section-New-U2 .patient-name {
    padding-left: 0px;
  }
  #Testimonial-Section-New-U2 p {
    padding-left: 0px;
    margin-bottom: 30px;
  }
  #Testimonial-Section-New-U2 .swipe-vertical-wrapper .swipe-vertical::before {
    width: 62px;
    top: -38px;
  }
  #Testimonial-Section-New-U2 .right-section .img-wrapper::before {
    top: -26px;
    left: 40px;
  }
  .page-node-371 #Testimonial-Section-New-U2 .right-section .img-wrapper img.desktop-img-1 {
    display: none;
  }
  .page-node-371 #Testimonial-Section-New-U2 .right-section .img-wrapper img.mobile-img-1 {
    display: block !important;
  }
}
@media (min-width:576px) and (max-width:991px) {
  #Testimonial-Section-New-U2 {
    max-width: 550px;
    margin: 0 auto;
  }
}
@media (min-width:991px) and (max-width:1199px) {
  #Testimonial-Section-New-U2 h2 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  #Testimonial-Section-New-U2 h3 {
    font-size: 18px;
    line-height: 25px;
    margin-right: 40px;
  }
  #Testimonial-Section-New-U2 .text-wrapper {
    max-width: 550px;
  }
  #Testimonial-Section-New-U2 .swipe-vertical-wrapper .swipe-vertical::before {
    width: 56px;
    left: -21px;
    top: -34px;
  }
  #Testimonial-Section-New-U2 h3 br {
    display: block;
  }
  body.page-node-266 #Testimonial-Section-New-U2 h3 br {
    display: none;
  }
  body.page-node-266 #Testimonial-Section-New-U2 .swipe-vertical-wrapper .swipe-vertical::before {
    top: -37px;
  }
}
@media (min-width:1200px) {
  #Testimonial-Section-New-U2 .swipe-vertical-wrapper .swipe-vertical::before {
    left: -85px;
  }
  #Testimonial-Section-New-U2 h3 br {
    display: block;
  }
}
/* Testimonial Section Styles Ends */

/* Safety Page Styles Starts */
#safety-new-sec-3 {
  padding: 78px 0 97px;
}
#safety-new-sec-3 h2 {
  font-size: 24px;
  color: #2C2851;
  margin-bottom: 28px;
}
#safety-new-sec-3 .viti-points {
  padding-bottom: 30px;
}
#safety-new-sec-3 p {
  letter-spacing: 0.44px;
  line-height: 24px;
}


#Approved-for-patient-12-years {
  background: #1D8190;
}
#Approved-for-patient-12-years .approved-wrapper {
  position: relative;
}
#Approved-for-patient-12-years .approved-wrapper::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  width: 108px;
  height: 125.7px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0px;
  top: -50px;
}
#Approved-for-patient-12-years .content-container {
  display: flex;
  padding: 50px 0;
}
#Approved-for-patient-12-years .text-wrapper {
  align-self: center;
  width: 74.65%;
  padding-right: 60px;
}
#Approved-for-patient-12-years .img-wrapper {
  width: 26.35%;
}
#Approved-for-patient-12-years .patient-image {
  position: relative;
}
#Approved-for-patient-12-years .patient-image::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/patient-coral-left-line.svg');
  width: 90.75px;
  height: 54px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-size: contain;
}
#Approved-for-patient-12-years h3 {
  font-size: 24px;
  color: #F5CABB;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: 'gobold-bold';
}
#Approved-for-patient-12-years p {
  color: #fff;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 0px;
}

@media (max-width: 991px) {
  #safety-new-sec-3 {
    padding: 50px 0;
  }
  #safety-new-sec-3 h2 {
    margin-bottom: 16px;
  }
  #safety-new-sec-3 .viti-points {
    padding-bottom: 16px;
  }

  #Approved-for-patient-12-years .approved-wrapper::before {
    width: 52.51px;
    height: 61px;
    top: -32px;
  }
  #Approved-for-patient-12-years .content-container {
    flex-direction: column;
  }
  #Approved-for-patient-12-years .text-wrapper {
    width: 100%;
    padding-right: 0px;
  }
  #Approved-for-patient-12-years .img-wrapper {
    width: 100%;
    padding-top: 28px;
  }
  #Approved-for-patient-12-years .patient-image {
    width: 243px;
    left: 50%;
    transform: translateX(-50%);
  }
  #Approved-for-patient-12-years h3 {
    line-height: 31px;
  }
  #Approved-for-patient-12-years .patient-image::before {
    content: '';
    position: absolute;
    background: url('../vitiligo-update2-images/coral-left-line.svg');
    width: 400px;
    height: 54px;
    bottom: -6px;
    background-repeat: no-repeat;
    background-size: contain;
    left: -144px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
 /* #Approved-for-patient-12-years .approved-wrapper::before {
  width: 56px;
  top: -37px;
 }  */
}
@media (min-width: 1200px) {
  #safety-new-sec-3 .content-container {
    max-width: 980px;
  }

  #Approved-for-patient-12-years .content-container {
    max-width: 922px;
  }
  #Approved-for-patient-12-years p {
    max-width: 590px;
  }
  #Approved-for-patient-12-years .approved-wrapper::before {
    left: -85px;
  }
}
/* Safety Page Styles Ends */
/* Discussing Opz Page Styles Begins */
#Viti-6c-Inner-Sec-1.disc-opz {
  padding: 76px 0 48px 0;
}
#Viti-6c-Inner-Sec-1.disc-opz h2 {
  font-size: 36px;
  letter-spacing: -0.56px;
  line-height: 48px;
  max-width: 304px;
}
#Viti-6c-Inner-Sec-1.disc-opz .cta-wrap {
  margin: 28px 0 15px 0;
}
#Viti-6c-Inner-Sec-1.disc-opz p.fs-12 {
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 17px;
}
@media (max-width:991px) {
  #Viti-6c-Inner-Sec-1.disc-opz {
    padding: 24px 0 76px 0;
  }
  #Viti-6c-Inner-Sec-1.disc-opz h2 {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 34px;
    max-width: 100%;
  }
  #Viti-6c-Inner-Sec-1.disc-opz .cta-wrap {
    margin: 24px 0;
  }
}
@media (min-width: 576px) {
  #Viti-6c-Inner-Sec-1.disc-opz a.viti-blue-cta {
    width: 398px;
  }
}



#tips-next-apt {
  background: #F1F1F1;
  padding-top: 48px;
}
#tips-next-apt h2 {
  font-size: 36px;
  margin-bottom: 0px;
  color: #2C2851;
  margin-left: 54px;
}
#tips-next-apt .img-wrapper {
  width: 228px;
  flex-shrink: 0;
  position: relative;
}
#tips-next-apt .coral-grad {
  height: 75px;
  width: 75px;
  background-image: linear-gradient(222deg, #F99697 0%, #F15D5E 91%);
  border-radius: 50%;
  position: absolute;
  bottom: 0px;
}
#tips-next-apt .coral-grad::before {
  content: "";
  width: 50em;
  height: 1px;
  margin: 37.5px auto;
  background-color: #2b2b2b;
  position: relative;
  left: -47.75em;
  display: block;
}
#tips-next-apt a.text-link {
  font-family: 'poppins-bold';
}
#tips-next-apt .tips-wrapper {
  padding: 35px 0 44px 0;
}
#tips-next-apt li {
  line-height: 20px;
}
@media (max-width:991px) {
  #tips-next-apt {
      padding-top: 57px;
  }
  #tips-next-apt .img-text-wrapper {
      flex-direction: column;
  }
  #tips-next-apt h2 {
      margin-left: 0px;
      font-size: 26px;
      margin-top: 35px;
  }
  #tips-next-apt .tips-wrapper {
      flex-direction: column;
      padding: 25px 0;
  }
  #tips-next-apt .img-wrapper {
      margin: 0 auto;
  }
}
@media (min-width:991px) {
  #tips-next-apt h2 {
      max-width: 561px;
      font-family: 'gobold-bold';
  }
  #tips-next-apt .left-tips {
      max-width: 363px;
      margin-right: 95px;
  }
  #tips-next-apt .right-tips {
      max-width: 363px;
  }
  #tips-next-apt ul li:last-child {
      margin-bottom: 0px;
  }
}
@media (min-width:1200px) {
  #tips-next-apt .content-container {
      max-width: 920px;
  }
}



@media (min-width: 991px) {
  #Virtual-Appointment-Disc-Opz .content-container {
    max-width: 941px;
  }
}
#Virtual-Appointment-Disc-Opz {
  background-image: linear-gradient(258deg, #564F76 0%, #332F5D 100%);
}
#Virtual-Appointment-Disc-Opz .img-wrapper {
  position: relative;
  width: 199px;
  flex-shrink: 0;
}
#Virtual-Appointment-Disc-Opz .img-wrapper::before {
  content: '';
  position: absolute;
  height: 54px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  background-image: url('../vitiligo-update2-images/coral-left-white-line-xl.svg');
  width: 3038px;
  left: -2130px;
}
#Virtual-Appointment-Disc-Opz .virtual-appointment-wrap {
  padding: 50px 0;
}
#Virtual-Appointment-Disc-Opz .text-wrapper {
  padding-left: 50px;
}
#Virtual-Appointment-Disc-Opz h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #2CA4B2;
  margin-bottom: 0px;
  padding-bottom: 23px;
}
#Virtual-Appointment-Disc-Opz p {
  color: #fff;
  letter-spacing: 0.29px;
  line-height: 24px;
  padding-top: 20px;
}
#Virtual-Appointment-Disc-Opz .cta-wrapper {
  margin-top: 25px;
  position: relative;
  z-index: 1;
}

#webform-submission-connecting-dermatologist-vitilig-node-266-add-form #edit-c-container {
  margin-bottom: 0px !important;
}
#webform-submission-connecting-dermatologist-vitilig-node-266-add-form #edit-actions,
#find-a-derm .half-droplet-wrapper {
  display: none;
}
#find-a-derm {
  display: flex;
  flex-direction: row-reverse;
  padding-left: 30px;
}
#find-a-derm .derm-text-wrapper {
  width: 64%;
  padding-top: 82px;
}
#find-a-derm #edit-processed-text-01 {
  width: 36%;
  margin-bottom: 75px !important;
}
#find-a-derm .img-wrapper img {
  width: 100%;
  margin-top: -14px;
}
#find-a-derm h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  line-height: 31px;
  text-transform: uppercase;
  color: #2D2850;
  margin-bottom: 24px;
}
#find-a-derm p {
  line-height: 23px;
  color: #2B2B2B;
}
#find-a-derm label {
  font-family: 'poppins-regular' !important;
  font-size: 14px !important;
  color: #2B2B2B !important;
  margin-top: 30px !important;
}
body.type-vitiligo #find-a-derm input[type="text"] {
  width: 486px !important;
}
#find-a-derm #edit-text-bottom {
  margin: 25px 0 22px 0 !important;
}
#find-a-derm p.note-text {
  font-size: 12px;
  line-height: 17px;
}



@media (max-width: 991px) {
 
  
  #Virtual-Appointment-Disc-Opz {
    overflow-x: hidden;
    background-image: linear-gradient(220deg, #564F76 0%, #332F5D 100%);
  }
  #Virtual-Appointment-Disc-Opz .virtual-appointment-wrap {
    flex-direction: column;
  }
  #Virtual-Appointment-Disc-Opz .img-wrapper {
    width: 120px;
    margin: 0 auto;
  }
  #Virtual-Appointment-Disc-Opz .img-wrapper::before {
    left: -2166px;
    bottom: -7px;
  }
  #Virtual-Appointment-Disc-Opz .text-wrapper {
    padding-left: 0px;
    text-align: center;
    padding-top: 25px;
  }
  #Virtual-Appointment-Disc-Opz h3 {
    border-bottom: 2.5px solid #2CA4B2;
  }


  #find-a-derm {
    flex-direction: column;
    padding-left: 0px;
    padding-top: 40px;
  }
  #find-a-derm #edit-processed-text-01 {
    width: 100%;
    margin-bottom: 0px !important;
  }
  #find-a-derm .img-wrapper {
    text-align: center;
  }
  #find-a-derm .img-wrapper img {
    margin-top: 0px;
    width: 251px;
  }
  #find-a-derm .derm-text-wrapper {
    width: 100%;
    padding-left: 0px;
    padding-top: 30px;
  }
  #find-a-derm p br {
    display: none;
  }
  body.type-vitiligo #find-a-derm input[type="text"] {
    width: 100% !important;
  }
  #find-a-derm label {
    margin-top: 18px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #find-a-derm p br {
    display: none;
  }
}
@media (min-width: 1200px) {
  #webform-submission-connecting-dermatologist-vitilig-node-266-add-form .content-container {
    max-width: 1000px;
  }
}


#dics-opz-hear-from-people {
  padding: 50px 0;
}
@media (min-width: 1200px) {
  #dics-opz-hear-from-people .content-container {
    max-width: 934px;
  }
}
#dics-opz-hear-from-people img {
  width: 100%;
}
#dics-opz-hear-from-people .left-sec {
  width: 57.1%;
  padding-right: 38px;
}
#dics-opz-hear-from-people .right-sec {
  width: 42.9%;
  padding-top: 24px;
}
#dics-opz-hear-from-people h2 {
  text-align: center;
  font-family: 'gobold-bold';
  text-transform: uppercase;
  color: #2D2850;
  font-size: 36px;
  margin-bottom: 28px;
}
#dics-opz-hear-from-people h3 {
  font-size: 24px;
  line-height: 31px;
  color: #2D2850;
  text-transform: uppercase;
  font-family: 'gobold-bold';
  margin: 16px 50px 20px 0;
}
#dics-opz-hear-from-people p.patient-name {
  font-family: 'poppins-semibold';
  font-size: 14px;color: #2b2b2b;
  margin-bottom: 10px;
}
#dics-opz-hear-from-people p.patient-name span {
  color: #f15d5e;
}
#dics-opz-hear-from-people p.indi-text {
  font-family: 'poppins-medium';
  font-size: 12px;
  margin-bottom: 0px;
  color: #2b2b2b;
}
#dics-opz-hear-from-people p.indi-text br {
  display: none;
}
#dics-opz-hear-from-people .ray-b-a {
  justify-content: space-between !important;
}
#dics-opz-hear-from-people .before-img,
#dics-opz-hear-from-people .after-img {
  width: 48.377%;
}
#dics-opz-hear-from-people .ray-b-a p {
  background: #1D8190;
  color: #fff;
  font-family: 'gobold-regular';
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 20px;
  padding: 3px 0px;
  text-align: center;
  position: relative;
  z-index: 1;
  top: -3px;
}
#dics-opz-hear-from-people .right-side-text {
  font-family: 'poppins-semibold';
  color: #2C2851;
  font-size: 16px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-bottom: 12px;
  position: relative;
  padding-left: 32.5px;
}
#dics-opz-hear-from-people .right-side-text::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background: #F15D5E;
  left: 0px;
  top: 50%;
}
@media (max-width: 991px) {
  #dics-opz-hear-from-people .hear-wrapper-text {
    flex-direction: column;
  }
  #dics-opz-hear-from-people .left-sec {
    width: 100%;
    padding-right: 0px;
  }
  #dics-opz-hear-from-people .right-sec {
    width: 100%;
    text-align: center;
    padding-top: 13px;
  }
  #dics-opz-hear-from-people .desktop-quote {
    display: none;
  }
  #dics-opz-hear-from-people .mobile-quote {
    display: block !important;
  }
  #dics-opz-hear-from-people h2 {
    font-size: 24px;
    line-height: 31px;
    text-align: left;
    margin-bottom: 24px;
  }
  #dics-opz-hear-from-people h3 {
    margin: 25px 0px 12px 0;
  }
  #dics-opz-hear-from-people p.indi-text {
    margin-bottom: 20px;
  }
  #dics-opz-hear-from-people p.indi-text br {
    display: block;
  }
  #dics-opz-hear-from-people .right-sec img {
    width: 340px;
  }
  #dics-opz-hear-from-people .right-side-text {
    text-align: left;
  }
}
@media (min-width: 991px) {
  #dics-opz-hear-from-people p.indi-text.opz {
    margin-left: 5px;
  }
}
/* Discussing Opz Page Styles Ends */

/* How to use page styles Begins */
#how-to-use-u2page-sec-1 {
  padding: 73px 0 40px;
}
#how-to-use-u2page-sec-1 h2 {
  font-size: 36px;
  letter-spacing: -0.56px;
  line-height: 48px;
  color: #2C2851;
  max-width: 352px;
}
#how-to-use-u2page-sec-1 p,
#how-to-use-u2page-sec-2 p,
#how-to-use-u2page-sec-3 p {
  letter-spacing: 0.29px;
  line-height: 24px;
}
#how-to-use-u2page-sec-1 .left-section {
  width: 51.7%;
}
#how-to-use-u2page-sec-1 .right-section {
  width: 48.3%;
}

#how-to-use-u2page-sec-2 {
  background: #F5CABB;
  position: relative;
}
#how-to-use-u2page-sec-2 .navy-rectangle {
  background-image: linear-gradient(268deg, #433D61 0%, #2C2851 100%);
  height: 32px;
  position: relative;
  z-index: 1;
  top: -16px;
}
#how-to-use-u2page-sec-2 .how-to-use-wrapper {
  padding: 43px 18px 48px 18px;
}
#how-to-use-u2page-sec-2 .how-to-use-u2page-sec-3 {
  padding-bottom: 70px;
  padding-right: 10px;
}
#how-to-use-u2page-sec-2 h2 {
  font-size: 24px;
  letter-spacing: -0.2px;
  color: #2C2851;
  margin-bottom: 25px;
}
#how-to-use-u2page-sec-2 h3 {
  font-family: 'poppins-semibold';
  color: #2C2851;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1.5px;
}
#how-to-use-u2page-sec-2 ul.viti-points {
  margin-left: 22px;
}
#how-to-use-u2page-sec-2 ul.viti-points li::before {
  background: url('../vitiligo-update2-images/navy-droplet-bullet.svg');
}
#how-to-use-u2page-sec-2 .profile-2x-wrap .icon-wrapper {
  width: 9.2%;
}
#how-to-use-u2page-sec-2 .profile-2x-wrap .icon-wrapper img {
  margin-top: -13px;
}
#how-to-use-u2page-sec-2 .profile-2x-wrap .text-wrapper {
  width: 91.8%;
  padding-left: 25px;
}
#how-to-use-u2page-sec-2 .profile-2x-wrap.wrap-1 {
  padding: 53px 0 44px 0;
}
#how-to-use-u2page-sec-2 .profile-2x-wrap.wrap-2 h3 {
  margin-bottom: 10px;
}


#how-to-use-u2page-sec-3 .content-container {
  padding: 85px 0;
  position: relative;
}
#how-to-use-u2page-sec-3 .content-container::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  width: 108px;
  height: 126px;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  top: -63px;
}
#how-to-use-u2page-sec-3 h2 {
  font-size: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 25px;
  color: #2C2851;
}

#imgaine-this-new-section {
  background: #2CA4B2;
}
#imgaine-this-new-section .img-wrapper {
  width: 218px;
}
#imgaine-this-new-section img {
  margin-left: -67px;
  margin-top: -18px;
}
#imgaine-this-new-section .text-wrapper {
  padding: 40px 0 36px;
  margin-left: -65px;
}
#imgaine-this-new-section h3 {
  font-size: 24px;
  letter-spacing: -0.2px;
  color: #161A3D;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: 'gobold-bold';
}
#imgaine-this-new-section h4 {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 20px;
  font-family: 'poppins-semibold';
}
#imgaine-this-new-section p {
  font-size: 14px;
  color: #fff;
}
@media (max-width: 575px) {
  #how-to-use-u2page-sec-2 p.limit-width {
    max-width: 303px;
    margin-left: auto;
    margin-right: auto;
  }
}
#how-to-use-u2page-sec-1 .content-container {
  position: relative;
}
#how-to-use-u2page-sec-1 .content-container::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  width: 76.61px;
  height: 89px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -100px;
  bottom: -85px;
}
@media (max-width:991px) {
  #how-to-use-u2page-sec-1 .content-container::before {
    left: 0px;
    width: 62px;
    bottom: -100px;
  }
  #how-to-use-u2page-sec-1 {
    padding: 24px 0 51px;
  }
  #how-to-use-u2page-sec-1 .content-container {
    flex-direction: column;
  }
  #how-to-use-u2page-sec-1 h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px !important;
  }
  #how-to-use-u2page-sec-1 p {
    letter-spacing: 0.44px;
  }
  #how-to-use-u2page-sec-1 .left-section,
  #how-to-use-u2page-sec-1 .right-section {
    width: 100%;
  }

  #how-to-use-u2page-sec-2 .how-to-use-wrapper {
    padding: 34px 0 40px 0;
  }
  #how-to-use-u2page-sec-2 h2 {
    text-align: center;
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 34px;
    margin-bottom: 15px;
  }
  #how-to-use-u2page-sec-2 p {
    letter-spacing: 0px;
    text-align: center;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap .text-wrapper {
    padding-left: 0px;
    width: 100%;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap .text-wrapper p {
    text-align: left;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap {
    flex-direction: column;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap .icon-wrapper {
    text-align: center;
    width: 100%;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap.wrap-1 {
    padding: 0px;
  }
  #how-to-use-u2page-sec-2 h3,
  #how-to-use-u2page-sec-2 .profile-2x-wrap.wrap-2 h3 {
    margin-bottom: 20px;
    text-align: center;
  }
  #how-to-use-u2page-sec-2 h3 {
    font-size: 17px;
  }
  #how-to-use-u2page-sec-2 ul.viti-points {
    margin-left: 0px;
    margin-bottom: 10px;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap .icon-wrapper {
    margin: 26px 0 20px 0;
  }
  #how-to-use-u2page-sec-2 .profile-2x-wrap.wrap-2 p {
    text-align: center;
  }

  #how-to-use-u2page-sec-3 .content-container {
    padding: 50px 0;
  }
  #how-to-use-u2page-sec-3 .content-container::before {
    display: none;
  }
  #how-to-use-u2page-sec-3 h2 {
    font-size: 26px;
    letter-spacing: 0;
    margin-bottom: 15px;
  }
  #how-to-use-u2page-sec-3 p {
    letter-spacing: 0px;
  }

  #how-to-use-u2page-sec-2 .how-to-use-u2page-sec-3 {
    padding-right: 0px;
    padding-bottom: 40px;
  }
  #how-to-use-u2page-sec-2 .how-to-use-u2page-sec-3 h2,
  #how-to-use-u2page-sec-2 .how-to-use-u2page-sec-3 p {
    text-align: left;
  }

  #imgaine-this-new-section .content-container {
    flex-direction: column;
  }
  #imgaine-this-new-section img {
    margin-left: 0px;
    margin-top: -20px;
  }
  #imgaine-this-new-section .img-wrapper {
    text-align: center;
    width: 218px;
    margin: 0 auto;
  }
  #imgaine-this-new-section .text-wrapper {
    margin-left: 0px;
    text-align: center;
    padding: 20px 0 50px;
  }
  #imgaine-this-new-section h3 {
    margin-bottom: 20px;
  }
  #imgaine-this-new-section h4 br {
    display: none;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  /* #how-to-use-u2page-sec-3 .content-container::before {
    width: 56px;
    top: -37px;
  } */
  #how-to-use-u2page-sec-1 .content-container::before {
    left: -30px;
  }
}
@media (min-width:1200px) {
  #how-to-use-u2page-sec-1 .content-container {
    max-width: 920px;
  }
  #how-to-use-u2page-sec-2 .content-container,
  #how-to-use-u2page-sec-3 .content-container {
    max-width: 960px;
  }
  #how-to-use-u2page-sec-3 .content-container::before {
    right: -160px;
  }
}
/* How to use page styles Ends */




/* How to Use and Staying on Track Repigmentation Block Styles Ends */

/* Staying On Track Page styles Starts */
#staying-on-track-u2page-sec1 {
  padding: 75px 0 0 0;
}
#staying-on-track-u2page-sec1 .content-container {
  padding-bottom: 49px;
  position: relative;
  z-index: 1;
}
#staying-on-track-u2page-sec1 .content-container::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  width: 76.61px;
  height: 89px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -80px;
  bottom: -53px;
}
#staying-on-track-u2page-sec1 h2 {
  color: #2C2851;
  font-size: 36px;
  letter-spacing: -0.3px;
  margin-bottom: 25px;
}
#staying-on-track-u2page-sec1 p {
  letter-spacing: 0.44px;
  line-height: 24px;
}
@media (min-width:991px) {
  #staying-on-track-u2page-sec1 .content-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width:991px) {
  #staying-on-track-u2page-sec1 .content-container {
    padding-bottom: 44px;
  }
  #staying-on-track-u2page-sec1 .content-container::before {
    left: 0px;
    width: 62px;
    height: 72px;
    bottom: -41px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #staying-on-track-u2page-sec1 .content-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #staying-on-track-u2page-sec1 .content-container::before {
    left: 0px;
    width: 60px;
    bottom: -60px
  }
}

@media (min-width:1200px) {
  #stay-on-sec-GP .content-container {
      max-width: 960px;
      margin-left: 95px;
  }
}
#stay-on-sec-GP {
  overflow: hidden;
}
#stay-on-sec-GP .img-wrapper {
  width: 23.75%;
  flex-shrink: 0;
}
#stay-on-sec-GP .coral-img {
  position: relative;
}
#stay-on-sec-GP .coral-img::after {
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-right-line.svg');
  content: " ";
  bottom: 0px;
  width: 334px;
  height: 75px;
  z-index: 1;
  margin-left: -75px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1360px) {
  #stay-on-sec-GP .coral-img::after {
    background-image: url('../vitiligo-update2-images/coral-right-line-xl.svg');
    width: 3038px;
  }
}

#everyday-tools-section {
  background: #1D8190;
  text-align: center;
}
#everyday-tools-section .content-container {
  padding: 75px 0 80px;
  position: relative;
}
#everyday-tools-section .content-container::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/droplet.webp');
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -50px;
  top: -55px;
}
#everyday-tools-section h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  color: #F5CABB;
  margin-bottom: 18px;
}
#everyday-tools-section p {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 28px;
}
#everyday-tools-section .wrapper-tools {
  padding: 57px 0 0 0;
}
#everyday-tools-section .wrapper-tools p {
  font-size: 16px;
  letter-spacing: 0.29px;
  line-height: 24px;
}
#everyday-tools-section .wrapper-tools h3 {
  color: #fff;
  font-size: 18px;
  font-family: 'poppins-semibold';
  letter-spacing: 1.5px;
  line-height: 25px;
  margin: 10px 0;
  text-transform: uppercase;
}
#everyday-tools-section .wrapper-tools .pdf-app-wrap {
  width: 31.9%;
}
#everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(2) {
  width: 36.2%;
  border-left: 2px solid #2CA4B2;
  border-right: 2px solid #2CA4B2;
}
#everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(1) p {
  padding: 0 43px 20px 43px;
}
#everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(2) p {
  padding: 0 32px 28px 32px;
}
#everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(3) p {
  padding: 0 25px 20px 25px;
}
#everyday-tools-section .wrapper-tools .icon-wrapper img {
  margin-top: -12px;
}

#everyday-tools-section .wrapper-tools .app-store {
  width: 173.52px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 12px;
}
#everyday-tools-section .wrapper-tools .play-store {
  width: 196px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);

}
#everyday-tools-section .wrapper-tools .app-store a {
  background: url("../vitiligo-update2-images/appstore.svg") no-repeat;
  width: 173.52px;
  height: 58.32px;
  display: block;
  color: transparent;
  background-size: contain;
}
#everyday-tools-section .wrapper-tools .play-store a {
  background: url("../vitiligo-update2-images/google-play.svg") no-repeat;
  width: 196px;
  height: 58.32px;
  display: block;
  color: transparent;
  background-size: contain;
}


@media (max-width:991px) {
  #staying-on-track-u2page-sec1 {
    padding: 24px 0 0px 0;
  }
  #staying-on-track-u2page-sec1 h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0px;
    margin-bottom: 16px;
  }
  #staying-on-track-u2page-sec1 p {
    margin-bottom: 20px;
  }

  #everyday-tools-section .content-container::before {
    top: -58px;
    left: -20px;
  }
  #everyday-tools-section .content-container {
    padding: 90px 0 50px;
  }
  #everyday-tools-section .wrapper-tools {
    flex-direction: column;
    padding-top: 40px;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap {
    width: 100%;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(1) {
    padding-bottom: 24px;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(2) {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    border-left: none;
    border-right: none;
    border-top: 2px solid #2CA4B2;
    border-bottom: 2px solid #2CA4B2;
    padding-top: 28px;
    padding-bottom: 24px;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(3) {
    padding-top: 24px;
  }
  #everyday-tools-section .wrapper-tools .icon-wrapper img {
    margin-top: 0px;
  }
  #everyday-tools-section .wrapper-tools h3 {
    margin: 13px 0 10px 0;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(1) p,
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(3) p {
    padding: 0 0 20px 0;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(2) p {
    padding: 0 0 28px 0;
  }
}

@media (min-width:1200px) {
  #staying-on-track-u2page-sec1 .content-container {
    max-width: 960px;
  }
  #everyday-tools-section .content-container {
    max-width: 981px;
  }
  #everyday-tools-section .content-container::before {
   
  }
 
}
/* Staying On Track Page styles Ends */

/* Living With Vitiligo Page Styles Starts */
#living-with-vitiligo-u2sec1 .content-container {
  padding: 77px 0 88px;
}
#living-with-vitiligo-u2sec1 h2 {
  color: #2C2851;
  font-size: 36px;
  letter-spacing: -0.3px;
  margin-bottom: 25px;
}
#living-with-vitiligo-u2sec1 p {
  letter-spacing: 0.44px;
  line-height: 24px;
  padding-right: 25px;
}
@media (max-width:991px) {
  #living-with-vitiligo-u2sec1 .content-container {
    padding: 24px 0 92px 0;
  }
  #living-with-vitiligo-u2sec1 h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media (min-width:1200px) {
  #living-with-vitiligo-u2sec1 .content-container {
    max-width: 960px;
  }
}

@media (min-width:1200px) {
  #stay-on-sec-GP .content-container {
      max-width: 975px;
      margin-left: 95px;
  }
}
#stay-on-sec-GP {
  background-image: linear-gradient(247deg, #FBE7DF 0%, #F5CABB 73%);
  overflow: hidden;
  padding: 50px 0;
}
#stay-on-sec-GP .img-wrapper {
  width: 228px;
  flex-shrink: 0;
  margin-top: 28px;
}
#stay-on-sec-GP .coral-img {
  position: relative;
}
#stay-on-sec-GP .coral-img::after {
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-right-line.svg');
  content: " ";
  bottom: 0px;
  width: 334px;
  height: 75px;
  z-index: 1;
  margin-left: -75px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1360px) {
  #stay-on-sec-GP .coral-img::after {
    background-image: url('../vitiligo-update2-images/coral-right-line-xl.svg');
    width: 3038px;
  }
}
#stay-on-sec-GP h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  letter-spacing: 0.5px;
  color: #2C2851;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#stay-on-sec-GP strong {
  font-family: 'poppins-semibold';
}
#stay-on-sec-GP p {
  letter-spacing: 0.19px;
  line-height: 24px;
}
#stay-on-sec-GP .gp-sec {
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  #stay-on-sec-GP {
      background-image: linear-gradient(199deg, #FBE7DF 0%, #F5CABB 73%);
      padding: 48px 0 40px 0;
  }
  #stay-on-sec-GP .content-container {
      flex-direction: column-reverse;
  }
  #stay-on-sec-GP .img-wrapper {
      margin: 0 auto;
  }
  #stay-on-sec-GP .gp-sec {
      margin: 50px 0 25px;
  }
}
@media (max-width: 1199px) {
  #stay-on-sec-GP p br {
      display: none;
  }
}

@media (min-width:1200px) {
  #stay-on-repigmentation .content-container {
      max-width: 955px;
      margin-left: 95px;
  }
}
#stay-on-repigmentation {
  padding: 50px 0;
}
#stay-on-repigmentation h2 {
  font-size: 36px;
  color: #2C2851;
  line-height: 48px;
}
#stay-on-repigmentation .hair-follicles {
  background: #2CA4B2;
  padding: 10px 0;
}
#stay-on-repigmentation h3 {
  font-family: 'gobold-bold';
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 31px;
  text-align: center;
  margin: 0px;
}
#stay-on-repigmentation p.time-para {
  margin: 10px 0 13px;
  letter-spacing: 0.44px;
  line-height: 24px;
}
@media (max-width: 575px) {
  #stay-on-repigmentation .time-to-repigment.desktop {
      display: none;
  }
  #stay-on-repigmentation .time-to-repigment.mobile {
      display: block !important;
  }
  #stay-on-repigmentation .time-to-repigment.mobile img {
      margin-left: -12px;
  }
  #stay-on-repigmentation .container {
      padding: 0px !important;
  }
  #stay-on-repigmentation {
      padding: 38px 0 75px;
  }
  #stay-on-repigmentation h2 {
      font-size: 24px;
      line-height: 31px;
      padding: 0 15px;
      margin-bottom: 18px;
  }
  #stay-on-repigmentation h3 {
      font-size: 20px;
      letter-spacing: 0.42px;
      line-height: 27px;
      max-width: 344px;
      margin: 0 auto;
  }
  #stay-on-repigmentation p.time-para {
      margin: 18px 15px 26px;
  }
}
/* Living With Vitiligo Page Styles Ends */

/* Talk to doctor */
/* #talk-to-doctor-sec1 {
  padding: 60px 0;
}
#talk-to-doctor-sec1 h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  color: #2C2851;
  margin-bottom: 20px;
}
#talk-to-doctor-sec1 p {
  letter-spacing: 0.44px;
  line-height: 24px;
}
#talk-to-doctor-sec1 .doctor-points {
  padding: 24px 0 12px 0 ;
}
#talk-to-doctor-sec1 .doctor-points li {
  font-family: 'poppins-bold';
  letter-spacing: 0.44px;
  line-height: 24px;
  display: flex;
  margin-bottom: 16px;
  color: #4C4C4C;
  font-size: 16px;
  padding: 0px
}
#talk-to-doctor-sec1 .doctor-points li span.number{
  color: #1D8190;
  margin-right: 8px;
} */

body.type-vitiligo.page-node-401 #terms-and-conditions {
  margin: 50px 0;
}

/* @media (max-width:991px){
  #talk-to-doctor-sec1 {
    padding: 24px 0 50px;
  }
  #talk-to-doctor-sec1 h2 {
    font-size: 26px;
    line-height: 34px;
  }
  #talk-to-doctor-sec1 .doctor-points {
    padding-top: 20px;
  }
}
@media (min-width:1200px) {
  #talk-to-doctor-sec1 .content-container {
    max-width: 920px;
  }
} */


@media (min-width: 1200px) {
  #talk-to-doctor-sec1 .content-container {
    margin-left: 95px;
    max-width: unset;
    margin-right: unset;
  }
}
@media (min-width: 576px) {
  #talk-to-doctor-sec1 a.viti-blue-cta {
    min-width: 190px
  }
}

#talk-to-doctor-sec1 {
  overflow: hidden;
  padding-top: 46px;
  background-image: linear-gradient(180deg, rgba(216, 212, 215, 0.20) 27%, rgba(216,212,215,0.20) 100%);
  padding-bottom: 60px;
}
#talk-to-doctor-sec1 .apt-now-sec-1 {
  display: flex;
}
#talk-to-doctor-sec1 .apt-now-sec-1 .text-section {
  width: 60.2%;
}
#talk-to-doctor-sec1 .apt-now-sec-1 .img-section {
  width: 39.8%;
  text-align: center;
}
#talk-to-doctor-sec1 .apt-now-sec-1 .apt-now-img {
  position: relative;
}
#talk-to-doctor-sec1 .apt-now-sec-1 .apt-now-img::after {
  position: absolute;
  background-image: url("../vitiligo-update2-images/coral-right-line.svg");
  content: " ";
  bottom: 0px;
  width: 319px;
  height: 75px;
  z-index: 1;
  margin-left: -75px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1360px) {
  #talk-to-doctor-sec1 .apt-now-sec-1 .apt-now-img::after {
    background-image: url("../vitiligo-update2-images/coral-right-line-xl.svg");
    width: 3038px;
  }
}
#talk-to-doctor-sec1 h1 {
  font-family: 'gobold-bold';
  color: #2C2851;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
#talk-to-doctor-sec1 .apt-now-sec-1 p {
  font-family: 'poppins-bold';
  font-size: 15px;
  letter-spacing: -0.2px;
  line-height: 24px;
  color: #2C2851;
  margin-bottom: 28px;
}



#talk-to-doctor-sec1 .apt-now-sec-2 {
  display: flex;
  margin-top: 30px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section {
  width: 58.2%;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-sec {
  width: 41.8%;
  padding-left: 77px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper {
  background: rgba(44, 164, 178, 0.6);
  border-radius: 25px;
  position: relative;
  padding: 32px 25px 26px 31px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper::before {
  content: '';
  position: absolute;
  background-image: url('../vitiligo-update2-images/path-arrow.webp');
  width: 100%;
  height: 246px;
  left: -167px;
  top: -26px;
  background-repeat: no-repeat;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper::after {
  content: '';
  position: absolute;
  background-image: url("../vitiligo-update2-images/horizontal-swipe.webp");
  width: 137px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 52%;
  transform: translateX(-50%);
  top: -18.5px;
  z-index: 2;
}

#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol {
  list-style-type: none;
  padding: 0 0 0 65px;
  margin: 0px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li {
  display: flex;
  font-family: 'poppins-medium';
  font-size: 16px;
  line-height: 24px;
  color: #2C2851;
  margin-bottom: 32px;
  position: relative;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(1) {
  letter-spacing: 0.44px;
  padding-top: 2px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(2) {
  letter-spacing: 0.1px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(3) {
  letter-spacing: 0.34px;
  margin-bottom: 0px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li::before {
  content: '';
  position: absolute;
  background-image: url('../vitiligo-update2-images/questionnaire-icon.svg');
  width: 48px;
  height: 48px;
  left: -65px;
  background-size: contain;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(1)::before {
  top: -8px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(2)::before {
  top: 4px;
  background-image: url('../vitiligo-update2-images/meet-icon.svg');
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(3)::before {
  background-image: url('../vitiligo-update2-images/prescription-icon.svg');
}
#talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li span {
  font-family: 'poppins-bold';
  color: #1D8190;
  margin-right: 5px;
}

#talk-to-doctor-sec1 .apt-bold-text {
  font-family: 'poppins-bold';
  font-size: 16px;
  letter-spacing: 0.44px;
  color: #2C2851;
  text-transform: uppercase;
  margin-bottom: 0px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper ul {
  list-style-type: none;
  padding: 0 0 0 21px;
  margin: 10px 0 0 0;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper ul li {
  font-family: 'poppins-medium';
  font-size: 16px;
  letter-spacing: 0.44px;
  line-height: 24px;
  margin-bottom: 10px;
  position: relative;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper ul li::before {
  content: '';
  background-image: url('../vitiligo-update2-images/white-pt-droplet.svg');
  position: absolute;
  width: 20px;
  height: 20px;
  left: -22px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper ul li:last-child {
  margin-bottom: 0px;
}
#talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper ul li span {
  font-family: 'poppins-light';
  letter-spacing: 0.04px;
}
#talk-to-doctor-sec1 p.telemed-text {
  font-size: 12px;
  letter-spacing: 0.15px;
  line-height: 17px;
  margin-top: 23px;
}
@media (min-width: 991px) {
  body.type-vitiligo.page-node-401 #terms-and-conditions h2.book-virtual-header {
    display: block !important;
    font-size: 24px;
    letter-spacing: 0.3px;
    color: #2C2851;
    line-height: 31px;
    margin-bottom: 30px;
  }
}



@media (max-width: 991px) {
  #talk-to-doctor-sec1 {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  #talk-to-doctor-sec1 h1 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0px;
    max-width: 220px;
    position: relative;
  }
  #talk-to-doctor-sec1 h1::after {
    position: absolute;
    background-image: url("../vitiligo-update2-images/coral-right-line.svg");
    content: " ";
    width: 319px;
    height: 75px;
    z-index: 1;
    top: -4px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 45px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-1 p {
    font-family: 'poppins-semibold';
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 24px;
    margin-bottom: 18px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-1 {
    padding-bottom: 17px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-1 .text-section {
    width: 100%;
  }
  #talk-to-doctor-sec1 .apt-now-sec-1 .img-section {
    display: none;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 {
    flex-direction: column;
    margin-top: 10px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section {
    width: 100%;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol {
    padding-left: 10px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li::before {
    display: none;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li {
    font-family: 'poppins-regular';
    margin-bottom: 12px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(1) {
    padding-top: 0px;
    letter-spacing: 0.44px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(2) {
    letter-spacing: 0.5px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li:nth-child(3) {
    letter-spacing: 0.34px;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-sec {
    width: 100%;
    padding-left: 0px;
  }
  /* #talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper::after {
    display: none;
  } */
  #talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper::before  {
    background-image: url('../vitiligo-update2-images/path-arrow-mobile.webp');
    width: 100%;
    height: 39px;
    left: 50%;
    transform: translateX(-50%);
    top: -88px;
    background-size: contain;
    background-position: center;
  }
  #talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper {
    margin-top: 88px;
    padding-bottom: 20px;
  }
  #talk-to-doctor-sec1 p.telemed-text {
    font-size: 16px;
    letter-spacing: 0.44px;
    line-height: 24px;
    margin-top: 30px;
  }

  body.type-vitiligo.page-node-401 #terms-and-conditions {
    margin: 47px 0;
  }
}
@media (max-width: 575px) {
  #talk-to-doctor-sec1 a.viti-blue-cta {
    max-width: 190px;
  }
}
@media (min-width:576px) and (max-width:991px) {
  #talk-to-doctor-sec1 .content-container {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width:991px) and (max-width:1199px) {
  #talk-to-doctor-sec1 .apt-now-sec-2 .be-ready-wrapper ul li,
  #talk-to-doctor-sec1 .apt-now-sec-2 .points-section ol li {
    font-size: 14px;
  }
}


/* Opz Patient Support program Page Styles Starts */
body.page-node-371 #Inner-Banner-Section-u2 {
  display: none;
}
#opz-pat-sup-pgm-u2-sec1 {
  padding: 54px 0 46px 0;
}
#opz-pat-sup-pgm-u2-sec1 h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  color: #2C2851;
  margin-bottom: 15px;
}
#opz-pat-sup-pgm-u2-sec1 p {
  letter-spacing: 0.44px;
  line-height: 24px;
  max-width: 920px;
}
#opz-pat-sup-pgm-u2-sec1 .content-wrapper {
  padding-left: 95px;
  position: relative;
}
#opz-pat-sup-pgm-u2-sec1 .content-wrapper::before {
  content: '';
  background-image: url('../vitiligo-update2-images/patient-support-3-drops.svg');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 37px;
  height: 100%;
}


#financial-Support {
  padding-top: 45px;
}
#financial-Support h2 {
  color: #2C2851;
  font-size: 36px;
  letter-spacing: -0.3px;
  margin-bottom: 40px;
}
#financial-Support .text-wrapper {
  width: 51.78%;
  align-self: center;
  padding-right: 43px;
}
#financial-Support .img-wrapper {
  width: 48.22%;
}
#financial-Support h3,
#Uninsured-Section h3 {
  font-family: 'gobold-bold';
  text-transform: uppercase;
  color: #2C2851;
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 31px;
}
#financial-Support h4 {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.29px;
  line-height: 24px;
  color: #2B2B2B;
  margin-bottom: 10px;
}
#financial-Support p,
#Uninsured-Section p {
  letter-spacing: 0.29px;
  line-height: 24px;
}
#financial-Support .cta-wrap{
  margin: 20px 0 22px 0;
}
#financial-Support p.eligible-text {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0px;
}

#Uninsured-Section {
  padding: 48px 0 50px;
}
#Uninsured-Section .img-sec {
  width: 44.1%;
}
#Uninsured-Section .text-sec {
  width: 55.9%;
  padding-left: 51px;
}
#Uninsured-Section .terms-text {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0px;
  max-width: 454px;
}
#Uninsured-Section p span {
  font-size: 12px;
  letter-spacing: 0.21px;
}
#Uninsured-Section .cta-wrap {
  margin: 25px 0;
}

#Uninsured-Section.patient-support {
  position: relative;
}
#Uninsured-Section.patient-support .water-droplet-wrapper {
  width: 100%;
  bottom: 0px;
  position: absolute;
}
#Uninsured-Section.patient-support .water-droplet-wrapper .water-droplet {
  position: relative;
}
#Uninsured-Section.patient-support .water-droplet-wrapper .water-droplet::before {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/droplet.webp');
  background-repeat: repeat;
  background-size: auto;
  width: 80px;
  height: 92px;
  background-repeat: no-repeat;
  background-size: cover;
  left: -30px;
  bottom: -50px;
  z-index: 1;
}
#Uninsured-Section .teal-bg-26 {
  display: none;
}
#Uninsured-Section.patient-support .teal-bg-26 {
  display: block;
  background-image: linear-gradient(266deg, #2B9CA9 0%, #2CA4B2 100%);
  height: 26px;
}


#learning-sessions {
  background: #F1F1F1;
  overflow: hidden;
}
#learning-sessions .learning-wrapper {
  padding: 45px 0 50px;
}
#learning-sessions .text-wrapper {
  width: 55.06%;
}
#learning-sessions .img-wrapper {
  width: 44.94%;
}
#learning-sessions .img-wrapper .find-ans-img {
  position: relative;
}
#learning-sessions .img-wrapper .find-ans-img::after {
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-right-line.svg');
  content: " ";
  bottom: 83px;
  width: 334px;
  height: 75px;
  z-index: 1;
  margin-left: -49px;
  background-repeat: no-repeat;
  background-size: contain;
}
#learning-sessions h2 {
  font-size: 36px;
  letter-spacing: 0.4px;
  color: #2C2851;
  margin-bottom: 23px;
  line-height: 45px;
  max-width: 450px;
}
#learning-sessions h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  letter-spacing: 0.4px;
  line-height: 27px;
  color: #2D2850;
  margin-bottom: 26px;
}
#learning-sessions p {
  line-height: 24px;
  max-width: 485px;
  letter-spacing: -0.1px;
}
#learning-sessions .cta-wrap {
  margin-top: 20px;
}


@media (max-width: 991px) {
  #opz-pat-sup-pgm-u2-sec1 {
    padding: 24px 0 50px;
  }
  #opz-pat-sup-pgm-u2-sec1 .content-wrapper {
    padding-left: 54px;
  }
  #opz-pat-sup-pgm-u2-sec1 h2 {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 34px;
    margin-bottom: 16px;
  }
  #opz-pat-sup-pgm-u2-sec1 p {
    max-width: 100%;
  }

  #financial-Support {
    padding-top: 47px;
  }
  #financial-Support .copay-wrapper {
    flex-direction: column-reverse;
  }
  #financial-Support .text-wrapper {
    width: 100%;
    padding-right: 0px;
  }
  #financial-Support .img-wrapper {
    width: 321px;
    margin: 28px auto;
  }
  #financial-Support h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -0.22px;
    margin-bottom: 0px;
  }
  #financial-Support h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 18px;
  }

  #Uninsured-Section {
    padding: 36px 0 53px;
  }
  #Uninsured-Section .uninsured-wrapper {
    flex-direction: column;
  }
  #Uninsured-Section .img-sec {
    width: 100%;
  }
  #Uninsured-Section .text-sec {
    width: 100%;
    padding-left: 0px;
    padding-top: 33.5px;
  }
  #Uninsured-Section h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 22px;
  }
  #Uninsured-Section.patient-support .water-droplet-wrapper .water-droplet::before {
    display: none;
  }
  #Uninsured-Section.patient-support .teal-bg-26 {
    background-image: linear-gradient(270deg, #9FC6D5 0%, #2CA4B2 100%);
  }

  #learning-sessions h2 {
    font-size: 36px;
    line-height: 45px;
  }
  #learning-sessions .learning-wrapper {
    flex-direction: column-reverse;
    padding: 50px 0;
  }
  #learning-sessions .text-wrapper {
    width: 100%;
  }
  #learning-sessions .img-wrapper {
    width: 100%;
    margin-bottom: 50px;
  }
  #learning-sessions p {
    max-width: 100%;
  }
  #learning-sessions .img-wrapper .find-ans-img {
    max-width: 385px;
    left: 50%;
    transform: translateX(-50%);
  }
  #learning-sessions .cta-wrap {
    margin-top: 28px;
  }
  #learning-sessions .img-wrapper .find-ans-img::after {
    bottom: 0px;
    margin-left: -132px;
  }
}
@media (max-width: 575px) {
  #Uninsured-Section .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #Uninsured-Section .text-sec {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}


@media (min-width: 1200px) {
  #financial-Support .content-container {
    max-width: 960px;
  }
  #Uninsured-Section .content-container {
    max-width: 1002px;
  }
  #learning-sessions .content-container {
    max-width: 970px;
  }
  #Uninsured-Section.patient-support .water-droplet-wrapper .water-droplet::before {
    left: -72px;
    width: 120px;
    height: 120px;
    bottom: -67px;
  }
}
#financial-Support .blue-dotted-4x {
  display: none;
}

@media (min-width:991px) {
  #financial-Support .text-wrapper {
    padding-right: 0px;
    position: relative;
  }
  #financial-Support .fin-text-wrap {
    margin-right: 43px;
  }
  #financial-Support .blue-dotted-4x {
    display: block;
    position: absolute;
    border-bottom: 4px dotted rgba(44,164,178,0.52);
    bottom: -48px;
    width: 95%;
    height: 4px;
  }
  #Uninsured-Section.patient-support {
    padding-bottom: 40px;
  }
}
/* Opz Patient Support program Page Styles Ends */

/* Share Your Story Styles Begins */
form.webform-submission-stay-informed-vitiligo-form .starter-pack {
  padding-top: 10px;
}
form.webform-submission-stay-informed-vitiligo-form .starter-pack h2 {
  font-size: 24px;
  line-height: 31px;
  color: #2C2851;
  margin-bottom: 17px;
}
body.type-vitiligo form.webform-submission-stay-informed-vitiligo-form #edit-subscribe-to-mail {
  margin-top: 30px;
}
body.type-vitiligo form.webform-submission-share-your-story-vitiligo-form #stay-story-into-text {
  padding-top: 63px !important;
}
body.type-vitiligo form.webform-submission-share-your-story-vitiligo-form #edit-intro-text {
  margin-bottom: 0px !important;
}
body.type-vitiligo form.webform-submission-share-your-story-vitiligo-form .about-you-text {
  margin-top: 0px !important;
}
/* form.webform-submission-stay-informed-vitiligo-form .form-btn {

} */
body.type-vitiligo form.webform-submission-share-your-story-vitiligo-form #stay-story-into-text h2 {
  display: none;
}
#share-your-story-newsection1 {
  padding: 80px 0 60px 0;
}
#share-your-story-newsection1 h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  color: #2C2851;
  margin-bottom: 16px;
}
#share-your-story-newsection1 p {
  letter-spacing: 0.29px;
  line-height: 24px;
}
#share-your-story-newsection1 h3 {
  text-transform: uppercase;
  color: #2C2851;
  font-family: 'gobold-bold';
  font-size: 24px;
  line-height: 31px;
  margin: 40px 0 25px 0;
}
#share-your-story-newsection1 ul.viti-points {
  margin-bottom: 20px;
}
@media (max-width:991px){

  #share-your-story-newsection1 {
    padding: 27px 0 55px;
  }
  #share-your-story-newsection1 h2 {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 34px;
  }
  #share-your-story-newsection1 h3 {
    margin: 28px 0 22px 0;
  }
  form.webform-submission-stay-informed-vitiligo-form .starter-pack {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
  body.type-vitiligo form.webform-submission-share-your-story-vitiligo-form #stay-story-into-text {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  form.webform-submission-share-your-story-vitiligo-form #common-error.error-form-common {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
  }
}
@media (min-width:1200px) {
  #share-your-story-newsection1 .content-container {

  }
}
/* Share Your Story Styles Ends */

/* Copay Savings Page STyles Starts */
#opz-copay-new-block1 {
  padding: 50px 0 75px;
}
#opz-copay-new-block1 .content-container {
  display: flex;
}
#opz-copay-new-block1 .left-section {
  width: 41.15%;
}
#opz-copay-new-block1 .right-section {
  width: 58.85%;
}
#opz-copay-new-block1 h2 {
  font-family: 'gobold-bold';
  color: #2D2850;
  font-size: 36px;
  line-height: 48px;
  max-width: 348px;
}
#opz-copay-new-block1 p {
  font-size: 15px;
  line-height: 25px;
  color: #2b2b2b;
}
#opz-copay-new-block1 p.eligible-text {
  font-size: 12px;
  line-height: 17px;
}
#opz-copay-new-block1 .cta-wrap {
  margin: 20px 0;
}

#opz-copay-macro-texture-block {
  display: flex;
  background: url("../vitiligo-update2-images/copay-page-bg-texture.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#opz-copay-macro-texture-block .text-section {
  width: 65%;
  padding: 60px 0 54px 0;
}
#opz-copay-macro-texture-block .img-sec {
  width: 35%;
}
#opz-copay-macro-texture-block .text-section-wrapper {
  max-width: 658px;
  margin-left: auto;
  margin-right: 28px;
}
#opz-copay-macro-texture-block h2 {
  font-size: 24px;
  line-height: 31px;
  color: #2D2850;
  margin-bottom: 0px;
}
#opz-copay-macro-texture-block p {
  font-size: 15px;
  line-height: 25px;
  color: #2b2b2b;
}
#opz-copay-macro-texture-block p.poppins-semibold-text {
  font-size: 20px;
  line-height: 28px;
}
#opz-copay-macro-texture-block p.poppins-semibold-text span {
  color: #2C2851;
}
#opz-copay-macro-texture-block p.msg-text {
  font-size: 14px;
  line-height: 20px;
}
#opz-copay-macro-texture-block .coral-copay-wrap {
  position: relative;
  padding-left: 44px;
  margin: 24px 0 24px;
}
#opz-copay-macro-texture-block .coral-copay-wrap::before {
  content: '';
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-left-line.svg');
  width: 322px;
  height: 75px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0px;
  left: -290px;
}
#opz-copay-macro-texture-block .img-sec img {
  width: 354px;
}

body.page-node-311 #terms-and-conditions {
  margin-top: 79px;
  margin-bottom: 90px;
}
@media (max-width: 991px) {
  #opz-copay-new-block1 {
    padding: 26px 0 50px;
  }
  #opz-copay-new-block1 .content-container {
    flex-direction: column;
  }
  #opz-copay-new-block1 .left-section {
    width: 100%;
  }
  #opz-copay-new-block1 .right-section {
    width: 100%;
    margin-top: 25px;
  }
  #opz-copay-new-block1 h2 {
    font-size: 26px;
    line-height: 34px;
  }
  body.page-node-311 #terms-and-conditions {
    margin-top: 49px;
    margin-bottom: 47px;
  }
}
@media (max-width: 575px) {
  #opz-copay-macro-texture-block {
    flex-direction: column;
    background: url('../vitiligo-update2-images/copay-bg-texture-mobile.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 50px;
  }
  #opz-copay-macro-texture-block .text-section {
    width: 100%;
    padding: 34px 15px 25px 15px;
  }
  #opz-copay-macro-texture-block .img-sec {
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
  }
  #opz-copay-macro-texture-block .text-section-wrapper {
    max-width: 100%;
    margin-right: 0px;
  }
  #opz-copay-macro-texture-block .coral-copay-wrap {
    padding-left: 74px;
  }
  #opz-copay-macro-texture-block .coral-copay-wrap::before {
    width: 250px;
    height: 57.25px;
    top: 0px;
    left: -185px;
  }

}
@media (min-width:576px) and (max-width:991px) {
  #opz-copay-macro-texture-block .text-section-wrapper {
    max-width: 100%;
    margin-left: 100px;
  }
  #opz-copay-macro-texture-block .coral-copay-wrap::before {
    top: 0px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #opz-copay-macro-texture-block .text-section-wrapper {
    max-width: 100%;
    margin-left: 100px;
  }
  #opz-copay-macro-texture-block .coral-copay-wrap::before {
    top: 0px;
  }
}
@media (min-width: 1200px) {
  #opz-copay-new-block1 .content-container {
    max-width: 933px;
  }
}
/* Copay Savings Page STyles Ends */

/* Opz Cost Page Styles Begins */
#opz-cost-new-block1 {
  padding: 82px 0 89px;
}
#opz-cost-new-block1 h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  margin-bottom: 18px;
  color: #2C2851;
}
#opz-cost-new-block1 p {
  letter-spacing: 0.29px;
  line-height: 24px;
  margin-bottom: 12px;
}
#opz-cost-new-block1 p.cost-text {
  font-size: 14px;
}

#copay-macro-texture-block.opz-cost {
  background: url('../vitiligo-update2-images/cost-copay-texture.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#copay-macro-texture-block.opz-cost h3 {
  max-width: 100%;
  padding-left: 32px;
  padding-right: 20px;
}
#copay-macro-texture-block.opz-cost h3::before {
  height: 80px;
  margin-left: -29px;
}

#peach-drop-divider.opz-cost {
  position: relative;
}
#peach-drop-divider.opz-cost .opz-cost-droplet-wrapper {
  position: absolute;
  width: 100%;
  top: 0px;
}
#peach-drop-divider.opz-cost .droplet-wrapper {
  position: relative;
}
#peach-drop-divider.opz-cost .droplet-wrapper::before {
  content: '';
  position: absolute;
  width: 80px;
  height: 92px;
  right: 30px;
  background: url('../vitiligo-update2-images/droplet.webp');
  background-repeat: no-repeat;
  background-size: contain;
  top: -50px
}



@media (max-width:991px) {
  #opz-cost-new-block1 {
    padding: 26px 0 51px;
  }
  #opz-cost-new-block1 p {
    margin-bottom: 16px;
  }
  #opz-cost-new-block1 h2 {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 34px;
    margin-bottom: 22px;
  }

  #copay-macro-texture-block.opz-cost h3 {
    padding-right: 0px;
  }
  #copay-macro-texture-block.opz-cost h3::before {
    height: 36px;
  }
  

  #peach-drop-divider.opz-cost .opz-cost-droplet-wrapper {
    display: none;
  }
}
@media (max-width:575px) {
  #copay-macro-texture-block.opz-cost {
    background: url("../images/vitiligo-images/cost-mob-texture.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-direction: column-reverse;
  }
}
@media (min-width:991px) {
  #copay-macro-texture-block.opz-cost p.eligible-text a.viti-text-link {
    color: #2D2850;
  }
}

@media (min-width:1200px) {
  #opz-cost-new-block1 .content-container {
    max-width: 921px;
  }
}
/* Opz Cost Page Styles Ends */
#peach-drop-divider {
  padding-top: 121px;
}
#peach-drop-divider .divider-line {
  background:#D8D4D7;
  height: 2px;
}
#peach-drop-divider .drop-img  {
  margin-top: -36px;
}

#Uninsured-Section.opz-cost,
#Uninsured-Section.copay-success {
  padding: 91px 0 88px;
}

@media (max-width: 991px) {
  #peach-drop-divider {
    padding-top: 84px;
  }

  #Uninsured-Section.opz-cost,
  #Uninsured-Section.copay-success {
    padding: 50px 15px;
  }
  #Uninsured-Section.opz-cost .img-sec.desktop,
  #Uninsured-Section.copay-success .img-sec.desktop {
    display: none;
  }
  #Uninsured-Section.opz-cost .mobile-img-sec,
  #Uninsured-Section.copay-success .mobile-img-sec {
    display: block !important;
    border-top: 16px solid #2CA4B2;
  }
  #Uninsured-Section.opz-cost .mobile-img-sec img,
  #Uninsured-Section.copay-success .mobile-img-sec img {
    margin-top: -1px;
  }
  #Uninsured-Section.opz-cost .text-sec,
  #Uninsured-Section.copay-success .text-sec {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
/* Success, Error Pages & SiteMap Styles Starts */
  #viti-inner-page-sec-2.viti-utility {
    padding: 60px 0 290px 0;
    position: relative;
  }
  #viti-inner-page-sec-2.viti-utility::before {
    content: '';
    position: absolute;
    bottom: -37px;
    right: 0px;
    background: url('../vitiligo-update2-images/error-page-droplet.svg');
    width: 190px;
    height: 247px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
  }
  #viti-inner-page-sec-2.viti-utility h2,
  #viti-inner-page-sec-2.copay-success-page h2 {
    font-family: 'poppins-semibold';
    font-size: 18px;
    letter-spacing: 1.5px;
    color: #2C2851;
    margin-bottom: 8px;
  }
  #viti-inner-page-sec-2.copay-success-page p {
    letter-spacing: 0.29px;
    line-height: 24px;
  }
  #viti-inner-page-sec-2.copay-success-page .copay-s-cta-wrap {
    margin-top: 28px;
  }
  #viti-inner-page-sec-2.viti-utility p,
  #viti-inner-page-sec-2.share-success-page p {
    margin-bottom: 0px;
    letter-spacing: 0.29px;
    line-height: 24px;
  }

  #copay-sucess-gold-gradient-with-coral {
    padding: 40px 0;
    background: #DCBDA0;
    position: relative;
  }
  #copay-sucess-gold-gradient-with-coral .content-container {
    position: relative;
  }
  #copay-sucess-gold-gradient-with-coral .content-container::before {
    content: '';
    position: absolute;
    background: url('../vitiligo-update2-images/vertical-swipe.webp');
    width: 108px;
    height: 126px;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0px;
    top: -75px;
  }
  #copay-sucess-gold-gradient-with-coral h3 {
    font-family: 'poppins-medium';
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 30px;
    color: #2C2851;
    margin-bottom: 0px;
    position: relative;
    margin-left: 84px;
  }
  #copay-sucess-gold-gradient-with-coral h3 br {
    display: none;
  }
  #copay-sucess-gold-gradient-with-coral h3::before {
    top: -13px;
    position: absolute;
    background-image: url('../vitiligo-update2-images/coral-left-line.svg');
    content: " ";
    width: 240px;
    height: 57px;
    z-index: 1;
    left: -268px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #Uninsured-Section.copay-success {
    padding-bottom: 85px;
  }
  #viti-inner-page-sec-2.copay-success-page {
    padding: 60px 0 0 0;
  }
  body.page-node-351 #viti-inner-page-sec-2.copay-success-page p {
    max-width: 922px;
  }
  body.page-node-326 #viti-inner-page-sec-2.copay-success-page p {
    max-width: 1000px;
  }
  body.page-node-341 #viti-inner-page-sec-2.copay-success-page p {
    max-width: 960px;
  }
  #peach-drop-divider.copay-success {
    padding-top: 106px;
  }
  body.page-node-331 #peach-drop-divider.copay-success {
      padding-top: 90px;
  }
  body.page-node-351 #peach-drop-divider.copay-success {
    padding-top: 68px;
  }

  #viti-inner-page-sec-2.share-success-page {
    padding: 0px
  }
  #viti-inner-page-sec-2.share-success-page h2 {
    font-size: 36px;
    letter-spacing: -0.3px;
    color: #2C2851;
    margin-bottom: 16px;
  }
  #viti-inner-page-sec-2.share-success-page .cta-wrapper {
    margin-top: 25px;
  }
  #viti-inner-page-sec-2.share-success-page .share-success-wrapper {
    padding: 57px 0 80px;
  }
  body.page-node-391 #viti-inner-page-sec-2.share-success-page .share-success-wrapper {
    position: relative;
  }
  body.page-node-391 #viti-inner-page-sec-2.share-success-page .share-success-wrapper::before {
    position: absolute;
    content: '';
    bottom: -60px;
    right: -20px;
    background: url('../vitiligo-update2-images/vertical-swipe.webp');
    height: 125.47px;
    width: 108px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #sitemap {
    position: relative;
    padding: 50px 0 56px;
  }
  #sitemap .sitemap-img-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    text-align: right;
  }
  #sitemap .sitemap-img-wrapper img {
    width: 610px;
  }
  #sitemap ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  #sitemap ul li.support {
    margin-bottom: 55px;
  }
  #sitemap ul li.home {
    margin-bottom: 40px;
  }
  #sitemap ul li.home a,
  #sitemap ul li span,
  #sitemap ul li.living-with-eczema-sitemap a,
  #sitemap ul li a.copay_program,
  #sitemap ul li.cost a {
    color: #1d8190;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'poppins-semibold';
  }
  #sitemap ul li.living-with-eczema-sitemap {
    margin-bottom: 30px;
  }
  #sitemap ul.inner-links {
    padding-left: 20px;
    margin: 22px 0 30px;
  }
  #sitemap ul.inner-links li a.text-link {
    font-family: 'poppins-regular' !important;
    text-underline-offset: 2px;
  }
  #sitemap ul.inner-links li {
    margin-bottom: 10px;
  }
  #sitemap ul li.living-with-eczema-sitemap a {
      text-decoration: none;
  }
  #sitemap ul li.living-with-eczema-sitemap a:hover {
      text-decoration: underline;
  }
  @media (max-width:991px) {
    #copay-sucess-gold-gradient-with-coral {
      padding: 72px 0 52px 0;
    }
    #copay-sucess-gold-gradient-with-coral h3 {
      margin-left: 0px;
      text-align: center;
    }
    #copay-sucess-gold-gradient-with-coral h3 br {
      display: block;
    }
    #copay-sucess-gold-gradient-with-coral h3::before {
      display: none;
    }
    #copay-sucess-gold-gradient-with-coral .content-container::before {
      width: 88px;
      height: 103px;
      left: 50%;
      transform: translateX(-50%);
      top: -130px;
    }
    #viti-inner-page-sec-2.copay-success-page {
      padding: 28px 0 0 0;
    }
    body.page-node-351 #viti-inner-page-sec-2.copay-success-page p,
    body.page-node-326 #viti-inner-page-sec-2.copay-success-page p,
    body.page-node-341 #viti-inner-page-sec-2.copay-success-page p {
      max-width: 100%;
    }
    #viti-inner-page-sec-2.copay-success-page h2 {
      margin-bottom: 20px;
    }
    #peach-drop-divider.copay-success {
      padding-top: 79px;
    }
    body.page-node-331 #peach-drop-divider.copay-success {
        padding-top: 86px;
    }
    body.page-node-351 #peach-drop-divider.copay-success {
      padding-top: 40px;
    }

    #viti-inner-page-sec-2.viti-utility {
      padding: 26px 0 240px 0;
    }
    #viti-inner-page-sec-2.viti-utility::before {
      left: 50%;
      right: unset;
      transform: translateX(-50%);
      bottom: -52px;
    }

    #sitemap {
      padding: 27px 0 50px 0;
    }
    #sitemap .sitemap-img-wrapper {
      position: unset;
      transform: unset;
      text-align: unset;
      padding-left: 15px;
      padding-top: 50px;
    }
    #sitemap .sitemap-img-wrapper img {
      width: 100%;
    }

    #viti-inner-page-sec-2.share-success-page h2 {
      font-size: 26px;
      letter-spacing: 0px;
      line-height: 34px;
    }
    #viti-inner-page-sec-2.share-success-page .share-success-wrapper {
      padding: 30px 0 50px 0;
    }
    body.page-node-391 #viti-inner-page-sec-2.share-success-page .share-success-wrapper {
      padding-bottom: 25.5px;
    }
    body.page-node-391 #viti-inner-page-sec-2.share-success-page {
      padding-bottom: 65px;
    }
    body.page-node-391 #viti-inner-page-sec-2.share-success-page .share-success-wrapper::before {
      right: 0px;
      width: 92px;
      height: 107px;
      bottom: -121px;
    }
    body.page-node-396 #viti-inner-page-sec-2.share-success-page .share-success-wrapper {
      padding-bottom: 73px;
      position: relative;
    }
    body.page-node-396 #viti-inner-page-sec-2.share-success-page .share-success-wrapper::before {
      position: absolute;
      content: '';
      bottom: -60px;
      right: 0px;
      background: url('../vitiligo-update2-images/vertical-swipe.webp');
      width: 92px;
      height: 107px;
      background-repeat: no-repeat;
      background-size: contain;
    }
  }
  @media (min-width:992px) and (max-width:1199px) {
    #sitemap .sitemap-img-wrapper img {
      width: 500px;
    }
    /* body.page-node-391 #viti-inner-page-sec-2.share-success-page .share-success-wrapper::before {
      width: 56px;
      bottom: -90px;
    } */
    #copay-sucess-gold-gradient-with-coral .content-container::before {
      width: 90px;
    }
  }

  @media (min-width:1200px) {
    #copay-sucess-gold-gradient-with-coral .content-container::before {
      right: -160px;
    }
    body.page-node-391 #viti-inner-page-sec-2.share-success-page p {
      max-width: 1015px;
    }
    body.page-node-391 #viti-inner-page-sec-2.share-success-page .share-success-wrapper::before {
      right: -60px;
    }
  }
/* Success, Error Pages & SiteMap Styles Starts */


/* CTA Width */
@media (max-width: 575px) {
  a.viti-blue-cta,
  a.viti-white-cta,
  a.viti-w-bg-cta,
  a.viti-blue-br-cta,
  a.viti-orange-cta {
    width: 100% !important;
  }
  #viti-inner-page-sec-2.copay-success-page a.viti-blue-cta {
    font-size: 13px;
    line-height: 13px;
    padding: 15.5px 0;
    background: #2C2851;
  }

  #home-repigment-new-sec a.viti-blue-cta,
  #learning-sessions a.viti-blue-cta,
  #viti-inner-page-sec-2.share-success-page a.viti-blue-cta {
      background: #2C2851;
  }
  #home-repigment-new-sec a.viti-blue-cta,
  #how-opz-works-new-sec a.viti-w-bg-cta,
  #learning-sessions a.viti-blue-cta,
  #viti-inner-page-sec-2.share-success-page a.viti-blue-cta {
      font-size: 14px;
      line-height: 14px;
      padding: 15px 0;

  }
  #Home-navy-new-callout a.viti-white-cta,
  #financial-Support a.viti-orange-cta,
  #Uninsured-Section a.viti-orange-cta {
      font-size: 14px;
      line-height: 14px;
      padding: 13px 0;
  }
  form.webform-submission-stay-informed-vitiligo-form .form-btn, form.webform-submission-share-your-story-vitiligo-form .form-btn, body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form input.webform-button--next,
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form .form-btn {
      font-size: 14px !important;
      height: 44px !important;
      background: #2C2851;
  }
}
@media (min-width: 576px) {
  #home-repigment-new-sec a.viti-blue-cta {
    width: 266px;
  }
  #Home-navy-new-callout a.viti-white-cta {
    width: 297px;
  }
  #copay-macro-texture-block a.viti-blue-cta {
    min-width: 190px;
  }

  #peach-line-cta-callout-vitiup2.what-is-opz a.viti-blue-br-cta,
   a.viti-blue-br-cta {
    width: 260px;
  }
  #how-opz-works-new-sec a.viti-w-bg-cta {
    width: 217px;
  }

  #Virtual-Appointment-Disc-Opz a.viti-white-cta {
    width: 270px;
  }

  #coral-img-callout-vitiup2.how-to-use-page a.viti-blue-cta {
    width: 451px;
  }

  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(1) a.viti-w-bg-cta {
    width: 254px;
  }
  #everyday-tools-section .wrapper-tools .pdf-app-wrap:nth-child(3) a.viti-w-bg-cta {
    width: 266px;
  }
  #Home-navy-new-callout.living-with-vitiligo a.viti-white-cta {
    width: 346px;
  }

  #financial-Support a.viti-orange-cta {
    width: 309px;
  }

  body.type-vitiligo #find-a-derm #btn-find-derm.viti-blue-cta {
    width: 282px;
  }

  #learning-sessions a.viti-blue-cta {
    width: 398px;
  }

  #viti-inner-page-sec-2.share-success-page a.viti-blue-cta {
    width: 241px;
  }

  #copay-macro-texture-block.opz-cost a.viti-blue-cta {
    width: 341px;
  }

  #viti-inner-page-sec-2.copay-success-page a.viti-blue-cta {
    width: 496px;
  }

}

/* SCROLL TO TOP CSS */
#scrollToTop {
  position: absolute;
  bottom: 20px;
  right: 0px;
  display: block;
  width: 36px;
  height: 41px;
  background-color: transparent;
  color: #fff;
  background-image: url('../images/back_to_top.svg');
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  opacity: 0;
  visibility:hidden;
  transition: opacity 0.3s ease-in-out, visibility 0s;
  z-index:1;
}

#scrollToTop.show {
  opacity: 1;
  visibility:visible;
}
/* Menu Styles */
header .logo-section .doctor-vitiligo-wrapper {
  display: flex;
  right: 0px;
  position: absolute;
  top: 20px;
}
header .logo-section .doctor-vitiligo-wrapper .non-seg {
  font-family: 'poppins-semibold';
  font-size: 14px;
  line-height: 20px;
  color: #161A3D;
}
header .logo-section .doctor-vitiligo-wrapper .condition {
  text-align: right;
}
header .logo-section .doctor-vitiligo-wrapper .condition a {
  font-family: 'poppins-regular';
  color: #000;
  font-size: 12px;
  line-height: 24px;
}
header .logo-section .doctor-vitiligo-wrapper .condition a i.fas {
  color: #1d8190 !important;
  transform: rotate(270deg);
  position: relative;
  top: -1px;
  left: 4px;
}

header .logo-section .doctor-vitiligo-wrapper .talk-to-doctor-now-btn {
  margin-right: 53px;
  margin-top: 8px;
}
header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor {
  width: 281px;
  display: inline-block;
  border: 2px solid #2CA4B2;
  border-radius: 25px;
  font-family: 'poppins-semibold';
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  position: relative;
  padding: 7px 0px 7px 57px;
  background: #433D61;
}
header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor span.doctor-img {
  background: #2CA4B2;
  width: 42px;
  height: 42px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  margin-left: -2px;
  left: 0px;
}
header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor span.doctor-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  margin-left: 1px;
}
header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor:focus-visible,
header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor:focus {
  outline: unset;
}
.main-navigation .vitiligo-copay-s-button .vitiligo-copay-wrapper {
  right: 15px !important;
}

@media (max-width: 991px) {
  header .logo-section .doctor-vitiligo-wrapper .non-segemental-text {
      display: none;
    }
    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a {
      padding-left: 15px;
      margin-left: 0px !important;
      margin-right: 15px;
      width: 100%;
      font-size: 12px;
      font-family: 'poppins-regular';
      color: #2B2B2B;
      background: #E9F5F7;
      border-radius: 16px;
      padding-right: 15px !important;
      padding-top: 6.37px !important;
      padding-bottom: 9.32px !important;
      position: relative;
      margin-top: 1px !important;
      margin-bottom: 9px;
      text-decoration: none;
      display: inline-block;
    }

    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a span.cop-text {
      font-family: 'poppins-semibold';
      text-transform: uppercase;
    }
    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a span.zero-text {
      font-family: 'poppins-semibold';
    }
    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a span.dollar {
      font-size: 6px;
      position: relative;
      top: -4px;
    }
    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a span.little-text {
      position: absolute;
      background-color: #fff;
      top: 1.52px;
      padding: 6px 10px;
      margin-left: 5px;
      border-radius: 20px;
    }


    /* body.type-vitiligo #block-agnostic-vitiligo-mainmenuvitiligo ul.custom-dropdown-menu li.mobile-copay-savings a:hover,
    body.type-vitiligo #block-agnostic-vitiligo-mainmenuvitiligo ul.custom-dropdown-menu li.mobile-copay-savings a:focus,
    body.type-vitiligo #block-agnostic-vitiligo-mainmenuvitiligo ul.custom-dropdown-menu li.mobile-copay-savings a:focus-visible {
      background-color: #E9F5F7 !important;
      outline: unset !important;
    } */

    /* On Trac */
    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(6).on-trac {
      background: #E7F1F4;
      padding-top: 6.37px !important;
      padding-bottom: 8.32px !important;
    }
    body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(6).on-trac a {
      text-decoration: underline;
      font-family: 'poppins-semibold';
      font-size: 15px;
      line-height: 21px;
      color: #2B2B2B;
      margin-left: 17px;
      text-underline-offset: 3px;
    }

    header .logo-section .doctor-vitiligo-wrapper {
      top: 50%;
      transform: translateY(-50%);
    }
    header .logo-section .doctor-vitiligo-wrapper .talk-to-doctor-now-btn {
      margin-right: 14px;
      margin-top: 7.5px
    }
    header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor {
      width: 143.4px;
      font-size: 12px;
      line-height: 13px;
      padding: 3px 0px 3px 40px;
    }
    header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor span.doctor-img {
      width: 36px;
      height: 36px;
    }
    header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor span.doctor-img img {
      width: 23px;
      margin-left: 1px;
    }
    header .logo-section .doctor-vitiligo-wrapper .viti-mobile-menu {
      display: flex !important;
    }
    /* header .logo-section .doctor-vitiligo-wrapper .mobile-copay-btn {
      display: block !important;
      width: 150px;
      margin-right: 10px;
    } */
    header .logo-section .doctor-vitiligo-wrapper .viti-mobile-menu .mobile-menu-img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-image: linear-gradient(225deg, #564F76 0%, #332F5D 100%);
      outline: none;
      border: none;
      padding: 0;
      margin-right: -5px;
    }
    header .logo-section .doctor-vitiligo-wrapper .viti-mobile-menu .mobile-menu-img.is-active {
      background-image: linear-gradient(226deg, #F99697 0%, #F15D5E 50%);
    }
    header .logo-section .doctor-vitiligo-wrapper .viti-mobile-menu .mobile-menu-img .mobile-menu-text {
      font-family: 'poppins-bold';
      font-size: 12px;
      color: #fff;
      letter-spacing: 1.29px;
      text-align: center;
      display: flex;
      justify-content: center;
      margin-top: 2px;
    }
    header .logo-section .copay-btn {
      width: 151px;
      margin-right: 10px;
    }
    header .logo-section .copay-btn.remove-copay {
      display: none;
    }

    header .mobile-non-segemental {
      display: block !important;
      border-bottom: 1px solid #2B2B2B;
    }
    header .mobile-non-segemental .m-non-segement-wrapper {
      justify-content: space-between;
      padding: 2px 0 1.5px 0;
    }
    header .mobile-non-segemental .ad-viti-cc-menu-heading {
      font-family: 'poppins-semibold';
      font-size: 12px;
      color: #2B2B2B;
      line-height: 12px;
      margin-top: 6px;
    }
    header .mobile-non-segemental a.cc-text i.fas {
      display: none;
    }
    header .mobile-non-segemental a.cc-text {
      font-family: 'poppins-regular';
      font-size: 12px;
      color: #282828;
      position: relative;
      padding-right: 10px;
      top: -2px;
    }
    header .mobile-non-segemental a.cc-text::before {
      width: 6px;
      height: 6px;
      background: 0 0;
      text-indent: -9999px;
      border-top: 1px solid #2b2b2b;
      border-left: 1px solid #2b2b2b;
      transition: all 250ms ease-in-out;
      text-decoration: none;
      color: transparent;
      transform: rotate(135deg);
      position: absolute;
      margin-left: 7px;
      margin-top: 6px;
      content: '';
      right: 0px;
      top: 0px;
    }
}
@media (max-width:575px) {
  /* body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a {
    padding-left: 15px !important;
  } */
}
@media (min-width:390px) and (max-width:575px) {
  body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a {
    max-width: 369px !important;
  }
  body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a span.little-text {
    font-size: 10.5px;
  }
}
@media (max-width: 389px) {
  body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a {
    max-width: 314px !important;
    font-size: 9.5px;
  }
}
@media (max-width: 390px) {
  .main-navigation .logo-wrapper img {
    width: 125px;
  }
  header .logo-section .doctor-vitiligo-wrapper .talk-to-doctor-now-btn {
    margin-right: 10px !important;
  }
  header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor {
    font-size: 11px;
    width: 131.4px;
  }
}
@media (min-width:576px) and (max-width:991px) {
  body.type-vitiligo .main-navigation ul.custom-dropdown-menu li.mobile-copay-savings {
    padding-left: 50px !important;
  }
  body.type-vitiligo .main-navigation ul.nav-bar li.main-link:nth-child(5).mobile-copay-savings a {
    width: 384px !important;
    padding-bottom: 9.32px !important;
  }
}
@media (min-width:1200px) {
  header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor:hover {
    background: #2CA4B2;
    color: #fff;
  }
  /* header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor:focus-visible {
    border: 2px solid #2C2851;
    outline: unset;
  }
  header .logo-section .doctor-vitiligo-wrapper a.talk-to-doctor:focus-visible:hover {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
  } */
}
/* Modal Btn Styles */
.modal-footer a.orange-br-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #2C2851;
  letter-spacing: 0.24px;
  border-radius: 25px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #2C2851;
  padding: 14.5px 0px;
  text-align: center;
  width: 222px;
  margin: 0px 12px 0 0;
}
@media(min-width: 1200px) {
  .modal-footer a.orange-br-cta:hover {
      border: none;
      color: #fff;
      background-image: linear-gradient(260deg, #564F76 0%, #332F5D 100%);
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
      padding: 16.5px 0px;
    }
    .modal-footer a.orange-br-cta:focus-visible {
      border: 2px solid #F15D5E;
      outline: unset;
    }
}


.modal-footer button.blue-cta {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  letter-spacing: 0.24px;
  background-image: linear-gradient(259deg, #564F76 0%, #332F5D 100%);
  border-radius: 25px;
  padding: 16.5px 0px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  min-width: 222px;
  margin: 0 0 0 12px;
  outline: none;
  border: none;
}
@media(min-width: 1200px) {
  .modal-footer button.blue-cta:hover {
      background: #fff;
      color: #2C2851;
      border: 2px solid #2C2851;
      padding-top: 14.5px;
      padding-bottom: 14.5px;
    }
    .modal-footer button.blue-cta:focus-visible {
      padding-top: 14.5px;
      padding-bottom: 14.5px;
      border: 2px solid #F15D5E;
      outline: unset;
    }
}

@media (max-width:575px) {
  .modal-footer {
    margin-top: 10px;
  }
  .modal-footer a.orange-br-cta {
    width: 100%;
    margin: 0 0 16px 0;
    padding: 11.5px 0;
  }
  .modal-footer button.blue-cta {
    width: 100%;
    margin: 0px;
    padding: 13.5px 0;
    background: #2C2851;
  }
}

.skip-div a.visually-hidden.focusable:active,
.skip-div a.visually-hidden.focusable:focus {
  position: relative !important;
  overflow: visible;
  width: 100% !important;
  height: auto !important;
  z-index: 9999;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  padding: 8px 0 8px !important;
  border-bottom-width: 0;
  background: #2C2851;
  color: #fff;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  outline: none !important;
  font-family: 'gobold-bold';
  text-transform: uppercase;
}


@media (min-width:1440px) {
  #Home-navy-new-callout,
  #copay-macro-texture-block,
  #Long-Term-Safety-Results,
  #Testimonial-Section-New-U2,
  #opz-copay-macro-texture-block {
    max-width: 1440px;
    margin: 0 auto;
  }
}

.isi-container {
  position: fixed;
  width: 100%;
  margin: 0px;
  z-index: 12;
  background-color: #fff;
  border-top: 4px solid #DCBDA0;
}
.isi-container h3 {
  font-family: 'poppins-semibold';
  font-size: 18px;
  line-height: 24px;
  color: #16616D;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.isi-container p {
  font-family: 'poppins-regular';
  font-size: 15px;
  line-height: 17px;
  color: #2B2B2B;
  margin-bottom: 8px;
}
.isi-container .semi-bold,
.isi-container .semibold-text {
  font-family: 'poppins-semibold';
}
.isi-container .desk-isi-scroll-sec {
  display: flex;
  padding-top: 10px;
}
.isi-container .desk-isi-scroll-sec .left-sec {
  width: 22.9%;
}
.isi-container .desk-isi-scroll-sec .left-sec .left-sec-wrapper {
  padding-right: 24px;
  border-right: 1px solid #DCBDA0;
  padding-bottom: 10px;
}
.isi-container .desk-isi-scroll-sec .right-sec {
  width: 77.1%;
  padding-left: 30px;
}
.isi-container .scroll-btn-custom {
  position: relative;
}
.isi-container .isi-expand-btn {
  top: 16px;
  right: 5px;
  position: absolute;
  text-decoration: none;
}
.isi-container .see-more-text {
  font-family: 'poppins-regular';
  color: #4C4C4C;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  top: -3px;
  margin-right: 10px;
  letter-spacing: 0.29px;
}
.isi-container .viti-isi-btn {
  background-color: #1D8190;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
}
.isi-container .viti-isi-btn::before {
  width: 6px;
  height: 6px;
  background: transparent;
  text-indent: -9999px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transition: all 250ms ease-in-out;
  text-decoration: none;
  color: transparent;
  transform: rotate(225deg);
  position: absolute;
  margin-left: 7px;
  margin-top: 6px;
  content: '';
}

#important-safety-information {
  padding: 60px 0 103px;
  background: #F8F8F8;
}
#important-safety-information .isi-title {
  font-family: 'gobold-bold';
  font-size: 25px;
  line-height: 33px;
  color: #16616D;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#important-safety-information .isi-sub-title {
  font-family: 'poppins-semibold';
  font-size: 18px;
  line-height: 24px;
  color: #16616D;
  margin-bottom: 16px;
  text-transform: uppercase;
}
#important-safety-information p,
#important-safety-information li {
  font-family: 'poppins-regular';
  font-size: 15px;
  line-height: 22px;
  color: #2B2B2B;
  margin-bottom: 16px;
}
#important-safety-information .semibold-text {
  font-family: 'poppins-semibold';
}
#important-safety-information ul {
  list-style: none;
  padding-left: 13px;
}
#important-safety-information ul li {
  padding-left: 1px;
}
#important-safety-information ul li::before {
  content: "\2022";
  color: #1D8190;
  font-weight: bold;
  display: inline-block;
  width: 15px;
  margin-left: -15px;
  font-size: 20px;
  position: relative;
  top: 2px;
}
#important-safety-information .isi-c-list2 ul {
  padding-left: 40px;
}
/* #important-safety-information .isi-c-list2 ul li::before {
  content: '';
  background-image: url('../images/vitiligo-images/isi-hollow-bullet-viti.svg');
  background-repeat: no-repeat;
  width: 13px;
  height: 14px;
  position: relative;
  margin-left: -13px;
  top: 8px;
  display: inline-block;
} */
#important-safety-information .isi-c-list2 ul li::before {
    content: '\25cb';
    color: #1D8190;
    font-weight: 700;
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    font-size: 14px;
    position: relative;
    top: 0px;
    font-family: 'LucidaGrande';
}

#important-safety-information .wrapper {
  display: flex;
}
#important-safety-information .left-sec {
  width: 22.9%;
}
#important-safety-information .left-sec .left-sec-wrapper {
  padding-right: 24px;
  border-right: 1px solid #DCBDA0;
  padding-bottom: 30px;
}
#important-safety-information .right-sec {
  width: 77.1%;
  padding-left: 30px;
}

@media (max-width: 991px) {
  #important-safety-information {
    padding: 22px 0 20px;
  }
  #important-safety-information .wrapper {
    flex-direction: column;
  }
  #important-safety-information .left-sec {
    width: 100%;
  }
  #important-safety-information .left-sec .left-sec-wrapper {
    padding-right: 0px;
    border-right: 0px;
    border-bottom: 1px solid #DCBDA0;
    padding-bottom: 15px;
  }
  #important-safety-information .right-sec {
    width: 100%;
    padding-left: 0px;
    padding-top: 10px;
  }
  #important-safety-information .isi-title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px;
  }
  #important-safety-information .isi-sub-title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  #important-safety-information p,
  #important-safety-information li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  .isi-container .desk-isi-scroll-sec {
    display: none;
  }
  .isi-container .mobile-isi-scroll-sec {
    padding-top: 10px;
  }
  .isi-container .see-more-text {
    display: none;
  }
  .isi-container h3 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    padding-right: 20px;
    text-transform: unset;
  }
  .isi-container p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.1px;
    margin-bottom: 5px;
  }
  .isi-container {
    top: unset !important;
    bottom: 0 !important;
    height: 116px !important;
  }
  .isi-container .isi-expand-btn {
    top: 7px;
    right: 15px;
  }
}
@media (max-width: 575px) {
  body.type-vitiligo .mobile-isi-scroll-sec p.viti-mob-isi-mb {
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  body.type-vitiligo .mobile-isi-scroll-sec p.viti-mob-isi-mb,
  .isi-container p {
    font-size: 12px !important;
  }
  .isi-container h3 {
    font-size: 13px !important;
  }
}
@media (min-width: 991px) {
  .isi-container {
    top: unset !important;
    bottom: 0 !important;
    height: 123px !important;
  }
}

/* Copay Form */
@media (max-width: 991px) {
  body.type-vitiligo .csp-form-intro-details p.all-fields {
      font-size: 14px;
  }
  .csp-form-intro-details .csp-step-text {
      font-size: 16px;
      letter-spacing: 1.2px;
  }
}
/* Copay Form */

a.viti-text-link:hover,
a.viti-isi-text-link:hover,
a.text-link:hover,
.top-header-menu ul li a:hover,
header .logo-section .doctor-vitiligo-wrapper .condition a:hover,
footer ul.navbar-nav li.nav-item a.nav-link:hover,
.viti-back-to-csp a:hover .csp-text {
  text-decoration: none;
}
a.viti-text-link:focus-visible,
a.viti-isi-text-link:focus-visible,
a.text-link:focus-visible,
.top-header-menu ul li a:focus-visible,
header .ad-viti-change-condition-wrapper a.cc-text:focus-visible,
.main-navigation ul.nav-bar li.main-link button.nolink:focus-visible,
.main-navigation ul.nav-bar li.main-link:nth-child(3) a.eczema-link:focus-visible,
header .logo-section .doctor-vitiligo-wrapper .condition a:focus-visible {
  outline: 1.5px dotted #4C4C4C;
}

#Long-Term-Safety-Results a.text-link:focus-visible {
  outline: 1.5px dotted #fff;
}
.viti-back-to-csp a:focus-visible {
  outline: 1.5px dotted #4C4C4C;
  outline-offset: 3px;
}

/* a.copay-savings-lnk:focus-visible,
a.copay-savings-lnk:focus {
  outline: unset;
} */


/* Coral Line Issue fix Larger Screen */
@media (min-width: 1360px) {
  #Viti-6c-Home-Banner .text-wrapper h1::before {
    background-image: url('../vitiligo-update2-images/coral-left-home-white-line-xl.svg');
    width: 3049px;
    left: -3074px;
  }
  #home-repigment-new-sec .repigment-block-wrap .wrap-img:nth-child(1) .img-wrapper::before {
    background-image: url('../vitiligo-update2-images/coral-left-line-xl.svg');
    width: 3038px;
    left: -2963px;
  }
  #coral-img-callout-vitiup2 .img-wrapper .coral-img::after {
    background-image: url('../vitiligo-update2-images/coral-right-line-xl.svg');
    width: 3038px;
  }
  #learning-sessions .img-wrapper .find-ans-img::after {
    background-image: url('../vitiligo-update2-images/coral-right-line-xl.svg');
    width: 3038px;
  }
  #opz-copay-macro-texture-block .coral-copay-wrap::before {
    background-image: url('../vitiligo-update2-images/coral-left-line-xl.svg');
    width: 3038px;
    left: -3006px;
  }
  #gold-gradient-with-coral h3::before {
    background-image: url('../vitiligo-update2-images/coral-left-white-line-sp-xl.svg');
    width: 3069px;
    left: -3097px;
  }
  #copay-sucess-gold-gradient-with-coral h3::before {
    background-image: url('../vitiligo-update2-images/coral-left-white-line-sp-xl.svg');
    width: 3069px;
    left: -3097px;
  }
}
@media (min-width: 1200px) {
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 .radios--wrapper .form-error {
    position: relative !important;
    top: -7px !important;
    margin-bottom: 4px !important;
  }
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text---wrapper #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text- {
    position: relative;
    width:100%;
  }
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text---wrapper #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text- input {
    position: absolute;
    top: 8px;
  }
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text---wrapper #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text- input ~ label {
    position: absolute;
    top: 8px;
  }
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text---wrapper #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text---wrapper-legend {
    margin-bottom: 8px !important;
  }
  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 #edit-i-have-read-the-a-id-termsopen-href-terms-conditions-class-text---wrapper.radios--wrapper .form-error {
    margin-bottom: 0px !important;
    top: -4px !important;
  }

  body.type-vitiligo form.webform-submission-copy-get-started-vitiligo-form #edit-copay-get-started-step1 #common-error.error-form-common {
    margin-bottom: 36px;
  }
}

/* Talk to a Doctor Now Global CSS */
#block-agnostic-vitiligo-stickytalktoadoctor {
  background:#2C2851;
  padding: 12px 0;
  position:sticky;
  top:0;
  position: -webkit-sticky; /* Safari */
  z-index: 3;
}

#ttad-sticky a.ttad-btn {
  font-family: 'poppins-semibold';
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #2c2851;
  letter-spacing: .24px;
  border-radius: 25px;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #2CA4B2;
  padding: 10.5px 0;
  text-align: center;
  min-width: 278px;
  background-color: #fff;
}
#ttad-sticky a.ttad-btn:focus,
#ttad-sticky a.ttad-btn:focus-visible {
  outline: unset;
}

@media (min-width: 1200px) {
  #ttad-sticky a.ttad-btn:hover {
    background-color: #2CA4B2;
    color: #fff;
  }
}

/* Footer Container Width */
@media (max-width: 575px) {
  footer ul.navbar-nav {
    padding-left: 15px;
  }
}
@media (min-width:576px) and (max-width:767px) {
  footer ul.navbar-nav {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
  }
}
@media (min-width:768px) and (max-width:991px) {
  footer ul.navbar-nav {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer ul.navbar-nav {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    justify-content: space-between;
  }
  footer ul.navbar-nav li.nav-item {
    padding-right: 0px;
  }
  footer ul.navbar-nav li.nav-item a.nav-link,
  footer ul.navbar-nav li.nav-item .cookie_consent a {
    font-size: 14px;
  }
  footer ul.navbar-nav li.nav-item .cookie_consent {
    margin-top: -2.5px;
  }
}
@media (min-width: 1200px) and (max-width: 1250px) {
  footer ul.navbar-nav {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
  }
  footer ul.navbar-nav li.nav-item {
    padding-right: 0px;
  }
  footer ul.navbar-nav li.nav-item a.nav-link,
  footer ul.navbar-nav li.nav-item .cookie_consent a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  footer ul.navbar-nav {
    max-width: 1131px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
  }
  footer ul.navbar-nav li.nav-item a.nav-link,
  footer ul.navbar-nav li.nav-item .cookie_consent a {
    font-size: 15px;
  }
  footer ul.navbar-nav li.nav-item .cookie_consent {
    margin-top: -2px;
  }
  footer ul.navbar-nav li.nav-item {
    padding-right: 0px;
  }
  footer .container {
    max-width: 1131px !important;
  }
}

/* body.page-node-401 #block-agnostic-vitiligo-stickytalktoadoctor {
  padding: 0px;
  height: 65.2px;
  position: unset;
}
body.page-node-401 #block-agnostic-vitiligo-stickytalktoadoctor #ttad-sticky a.ttad-btn {
  display: none !important;
} */
body.page-node-401 #block-agnostic-vitiligo-stickytalktoadoctor {
  display: none !important;
}
body.page-node-401 #Inner-Banner-Section-u2 {
  display: none
}
body.page-node-401 header .logo-section .doctor-vitiligo-wrapper .talk-to-doctor-now-btn {
  display: none;
}


@media (min-width: 991px) {
  body.type-vitiligo .main-navigation ul.nav-bar li.main-link i.fa-chevron-down, 
  body.type-vitiligo .main-navigation ul.nav-bar li.main-link i.fa-chevron-up {
    font-size: 10px;
    position: relative;
    top: -2px;
  }
  ul.custom-dropdown-menu li a {
    padding: 6px 5px;
  }
}
@media (min-width: 991px) {
  .main-navigation ul.nav-bar li.main-link:nth-child(1) {
    width: 150px;
    margin-right: 70px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(2) {
    width: 160px;
    margin-right: 66px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(3) {
    width: 160px;
    margin-right: 60px;
  }
  
  .main-navigation ul.nav-bar li.main-link:nth-child(1) .custom-dropdown-menu {
    width: 175px;
    margin-left: -20px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(2) .custom-dropdown-menu {
    width: 193px;
    margin-left: -25px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(3) .custom-dropdown-menu {
    width: 175px;
    margin-left: -20px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(4) .custom-dropdown-menu {
    width: 223px;
    margin-left: -25px;
  }

}
@media (min-width: 991px) and (max-width: 1199px) {
  .main-navigation ul.nav-bar li.main-link:nth-child(1) {
    margin-right: 30px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(2) {
    margin-right: 35px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(3) {
    margin-right: 30px;
  }

  .main-navigation ul.nav-bar li.main-link ul.custom-dropdown-menu li a {
    font-size: 12px;
    padding: 5px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(1) .custom-dropdown-menu {
    width: 156px;
    margin-left: -11px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(2) .custom-dropdown-menu {
    width: 175px;
    margin-left: -15px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(3) .custom-dropdown-menu {
    width: 163px;
    margin-left: -15px;
  }
  .main-navigation ul.nav-bar li.main-link:nth-child(4) .custom-dropdown-menu {
    width: 194px;
    margin-left: -16px;
  }
}

form.webform-submission-share-your-story-vitiligo-form .checkbox input[type="checkbox"] {
  height: 24px !important;
	width: 24px !important;
  border-radius: 4px !important;
  border: 1.5px solid #2C2851 !important;
  background-color: #fff;
  cursor: pointer;
}
form.webform-submission-share-your-story-vitiligo-form .checkbox input.error[type="checkbox"] {
  border: 1.5px solid #c54b4b !important
}
form.webform-submission-share-your-story-vitiligo-form .checkbox input:checked[type="checkbox"] {
  background-image: url('../images/vitiligo-images/Path.svg') !important;
  background-repeat: no-repeat;
  background-color: #1D8190 ;
  box-shadow: none !important;
  outline: none !important;
}
form.webform-submission-share-your-story-vitiligo-form .checkbox label {
  margin-left: 16px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  form.webform-submission-share-your-story-vitiligo-form #edit-i-am-interested-in.checkbox .form-item-i-am-interested-in-joining-the-network {
    width: 45%;
  }
  form.webform-submission-share-your-story-vitiligo-form #edit-i-am-interested-in.checkbox  .form-item-i-am-interested-in-connecting-with-a-peer {
    width: 45%;
  }
}
form.webform-submission-share-your-story-vitiligo-form .checkboxes--wrapper .form-error {
  position: relative;
    top: -7px;
}
@media (min-width: 992px) {
  form.webform-submission-share-your-story-vitiligo-form .checkboxes--wrapper .form-error {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  form.webform-submission-share-your-story-vitiligo-form #edit-i-am-interested-in.checkbox .form-item-i-am-interested-in-joining-the-network {
    width: 36%;
  }
  form.webform-submission-share-your-story-vitiligo-form #edit-i-am-interested-in.checkbox .form-item-i-am-interested-in-joining-the-network label {
    margin-right: 20px;
  }
  form.webform-submission-share-your-story-vitiligo-form #edit-i-am-interested-in.checkbox  .form-item-i-am-interested-in-connecting-with-a-peer {
    width: 36%;
  }
  form.webform-submission-share-your-story-vitiligo-form .checkbox input[type="checkbox"]:hover,
  form.webform-submission-share-your-story-vitiligo-form .checkbox input[type="checkbox"]:focus-visible {
    background-color: #d8d4d7 !important;
    outline: unset !important;
    box-shadow: unset !important;
  }

  form.webform-submission-share-your-story-vitiligo-form .checkbox input:checked[type="checkbox"]:hover,
  form.webform-submission-share-your-story-vitiligo-form .checkbox input:checked[type="checkbox"]:focus-visible{
    background-color:#1D8190!important;
  }
}


@media (min-width: 1200px) {
  #share-connect-sec-1 .content-container {
      max-width: 955px;
      padding-left: 15px;
  }
}
#share-connect-sec-1 {
  padding: 70px 0 40px;
  overflow-x: hidden;
}
#share-connect-sec-1 h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  color: #2C2851;
  margin-bottom: 16px;
}
#share-connect-sec-1 p {
  color: #2b2b2b;
  letter-spacing: 0.29px;
  line-height: 24px;
  font-size: 16px;
}
#share-connect-sec-1 p.who-is-incyte-text {
  margin-bottom: 0px;
  padding-right: 25px;
}
#share-connect-sec-1 p.who-is-incyte-text strong {
  font-family: 'poppins-bold';
  font-weight: unset;
}
#share-connect-sec-1 ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px 10px 40px;
}
#share-connect-sec-1 ul li {
  font-family: 'poppins-regular';
  font-size: 16px;
  line-height: 23px;
  color: #2b2b2b;
  display: flex;
  padding: 0px;
  letter-spacing: 0.29px;
  margin-bottom: 10px;
}
#share-connect-sec-1 ul li:last-child {
  margin-bottom: 0px;
}
#share-connect-sec-1 ul li span.no-t {
  margin-right: 10px;
  width: 12px;
}
#share-connect-sec-1 .list-img-wrapper {
  margin-top: 30px;
}
#share-connect-sec-1 .list-wrapper {
  width: 74%;
  padding-right: 10px;
}
#share-connect-sec-1 .img-wrapper {
  width: 26%;
  margin-top: 5px;
  position: relative;
  height: 100%;
}
#share-connect-sec-1 .img-wrapper::before {
content: '';
position: absolute;
height: 54px;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
background-image: url('../vitiligo-update2-images/coral-right-line-xl.svg');
width: 3038px;
right: -2972px;
}


#share-connect-sec-2 {
  display: flex;
}
#share-connect-sec-2 .img-left {
  width: 18.05%;
  position: relative;
}
#share-connect-sec-2 .img-left img {
  width: 100%;
}
#share-connect-sec-2 .green-bg {
  background-image: linear-gradient(263deg, #2B9CA9 0%, #2CA4B2 100%);
  height: 50px;
}
#share-connect-sec-2 .coral-dash {
  position: absolute;
  width: 50px;
  height: 6.25px;
  background-image: linear-gradient(180deg, #F99697 0%, #F15D5E 100%);
  bottom: 47px;
  right: -25px;
  z-index: 2;
}
#share-connect-sec-2 .wrapper-navy-sec {
  width: 63.95%;
  background-color: #2C2851;
  padding: 26px 75px;
}
#share-connect-sec-2 .empty-sec {
  width: 18%;
}
#share-connect-sec-2 .desktop-quote.top {
  padding-right: 40px;
  text-align: left;
}
#share-connect-sec-2 .desktop-quote.btm {
 padding-left: 40px;
 text-align: right;
}
#share-connect-sec-2 h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  line-height: 31px;
  color: #F5CABB;
  margin: 20px 0 15px 0;
}
#share-connect-sec-2 .text-wrapper {
  max-width: 526px;
  margin-left: auto;
  margin-right: auto;
}
#share-connect-sec-2 .text-wrapper p {
  color: #fff;
}
#share-connect-sec-2 .text-wrapper p.patient-name {
  font-family: 'poppins-semibold';
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}
#share-connect-sec-2 .text-wrapper p.patient-name span {
  color: #f15d5e;
}
#share-connect-sec-2 .text-wrapper p.indiv-text {
  font-family: 'poppins-medium';
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 12px;
}

@media (min-width: 1440px) {
  #share-connect-sec-2 {
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto;
  }
  #share-connect-sec-2 .green-bg {
      position: relative;
      z-index: 1;
      margin-top: -20px;
  }
}

@media (max-width: 991px) {
  #share-connect-sec-1 {
      padding-top: 30px;
  }
  #share-connect-sec-1 h2 {
      font-size: 26px;
      letter-spacing: 0px;
      line-height: 34px;
  }
  #share-connect-sec-1 .list-img-wrapper {
      flex-direction: column;
      margin-top: 20px;
  }
  #share-connect-sec-1 .list-wrapper {
      width: 100%;
      padding-right: 0px;
  }
  #share-connect-sec-1 .img-wrapper {
      width: 243px;
      margin: 0 auto;
  }
  #share-connect-sec-1 ul {
      margin-bottom: 20px;
  }
  #share-connect-sec-1 p.who-is-incyte-text {
      padding-right: 0px;
      margin-bottom: 20px;
  }


  #share-connect-sec-2 {
      flex-direction: column-reverse;
  }
  #share-connect-sec-2 .empty-sec {
      display: none;
  }
  #share-connect-sec-2 .wrapper-navy-sec {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
  }
  #share-connect-sec-2 .img-left {
      width: 100%;
  }
  #share-connect-sec-2 .img-left .desktop-img,
  #share-connect-sec-2 .desktop-quote {
      display: none;
  }
  #share-connect-sec-2 .img-left .mobile-img,
  #share-connect-sec-2 .mobile-quote {
      display: block !important;
  }
  #share-connect-sec-2 .text-wrapper p.indiv-text {
      margin-bottom: 15px;
  }
  #share-connect-sec-2 .coral-dash {
      bottom: unset;
      right: unset;
      top: -3px;
      left: 15px;
  }
  
}
@media (min-width: 576px) and (max-width: 991px) {
  #share-connect-sec-2 {
      max-width: 500px;
      margin: 0 auto;
  }
}

.repig-swipe {
  position: relative;
  width: 100%;
}
.repig-swipe .swipe-left-wrap {
  position: absolute;
  top: -45px;
  width: 77px;
  margin-left: -47px;
}
@media (max-width: 991px) {
  .repig-swipe .swipe-left-wrap {
    margin-left: 0px;
    top: -42px;
  }

  form.webform-submission-stay-informed-vitiligo-form .starter-pack {
    padding-top: 1px;
  }
}

#Bottom-Callout-Nav {
  margin-bottom: 50px;
}
#Bottom-Callout-Nav .btm-callout-gradient {
  height: 245px;
  background: #F5CABB;
}
#Bottom-Callout-Nav h3 {
  font-family: 'poppins-semibold';
  font-size: 20px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 28px;
  text-transform: uppercase;
  color: #2C2851;
}
#Bottom-Callout-Nav p {
  line-height: 24px;
  text-align: center;
}
#Bottom-Callout-Nav .callout-text {
  padding: 30px 0 36px;
  border-bottom: 6px solid #2C2851;
  background: #FCF0EC;
}
#Bottom-Callout-Nav img.mobile-c-img {
  display: none;
}
@media (max-width: 991px) {
  #Bottom-Callout-Nav .content-container {
      flex-direction: column;
      margin-top: -145px;
  }
  #Bottom-Callout-Nav img.desktop-c-img {
    display: none;
  }
  #Bottom-Callout-Nav img.mobile-c-img {
    display: block;
    width: 100%;
  }
  #Bottom-Callout-Nav .callout-img {
    border-bottom: 22px solid #2CA4B2;
  }
  .page-node-266 #Bottom-Callout-Nav .content-container,
  .page-node-286 #Bottom-Callout-Nav .content-container {
    margin-top: -195px;
  }
  .page-node-256 #Bottom-Callout-Nav .content-container,
  .page-node-261 #Bottom-Callout-Nav .content-container,
  .page-node-281 #Bottom-Callout-Nav .content-container,
  .page-node-416 #Bottom-Callout-Nav .content-container,
  .page-node-396 #Bottom-Callout-Nav .content-container,
  .page-node-391 #Bottom-Callout-Nav .content-container {
    margin-top: -160px;
  }
  .page-node-271 #Bottom-Callout-Nav .content-container {
    margin-top: -185px;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(1) {
    margin-bottom: 50px;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(1) .callout-text {
    padding: 25px 21px 34px 24px;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(2) .callout-text {
    padding: 34px 21px 34px 24px;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p {
    margin: 20px 0 30px;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(2) br {
    display: none;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(2) h3 {
    margin-bottom: 11px;
  }

  /* Discussing Opz page */
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper br {
    display: none;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) .callout-text {
    padding-top: 35px;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) h3 {
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p {
    max-width: 275px;
    margin: 12px auto 19px;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) .callout-text {
    padding-top: 25px;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) h3 {
    max-width: 339px;
    margin-left: 0 auto;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) p {
    max-width: 339px;
    margin: 8px auto 21px;
  }

  /* How to use Page */
  .page-node-271 #Bottom-Callout-Nav .callout-wrapper br {
    display: none;
  }
  .page-node-271 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) .callout-text {
    padding-top: 35px;
  }
  .page-node-271 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p {
    margin: 11px 0 17px;
  }
  .page-node-271 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) p {
    margin-left: auto;
    margin-right: auto;
    max-width: 275px;
  }

  /* Stay on track Page */
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper br {
    display: none;
  }
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) .callout-text {
    padding-top: 35px;
  }
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p {
    margin: 11px 0 17px;
  }
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) p {
    margin: 15px 0 20px;
  }

  /* Patient Stories */
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) .callout-text {
    padding-top: 34px;
  } 
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper br {
    display: none;
  }
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p,
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) h3 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) .callout-text {
    padding-top: 25px;
  }
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) p {
    max-width: 332px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }

  /* living with vitiligo */
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) .callout-text {
    padding-top: 35px;
  } 
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper br {
    display: none;
  }
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) h3 {
    max-width: 328px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p {
    max-width: 274px;
    margin: 12px auto 20px;
  }
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) h3 {
    max-width: 302px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) p {
    max-width: 331px;
    margin: 15px auto 25px;

  }
}
@media (min-width:576px) and (max-width:991px) {
  #Bottom-Callout-Nav .content-container {
      max-width: 414px;
      margin-left: auto;
      margin-right: auto;
  }
  #Bottom-Callout-Nav a.viti-orange-cta {
      min-width: 100%;
  }
}
@media (min-width: 991px) {
  #Bottom-Callout-Nav .content-container {
      justify-content: space-between !important;
      margin-top: -157px;
  }
  #Bottom-Callout-Nav .callout-wrapper {
      width: 48.41%;
  }
  #Bottom-Callout-Nav h3 {
      min-height: 64px;
      margin-bottom: 0px;
  }
  #Bottom-Callout-Nav p {
      min-height: 102px;
      margin-bottom: 0px;
  }
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) h3 {
    min-height: 40px;
  }
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) p {
    min-height: 127px;
  }
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) h3 {
    min-height: 40px;
  }
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) p {
    min-height: 126px;
  }

  #Bottom-Callout-Nav .callout-wrapper:nth-child(1) a.viti-orange-cta {
    min-width: 218px;
  }
  #Bottom-Callout-Nav .callout-wrapper:nth-child(2) a.viti-orange-cta {
      min-width: 180px;
  }

  /* Discussing Opz Page */
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) a.viti-orange-cta {
    min-width: 180px;
  }
  .page-node-266 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) a.viti-orange-cta {
    min-width: 202px;
  }

  /* How to use Page */
  .page-node-271 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) a.viti-orange-cta {
    min-width: 180px;
  }

  /* Stay on track Page */
  .page-node-281 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) a.viti-orange-cta {
    min-width: 180px;
  }

  /* Patient Stories */
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) a.viti-orange-cta {
    min-width: 228px;
  }
  .page-node-416 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) a.viti-orange-cta {
    min-width: 202px;
  }

  /* Living With Vitiligo */ 
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(1) a.viti-orange-cta {
    min-width: 180px;
  }
  .page-node-286 #Bottom-Callout-Nav .callout-wrapper:nth-child(2) a.viti-orange-cta {
    min-width: 202px;
  }
}


#patient-stories-moc {
  padding: 42px 0 85px;
  background: #E7F1F4 ;
}

#patient-stories-moc h2 {
  font-family: 'gobold-bold';
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  margin-bottom: 60px;
  color: #2C2851;
  text-align: center;
}
#patient-stories-moc .carousel-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}
#patient-stories-moc .carousel-text,
#patient-stories-moc .carousel-image {
  flex: 1 1 50%;
}
#patient-stories-moc .carousel-text h3 {
  font-family: 'gobold-bold';
  font-size: 28px;
  line-height: 37px;
  margin-bottom: 10px;
  color: #2C2851;
  text-transform: uppercase;
  position: relative;
}
#patient-stories-moc .carousel-text h3::before {
  content: " ";
  height: 5px;
  position: absolute;
  background-image: linear-gradient(-90deg, #F99697 0%, #F15D5E 100%);
  width: 45px;
  bottom: -5px;
}
#patient-stories-moc .carousel-text p {
  font-family: 'poppins-regular';
  font-size: 16px;
}
#patient-stories-moc .carousel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Dots styling */
#patient-stories-moc .carousel-indicators [data-bs-target] {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background-color: #D8D4D7;
  border: 1px solid #D8D4D7; /* optional for contrast */
}
/*hiding focus
#patient-stories-moc .carousel-indicators [data-bs-target]:focus, 
#patient-stories-moc .carousel-indicators [data-bs-target]:focus-visible {
outline:solid 1px #2C2851; 
border-radius: 50%;
}*/

#patient-stories-moc .carousel-indicators .active { 
  background-color: #2CA4B2;
}
#patient-stories-moc .carousel-indicators {
  margin-bottom: -3rem;
}
@media (min-width:1200px) {
  #patient-stories-moc .content-container {
      max-width: 970px;
      margin-left: auto;
      margin-right: auto;
  }
  #patient-stories-moc .carousel-text {
      max-width: 465px;
  }
  #patient-stories-moc .carousel-image {
      max-width: 475px;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  #patient-stories-moc {
      background-position: 130px center;
  }
  #patient-stories-moc h2 {
      font-size: 30px;
  }
  #patient-stories-moc .carousel-text {
      padding-right: 10px;
  }
  #patient-stories-moc .carousel-content span {
      margin-top: 20px;
      display: block;
  }
}
#patient-stories-moc a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block
}
#patient-stories-moc a::before {
  content: '';
  background-image: url('../video-images/video-icon.svg');
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 105px;
  background-size: contain;
}
/* Stack vertically on mobile */
@media (max-width: 767px) {
  .carousel-content {
      flex-direction: column;
  }
  .carousel-text,
  .carousel-image {
      flex: 1 1 100%;
  }
  #patient-stories-moc {
    padding-bottom: 35px;
  }
  #patient-stories-moc h2 {
      font-size: 26px;
      line-height: 34px;
      text-align: left;
      margin-right: 39px;
  }
  #patient-stories-moc .carousel-text h3 {
    margin-bottom: 25px;
  }
  #patient-stories-moc .carousel-indicators {
      margin-bottom: 332px;
  }
  #patient-stories-moc .carousel-image {
      margin-bottom: 75px;
  }
  #patient-stories-moc  .carousel-text p{
      min-height: 212px;
  }
  #patient-stories-moc .carousel-content span {
      margin-top: 20px;
      display: block;
  }
  #patient-stories-moc a::before {
    width: 79px;
    height: 79px;
  }
  #patient-stories-moc .content-container{
    position: relative;
  }
  #patient-stories-moc .content-container::before {
    content: '';
    position: absolute;
    width: 239px;
    height: 334px;
    background-image: url('../video-images/Light-Blue-Background-Drop.svg');
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: overlay;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 767px) {
  #patient-stories-moc .patient-carousel-wrapper{
      position: relative;
  }
  #patient-stories-moc .patient-carousel-wrapper::before {
      content: '';
      position: absolute;
      width: 239px;
      height: 334px;
      background-image: url('../video-images/Light-Blue-Background-Drop.svg');
      background-size: contain;
      background-repeat: no-repeat;
      mix-blend-mode: overlay;
      top: 0px;
      left: 103px;
  }
}  

@media (min-width: 1200px) {
  #section-causes-and-triggers .content-container {
      max-width: 916px;
  }
  #skin-color-back .content-container {
      max-width: 100%;
      margin-left: 96px;
  }
}

#section-causes-and-triggers {
  background: #F1F1F1;
  padding: 70px 0;
}
#section-causes-and-triggers h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  color: #2C2851;
  margin-bottom: 16px;
}
#section-causes-and-triggers h2 span {
  position: relative;
}
#section-causes-and-triggers h2 span::before {
  background-image: linear-gradient(267deg, #F99697 41%, #F15D5E 100%);
  content: '';
  position: absolute;
  width: 109px;
  height: 6px;
  bottom: -6px;
}
#section-causes-and-triggers p.funda-para {
  font-family: 'poppins-semibold';
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 28px;
  color: #2C2851;
  margin-bottom: 36px;
}
#section-causes-and-triggers h3 {
  font-size: 24px;
  font-family: 'gobold-bold';
  color: #2C2851;
  line-height: 31px;
  text-transform: uppercase;
}
#section-causes-and-triggers p {
  letter-spacing: 0.5px;
  font-size: 18px;
  line-height: 28px;
}
#section-causes-and-triggers .viti-causes-icons {
  padding: 91px 0 47px 0;
}
#section-causes-and-triggers .viti-triggers-icons {
  padding-top: 91px;
}
#section-causes-and-triggers .viti-causes-icons .icon-wrapper {
  width: 27.84%;
  text-align: center;
  background-color: #fff;
  padding: 0px 28px 16px 28px;
  border-bottom: 6px solid #2C2851;
}
#section-causes-and-triggers .viti-triggers-icons .icon-wrapper {
  width: 21.83%;
  text-align: center;
  background-color: #fff;
  padding: 0px 27px 24px 27px;
  border-bottom: 6px solid #2CA4B2;
}
#section-causes-and-triggers .icon-wrapper img {
  margin-top: -46.5px;
}
#section-causes-and-triggers .icon-wrapper p {
  font-family: 'poppins-medium';
  color: #2C2851;
  line-height: 22px;
  margin-bottom: 0px;
  margin-top: 12px;
  font-size: 16px;
  letter-spacing: 0px;
}
#section-causes-and-triggers .viti-causes-icons .icon-wrapper:nth-child(1) p {
  margin: 24px 10px 0 10px;
}
#section-causes-and-triggers .viti-causes-icons .icon-wrapper:nth-child(3) p {
  margin-top: 21px;
}
#section-causes-and-triggers .viti-triggers-icons .icon-wrapper:nth-child(4) {
  padding: 0px 20px 24px 20px;
}

#skin-color-back {
  padding: 40px 0 60px;
}
#skin-color-back .img-wrapper {
  width: 313px;
  flex-shrink: 0;
}
#skin-color-back .text-wrapper {
  width: 585px;
  margin-left: 37px;
}
#skin-color-back .skin-wrapper {
  background-image: linear-gradient(270deg, rgba(205,229,236,0.00) 0%, rgba(182,213,225,0.18) 16%, rgba(182,213,225,0.33) 50%, rgba(182,213,225,0.22) 81%, rgba(159,198,213,0.00) 100%);
  padding: 45px 0 32px 94px;
}
#skin-color-back .skin-t-quote {
  margin-bottom: -34px;
}
#skin-color-back .skin-b-quote {
  margin-top: -33px;
}
#skin-color-back h2 {
  font-size: 24px;
  color: #2D2850;
  margin-bottom: 18px;
}
#skin-color-back p.patient-name {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0px;
  color: #2B2B2B;
  margin-bottom: 3px;
}
#skin-color-back p.patient-name span {
  color: #f15d5e;
}
#skin-color-back .results-text {
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 17px;
  color: #2B2B2B;
  display: inline-flex;
}
#skin-color-back .cta-wrap {
  margin-top: 8px;
}
@media (min-width: 576px) {
  #skin-color-back a.viti-blue-br-cta {
      min-width: 374px;
  }
}
@media (min-width: 991px) {
  #section-causes-and-triggers .viti-causes-icons {
      justify-content: space-between !important;
  }
  #section-causes-and-triggers .viti-triggers-icons {
      justify-content: space-between !important
  }
  #section-causes-and-triggers .content-container {
    position: relative;
  }
  #section-causes-and-triggers .content-container::before {
      content: '';
      position: absolute;
      background: url('../vitiligo-update2-images/droplet.webp');
      width: 120px;
      height: 120px;
      background-repeat: no-repeat;
      background-size: contain;
      left: -95px;
      top: -130px;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  #section-causes-and-triggers .content-container::before {
    left: 0px;
  }
}
@media (max-width: 991px) {
  #section-causes-and-triggers .content-container {
      position: relative;
  }
  #section-causes-and-triggers .content-container::before {
      content: '';
      position: absolute;
      background: url('../vitiligo-update2-images/vertical-swipe.webp');
      background-repeat: repeat;
      background-size: auto;
      width: 92px;
      height: 107px;
      background-repeat: no-repeat;
      background-size: contain;
      left: 0px;
      top: -140px;
  }
  #section-causes-and-triggers {
      padding: 94px 0 50px;
  }
  #section-causes-and-triggers .viti-causes-icons {
      flex-direction: column;
      padding: 72px 0 25px;
  }
  #section-causes-and-triggers p.funda-para {
      margin-bottom: 25px;
  }
  #section-causes-and-triggers .viti-causes-icons .icon-wrapper {
      width: 255px;
      margin: 0 auto;
      padding-bottom: 0px;
      height: 200px;
  }
  #section-causes-and-triggers .viti-causes-icons .icon-wrapper:nth-child(2) {
      margin-top: 72px;
      margin-bottom: 82px;
  }
  #section-causes-and-triggers .viti-triggers-icons {
      flex-direction: column;
      padding-top: 82px;
  }
  #section-causes-and-triggers .viti-triggers-icons .icon-wrapper {
      width: 200px;
      margin: 0 auto 82px auto;
      padding-bottom: 0px;
      height: 127px;
  }
  #section-causes-and-triggers .viti-triggers-icons .icon-wrapper:nth-child(4) {
      margin-bottom: 0px;
  }

  #skin-color-back .content-container {
      flex-direction: column;
  }
  #skin-color-back .img-wrapper {
      margin: 0 auto;
  }
  #skin-color-back .text-wrapper {
      text-align: center;
      margin-left: 0px;
  }
  #skin-color-back .skin-wrapper {
      padding: 54px 0;
  }
  #skin-color-back h2 {
      width: 300px;
      margin-left: auto;
      margin-right: auto;
  }
}
@media (max-width: 575px) {
  #skin-color-back {
    padding-bottom: 50px;
  }
  #skin-color-back .text-wrapper {
      width: 100%;
  }
  #skin-color-back .skin-t-quote.desktop,
  #skin-color-back .skin-b-quote.desktop {
      display: none;
  }
  #skin-color-back .skin-t-quote.mobile,
  #skin-color-back .skin-b-quote.mobile {
      display: block !important;
  }
  #skin-color-back .skin-t-quote.mobile {
      margin-bottom: -31px;
  }
  #skin-color-back .skin-b-quote.mobile {
      margin-top: -30px;
  }
  #skin-color-back .cta-wrap {
    margin-top: 25px;
  }

}
@media (min-width:576px) and (max-width:991px) {
  #skin-color-back .text-wrapper {
      margin: 0 auto;
  }
}

#patient-support-header {
  padding: 25px 0;
}
#patient-support-header ul {
  list-style: none;
  margin: 0px;
  border-radius: 25px;
  background: #1D8190;
  padding: 0px 10px;
  justify-content: space-around !important;
}
#patient-support-header li {
  padding: 11px 0;
}
#patient-support-header li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'poppins-semibold';
  padding: 2px 0;
  display: inline-block;
  line-height: 24px;
  text-underline-offset: 2px;
}
#patient-support-header li a.active {
  color: #DCBDA0;
}
@media (max-width: 991px) {
  #patient-support-header {
      padding: 15px 0;
  }
  #patient-support-header ul {
      flex-direction: column;
      max-width: 253px;
      margin: 0 auto;
      text-align: center;
      padding: 8px 0;
  }
  #patient-support-header li {
      padding: 2px 0;
  }
}
@media (min-width: 991px) {
  #patient-support-header {
      top: 41px;
      position: sticky;
      position: -webkit-sticky;
      z-index: 2;
  }
}

@media (min-width:1200px) {
  #patient-support-header .content-container,
  #patient-support-text .content-container {
      max-width: 920px;
  }
  #patient-support-header li a:hover {
      text-decoration: none;
  }
  #patient-support-header li a:focus-visible {
      overflow: unset;
      outline: 1px dotted #fff;
      outline-offset: 2px;
  }
  #navigating-coverage .content-container {
      max-width: 990px;
  }
}

#patient-support-text {
  padding: 7px 0 50px 0;
}
#patient-support-text h2 {
  color: #2C2851;
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  margin-bottom: 20px;
}
#patient-support-text p {
  letter-spacing: 0.44px;
  line-height: 24px;
}
#patient-support-text .content-container {
  position: relative;
}
#patient-support-text .content-container::before {
  content: '';
  background-image: url('../vitiligo-update2-images/patient-support-3-drops.svg');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -95px;
  top: -7px;
  width: 36.64px;
  height: 100%;
}
#patient-support-text .content-container::after {
  content: '';
  position: absolute;
  background: url('../vitiligo-update2-images/vertical-swipe.webp');
  background-repeat: repeat;
  background-size: auto;
  width: 76.61px;
  height: 89px;
  background-repeat: no-repeat;
  background-size: contain;
  left: -146px;
  bottom: -110px;
}
@media (min-width:992px) and (max-width:1199px) {
  #patient-support-text .content-container {
      padding-left: 80px;
  }
  #patient-support-text .content-container::before {
      left: 0px;
  }
  #patient-support-text .content-container::after {
      left: 0px;
  }
}
@media (max-width: 991px) {
  #patient-support-text .content-container {
      padding-left: 54px;
  }
  #patient-support-text .content-container::before {
      left: 0px;
      top: 4px;
  }
  #patient-support-text .content-container::after {
      left: 0px;
      bottom: -120px;
  }
  #patient-support-text {
      padding: 12px 0 75px;
  }
  #patient-support-text h2 {
      font-size: 26px;
      letter-spacing: 0px;
      line-height: 34px;
      margin-bottom: 15px;
  }
}

#navigating-coverage {
  background: rgba(220, 189, 160, 0.5);
  padding: 26px 0 50px;
  overflow: hidden;
}
#navigating-coverage .nav-cov-img {
  width: 263px;
  flex-shrink: 0;
}
#navigating-coverage .nav-cov-img .img-wrapper {
  position: relative;
}
#navigating-coverage .nav-cov-img .img-wrapper::after {
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-right-line.svg');
  content: " ";
  bottom: 28px;
  width: 334px;
  height: 75px;
  z-index: 1;
  margin-left: -75px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1360px) {
  #navigating-coverage .nav-cov-img .img-wrapper::after {
    background-image: url('../vitiligo-update2-images/coral-right-line-xl.svg');
    width: 3038px;
  }
}
#navigating-coverage h2 {
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 31px;
  color: #2C2851;
  margin-top: 35px;
  margin-bottom: 30px;
}
#navigating-coverage h3 {
  font-family: 'poppins-semibold';
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 25px;
  color: #2C2851;
  display: flex;
  margin: 0px;
}
#navigating-coverage h3 span {
  background: #2CA4B2;
  border: 3px solid #FFFFFF;
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  margin-top: -5px;
}
#navigating-coverage .nav-cov-wrapper p {
  letter-spacing: 0.29px;
  line-height: 24px;
  color: #2b2b2b;
  margin-right: 46px;
}
#navigating-coverage .nav-left-points {
  width: 40.5%;
  flex-shrink: 0;
  margin-right: 75px;
}
#navigating-coverage .nav-right-points {
  width: 44.95%;
}
#navigating-coverage .presc-point {
  margin-bottom: 35px;
}
#navigating-coverage .nav-right-points .presc-point {
  padding-right: 20px;
}
#navigating-coverage .nav-right-points .presc-point:nth-child(2) {
  padding-right: 0px;
}
#navigating-coverage .presc-point p {
  font-size: 16px;
  color: #2b2b2b;
  line-height: 24px;
  letter-spacing: 0.44px;
  margin-top: 15px;
}
#navigating-coverage .presc-point p strong {
  font-family: 'poppins-semibold';
}
#navigating-coverage .terms-cond-text p {
  font-size: 12px;
  line-height: 17px;
  color: #2B2B2B;
  margin-top: -5px;
  margin-right: 42px;
}

@media (max-width: 991px) {
  #navigating-coverage {
      padding: 79px 0 50px;
  }
  #navigating-coverage h2 {
      margin-top: 0px;
      max-width: 260px;
  }
  #navigating-coverage .nav-cov-wrapper {
      flex-direction: column;
  }
  #navigating-coverage .nav-cov-img {
      display: none;
  }
  #navigating-coverage .nav-cov-wrapper p {
      margin-right: 0px;
  }
  #navigating-coverage .nav-cov-points {
      flex-direction: column;
      margin-top: 30px;
  }
  #navigating-coverage .nav-left-points {
      width: 100%;
      margin-right: 0px;
  }
  #navigating-coverage .nav-right-points {
      width: 100%;
  }
  #navigating-coverage .presc-point p {
      margin-right: 0px;
  }
  #navigating-coverage .terms-cond-text p {
      margin-right: 0px;
  }
}


@media (min-width: 1200px) {
  #tracking-tools .tracking-tools-wrapper .content-container {
      max-width: 980px;
  }
}
#tracking-tools .tracking-tools-wrapper {
  padding-top: 45px;
  background-image: linear-gradient(218deg, rgba(201,224,235,0.37) 36%, rgba(179,208,222,0.80) 100%);
}
#tracking-tools .tracking-tools-wrapper .track-your-treatment .img-wrapper {
  width: 436px;
  flex-shrink: 0;
  margin-right: 46px;
  position: relative;
}
#tracking-tools .tracking-tools-wrapper .track-your-treatment .img-wrapper::before {
  content: '';
  position: absolute;
  background-image: url('../vitiligo-update2-images/coral-left-line.svg');
  width: 322px;
  height: 75px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 19.73px;
  left: -190px;
}
@media (min-width: 1360px) {
  #tracking-tools .tracking-tools-wrapper .track-your-treatment .img-wrapper::before {
      background-image: url('../vitiligo-update2-images/coral-left-line-xl.svg');
      width: 3038px;
      left: -2909px;
  }
}
#tracking-tools .tracking-tools-wrapper h2 {
  font-size: 36px;
  letter-spacing: -0.4px;
  line-height: 45px;
  color: #2C2851;
  margin-bottom: 22px;
}
#tracking-tools .tracking-tools-wrapper h3 {
  font-family: 'gobold-bold';
  font-size: 24px;
  letter-spacing: 0.27px;
  line-height: 27px;
  text-transform: uppercase;
  color: #2D2850;
  margin-bottom: 23px;
}
#tracking-tools .tracking-tools-wrapper p {
  line-height: 24px;
  color: #2B2B2B;
}
#tracking-tools .tracking-tools-wrapper .cta-wrap {
  margin-top: 30px;
  margin-bottom: 21.72px;
}
#tracking-tools .tracking-tools-wrapper .track-your-progress {
  position: relative;
  top: 9px;
}
#tracking-tools .tracking-tools-wrapper .track-your-progress .img-wrapper {
  width: 447.32px;
  flex-shrink: 0;
  margin-left: 109.61px;
}
#tracking-tools .tracking-tools-wrapper .track-your-progress h3 {
  font-size: 25px;
  line-height: 33px;
  letter-spacing: 0.17px;
}
#tracking-tools .tracking-tools-wrapper .track-your-progress p {
  letter-spacing: 0.3px;
  margin-right: 18px;
}
#tracking-tools .tracking-tools-wrapper .apps-img-wrap {
  margin-top: 30px;
}
#tracking-tools .tracking-tools-wrapper .apps-img-wrap .apps-store {
  margin-right: 36px;
}
#tracking-tools .tracking-tools-wrapper .apps-img-wrap .apps-store a {
  background: url("../vitiligo-update2-images/appstore.svg") no-repeat;
  width: 178px;
  height: 60px;
  display: block;
  color: transparent;
  background-size: contain;
}
#tracking-tools .tracking-tools-wrapper .apps-img-wrap .playstore a {
  background: url("../vitiligo-update2-images/google-play.svg") no-repeat;
  width: 201px;
  height: 60px;
  display: block;
  color: transparent;
  background-size: contain;
}
#tracking-tools .tracking-tools-wrapper .navy-line-18 {
  background: #2C2851;
  height: 18px;
  position: relative;
  top: 9px;
  z-index: 1;
}
@media (min-width: 576px) {
  #tracking-tools .tracking-tools-wrapper a.viti-blue-cta {
      min-width: 223px
  }
}
@media (max-width: 991px) {
  #tracking-tools .tracking-tools-wrapper .track-your-treatment {
      flex-direction: column;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-treatment .img-wrapper {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 25px;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-treatment .desktop-image {
    display: none;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-treatment .mobile-image {
    display: block !important;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-treatment .img-wrapper::before {
      bottom: 0px;
  }
  #tracking-tools .tracking-tools-wrapper h2 {
      margin-bottom: 17px;
  }
  #tracking-tools .tracking-tools-wrapper h3 {
      margin-bottom: 17px;
  }
  #tracking-tools .tracking-tools-wrapper p {
      margin-bottom: 14px;
  }
  #tracking-tools .tracking-tools-wrapper .cta-wrap {
      margin: 25px 0
  }
  #tracking-tools .tracking-tools-wrapper .track-your-progress {
      flex-direction: column;
      text-align: center;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-progress .img-wrapper {
      width: 100%;
      margin-left: 0px;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-progress h3 {
      margin: 0 auto 25px;
      max-width: 290px;
  }
  #tracking-tools .tracking-tools-wrapper .apps-img-wrap {
      flex-direction: column;
      margin-top: 20px;
      align-items: center;
      margin-bottom: 20px;
  }
  #tracking-tools .tracking-tools-wrapper .apps-img-wrap .apps-store {
      margin-right: 0px;
      margin-bottom: 21px;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-progress .desktop-image {
      display: none;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-progress .mobile-image {
      display: block !important;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  #tracking-tools .tracking-tools-wrapper .track-your-treatment .img-wrapper {
      max-width: 436px;
      margin-left: auto;
      margin-right: auto;
  }
  #tracking-tools .tracking-tools-wrapper .track-your-progress .img-wrapper {
      max-width: 447px;
      margin: 0 auto;
  }
}

#faq {
  padding: 50px 0;
  background: #fff;
}
#faq h2 {
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: 48px;
  margin-bottom: 45px;
  color: #2C2851;
  text-align: center;
  font-family: 'gobold-bold';
}
#faq .accordion-item {
  border: solid 1px #2CA4B2;
  margin-bottom: 20px; 
  border-radius: 4px;
}
#faq .accordion-item:last-child {
  margin-bottom: 0px;
}
#faq .accordion-button {
  background: #2CA4B2;
  color: #fff;
  border-radius: 0px;
  padding: 15px 50px 15px 22px;
  font-family: 'poppins-semibold';
  font-size: 17px;
  line-height: 24px;
  z-index: 1;
}
#faq .accordion-button::before {
  content: '';
  width:20px;
  height: 20px;
  border-radius: 50px;
  background: #2C2851;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
#faq .accordion-button::after {
  position: absolute;
  right: 29px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #fff;
  border-left: 1.5px solid #fff;
  transform: rotate(45deg);
  top: 2px;
  z-index: 1;
  content: '';
  background: none;
}
#faq .accordion-button.collapsed::after {
  transform: rotate(225deg);
  top: -2px;
}
#faq .accordion-body {
  padding: 15px 22px;
}
#faq .accordion-body p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.09px;
  margin-bottom: 0px;
}
#faq .accordion-body p.most-insu {
  margin-bottom: 10px;
}
#faq a.text-link {
  white-space: unset;
}
#faq .accordion .accordion-item:has(.accordion-collapse.show), 
#faq .accordion .accordion-button:not(.collapsed)  {
  border-radius: 0px 0px 4px 4px !important;
}
@media (min-width:1200px) {
  #faq .content-container{
      max-width: 920px;
      margin-left: auto;
      margin-right: auto;
  }
}
@media (max-width:767px) {
  #faq h2 {
      text-align: left;
      margin-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  #tracking-tools .tracker-journal-section .content-container {
      max-width: 100%;
  }
}
#tracking-tools .tracker-journal-section {
  padding: 55px 0 60px 0;
}
#tracking-tools .tracker-journal-section img {
  width: 60px;
}
#tracking-tools .tracker-journal-section .pdf-wrapper {
  width: 50%;
}
#tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(1) {
  border-right: 1px solid #2C2851;
}
#tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(1) img {
  margin-top: -10px;
}
#tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(2) img {
  margin-top: -10px;
}
#tracking-tools .tracker-journal-section h4 {
  font-family: 'poppins-semibold';
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 25px;
  color: #2C2851;
  margin-bottom: 14px;
  margin-top: 8px;
}
#tracking-tools .tracker-journal-section p {
  letter-spacing: 0.29px;
  line-height: 24px;
  max-width: 407px;
  margin: 0 auto;
}
#tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(2) p {
  max-width: 350px;
}
#tracking-tools .tracker-journal-section .cta-wrap {
  margin-top: 45px;
}
@media (min-width: 576px) {
  #tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(1) a.viti-blue-cta {
      min-width: 268px;
  }
  #tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(2) a.viti-blue-cta {
      min-width: 260px;
  }
}
@media (max-width: 991px) {
  #tracking-tools .tracker-journal-section .journal-habit-wrapper {
      flex-direction: column;
  }
  #tracking-tools .tracker-journal-section .pdf-wrapper {
      width: 100%;
  }
  #tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(1) {
      border-right: 0px;
      padding-bottom: 50px;
      position: relative;
      margin-bottom: 80px;
  }
  #tracking-tools .tracker-journal-section .pdf-wrapper:nth-child(1)::before {
      content: '';
      position: absolute;
      width: 248px;
      height: 1px;
      background: #2C2851;
      bottom: 0px;
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
  }   
}

/* Captcha CSS */
form .captcha legend,
form .captcha .captcha__description {
  display: none;
}
form .captcha .custom-captcha-description {
  font-size: 14px !important;
  letter-spacing: .25px !important;
  line-height: 20px !important;
  color: #2b2b2b !important;
  font-family: 'poppins-regular' !important;
  margin-bottom: 0px;
}
form .captcha {
  position: relative;
}
@media (min-width: 991px) {
  form .captcha .captcha__element {
    padding: 20px 0 40px;
  }
  form .captcha .form-error ~ .captcha__element {
    padding-bottom: 60px;
  }
  form .captcha .form-error {
    position: absolute;
    bottom: 20px;
    margin-bottom: 0px;
  }
}
@media (max-width: 991px) {
  form.webform-submission-stay-informed-vitiligo-form .captcha .captcha__element {
    padding: 22px 0 50px;
  }
  form.webform-submission-share-your-story-vitiligo-form .captcha .captcha__element {
    padding: 22px 0 44px;
  }
  form.webform-submission-copy-get-started-vitiligo-form .captcha .captcha__element {
    padding: 34px 0 40px 0;
  }
  form.webform-submission-stay-informed-vitiligo-form .captcha .form-error ~ .captcha__element {
    padding-bottom: 102px;
  }
  form.webform-submission-share-your-story-vitiligo-form .captcha .form-error ~ .captcha__element {
    padding-top: 68px;
  }
  form.webform-submission-copy-get-started-vitiligo-form .captcha .form-error ~ .captcha__element {
    padding-top: 64px;
  }
  form.webform-submission-stay-informed-vitiligo-form .captcha .form-error {
    position: absolute;
    bottom: 55px;
    margin-bottom: 0px;
    max-width: 310px;
  }
  form.webform-submission-share-your-story-vitiligo-form .captcha .form-error {
    position: absolute;
    top: 56px;
    margin-bottom: 0px;
    max-width: 310px;
  }
  form.webform-submission-copy-get-started-vitiligo-form .captcha .form-error {
    position: absolute;
    top: 45px;
    margin-bottom: 0px;
    max-width: 310px;
  }
}