.common-title-wrap .headingbig-h1 {font-family: "Montserrat", sans-serif;font-weight: 800;color: #6167fb;text-transform: uppercase;line-height: 1;margin-bottom: 10px;}
.common-title-wrap .headingbig-h1 .headingbig-h2-big {font-family: "Montserrat", sans-serif;font-weight: 900;color: #6167fb;text-transform: uppercase;font-size: 115px;}
.common-title-wrap .headingbig-h1 .headingbig-h2-small {font-family: "Montserrat", sans-serif;font-weight: 800;color: #6167fb;text-transform: uppercase; font-size: 84px;}
.common-title-wrap .headingbig-h2 {font-family: "Montserrat", sans-serif;font-weight: 800;color: #6167fb;text-transform: uppercase;line-height: 60px;margin-bottom: 0;}
.common-title-wrap .headingbig-h2 .headingbig-h2-big {font-family: "Montserrat", sans-serif;font-weight: 900;color: #6167fb;text-transform: uppercase;font-size: 115px;}
.common-title-wrap .headingbig-h2 .headingbig-h2-small {font-family: "Montserrat", sans-serif;font-weight: 800;color: #6167fb;text-transform: uppercase; font-size: 84px;}
.common-title-wrap .heading-h3 {color: #231F20;font-size: 30px;line-height: 36px;font-family: "Montserrat", sans-serif;font-weight: 800;text-transform: uppercase;margin-bottom: 10px;letter-spacing: normal;}
.common-title-wrap p {color: #221F1F;font-size: 18px;line-height: 28px;font-weight: 400;}
.common-title-wrap .heading-h2 {font-family: "Montserrat", sans-serif;font-weight: 600;color: #221F1F;text-transform: uppercase;font-size: 35px;line-height: 40px;text-align: center;position: relative;display: inline-block;}
.common-title-wrap .heading-h2 span {font-weight: 800;color: #6167fb;line-height: 60px;}
.common-title-wrap .heading-h2 .headingh2-span {font-weight: 800;color: #6167fb;}

.heading-hr{position: relative;width: 100%;background-color: #6167fb;height: 2px;margin: 0 auto;}
.heading-hr::after {content: ''; background-color: #6167fb;border-radius: 100%;width: 10px;height: 10px;position: absolute;top:-4px;right: 0;}

.masthead-banner {height: auto; width: 100%;}
.color-pink {color: #ea6397 !important;}
.getscreened-list .factors-icons img {max-width: 65px;}

.color-blue-dark {color: #6167fb !important;}

/*--------------------------------------------------------------
  # Splitting
  --------------------------------------------------------------*/
  .splitting .word,
  .splitting .char {
    display: inline-block;
    overflow: hidden;
    height: 45px;
  }
  
  /* Psuedo-element chars */
  .splitting .char {
    position: relative;
  }
  
  /**
   * Populate the psuedo elements with the character to allow for expanded effects
   * Set to `display: none` by default; just add `display: block` when you want
   * to use the psuedo elements
   */
  .splitting .char::before,
  .splitting .char::after {
    content: attr(data-char);
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    transition: inherit;
    user-select: none;
  }
  
  /* Expanded CSS Variables */
  
  .splitting {
    /* The center word index */
    --word-center: calc((var(--word-total) - 1) / 2);
  
    /* The center character index */
    --char-center: calc((var(--char-total) - 1) / 2);
  
    /* The center character index */
    --line-center: calc((var(--line-total) - 1) / 2);
  }
  
  .splitting .word {
    /* Pecent (0-1) of the word's position */
    --word-percent: calc(var(--word-index) / var(--word-total));
  
    /* Pecent (0-1) of the line's position */
    --line-percent: calc(var(--line-index) / var(--line-total));
  }
  
  .splitting .char {
    /* Percent (0-1) of the char's position */
    --char-percent: calc(var(--char-index) / var(--char-total));
  
    /* Offset from center, positive & negative */
    --char-offset: calc(var(--char-index) - var(--char-center));
  
    /* Absolute distance from center, only positive */
    --distance: calc(
       (var(--char-offset) * var(--char-offset)) / var(--char-center)
    );
  
    /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
    --distance-sine: calc(var(--char-offset) / var(--char-center));
  
    /* Distance from center where 1 is far left/far right, 0 is center */
    --distance-percent: calc((var(--distance) / var(--char-center)));
  }
  
  
  .splitting .char {
      position: relative;
    line-height:45px;
  }
    .heading-h2.splitting .char {
    transition: transform 1s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.6s linear;
    transition-delay: calc( 20ms * var(--char-index) );
    -webkit-transition: transform 1s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.6s linear;
    -moz-transition: transform 1s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.6s linear;
    -ms-transition: transform 1s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.6s linear;
    -o-transition: transform 1s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.6s linear;
}
    .heading-h2.splitting[data-scroll=out] .char {
    opacity: 0.1;
    transform: translateY(0.55em);
    }
    .heading-h2.splitting .word .char {color: #1B1A1F;}
.heading-higlight .word .char {color: #6167fb !important;}

/* .text-anim span {display: inline-block;} */


.common-title-wrap.normal-common-title h2 {font-family: 'Oxygen', sans-serif;}
.common-title-wrap.normal-common-title h2 .heading-higlight {color: #1B1A1F;-webkit-text-stroke: 1px #1B1A1F; text-stroke: 1px #1B1A1F;}



.revealup {opacity: 0;transform: translate3d(0,200px,0);transition: opacity .8s,transform .8s;visibility: hidden}
.revealup_visible {opacity: 1;transform: translate3d(0,0,0);visibility: visible}

.revealflip {opacity: 0;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.4, -0.05, 0.25, 1);visibility: hidden;backface-visibility: hidden;transition-property: transform;transform: perspective(2500px) rotateY(-100deg); transition-delay: 0.1s; }
.revealflip_visible {opacity: 1;transform: perspective(2500px) rotateY(0);visibility: visible;}


.swift-up-animation .swift-up-text span{display: inline-block;overflow: hidden;animation: .3s swift-up ease-in-out forwards;-webkit-transition: .3s swift-up ease-in-out forwards;	-moz-transition: .3s swift-up ease-in-out forwards;-o-transition: .3s swift-up ease-in-out forwards;-ms-transition: .3s swift-up ease-in-out forwards;}
.swift-up-animation .swift-up-text i {font-style: normal !important;position: relative;top: 42px;animation: .5s swift-up ease-in-out forwards;-webkit-transition: .5s swift-up ease-in-out forwards;-moz-transition: .5s swift-up ease-in-out forwards;-o-transition: .5s swift-up ease-in-out forwards;-ms-transition: .5s swift-up ease-in-out forwards;}
  
.hidden-body {opacity: 0;}
.visible-body {opacity: 1;transition: opacity 1s ease-out;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;}

.common-btn {padding: 8px 30px;color: #6167fb; border: 2px solid #6167fb;cursor: pointer;font-size: 20px;line-height: 26px;font-weight: 700; border-radius: 8px;display: inline-block;transition: ease-out 0.5s;-webkit-transition: ease-out 0.5s;-moz-transition: ease-out 0.5s;position: relative;background-color: transparent;}
.common-btn:hover {background-color: #6167fb;color: #fff;border: 2px solid #ffffff;}
.common-btn-fill {padding: 8px 30px;color: #6167fb; border: 2px solid #fff;cursor: pointer;font-size: 20px;line-height: 26px;font-weight: 700; border-radius: 8px;display: inline-block;transition: ease-out 0.5s;-webkit-transition: ease-out 0.5s;-moz-transition: ease-out 0.5s;position: relative;background-color: #D9D9D9;}


.common-carousel-box .slide-box .play-icon img {width: 60px;}
.button_with_data_src {z-index: 2;}
.slick-custom-arrow {background-color: #6167fb;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;bottom: -65px;}
.slick-custom-arrow-right {right: 10px;}
.slick-custom-arrow-left {right: 60px;}
.slick-counter {position: absolute;bottom: -70px;right: 120px;font-size: 18px;line-height: 24px;color: #000000;font-weight: 700;}
.slick-counter .current {color: #6167fb;}
.slick-counter .total {color: #000000;}

.text-white {color: #ffffff;}
.white-common-btn {border: 2px solid #6167fb;background-color: #fff;}


.masthead_banner {position: relative;}
.banner-bottom {position: absolute;bottom: auto;margin-top: -10rem;width: 100%;}
.banner-bottom img {width: 100%;}
.banner-group {position: absolute;bottom: 0;right: 0;}
.masthead_inneer {position: relative;height: 100vh;}
.banner-logo {position: absolute;top: 15%;right: 80px;}
.banner-graphic {position: absolute;top: -2%;left: 0;transform: translate(40%, 45%);z-index: 1;}
.letsstart-wrap {display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;width: 85%;}

.commot-padding-t {padding: 80px 0 0 0;}
.commot-padding-b {padding: 0 0 80px 0;}
.commot-padding-tb {padding: 80px 0 80px 0;}

.reverse-row {flex-direction: row-reverse;}

.cervicalcancer-intro {padding: 80px 0 0px 0;}

.intro-img {border-radius: 8px;position: relative;}
.intro-img img {border-radius: 8px;}
.common-title-wrap {position: relative;}
.element-01 {position: absolute;top: -20%;left: 0;}
.play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.meetmedicalexperts-section {background-size: cover;background-position: center center;padding: 60px 0 80px 0;}
.voicesthatinspire-section {padding-bottom: 0;}

.banner-txt-wrap {position: relative;}
.gaanthpedhyaan-text {position: absolute;top: 22%;left: 25%;}
.banner-group-img {display: flex;align-items: center;justify-content: center;width: 100%;position: relative;}
.banner-group-img img {position: absolute;width: auto;}
.banner-group-img img:nth-child(1) {bottom: 0;left: -85%;}
.banner-group-img img:nth-child(2) {bottom: 0;left: -45%;z-index: 1;}
.banner-group-img img:nth-child(3) {bottom: 0;left: 5%;z-index: 1;}
.banner-group-img img:nth-child(4) {bottom: 0;left: 30%;}
.banner-search2 {position: relative;bottom: 0;left: -25%;}


.slick-slide {margin: 0 10px;}
.common-carousel-box .slide-box {position: relative;}
.common-carousel-box .slide-box h3 {color: #fff;font-size: 18px;line-height: 26px;text-transform: uppercase;font-weight: 900;margin-bottom: 0;}
.common-carousel-box .slide-box p {margin-bottom: 0;color: #fff;font-size: 15px;line-height: 20px;font-weight: 400;}
.common-carousel-box .slide-box figcaption {background-color: #6167fb;padding: 15px 15px;text-align: center; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;height: 140px;margin-top: 0px;position: relative;z-index: 1;}
.common-carousel-box .slide-box figure {border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;overflow: hidden;margin-bottom: 0;}
.common-carousel-box .slide-box figure img {border-top-left-radius: 10px;border-top-right-radius: 10px;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.common-carousel-box.voicesthatinspire-row .slide-box figcaption {height: 110px;}


.intro-img {overflow: hidden;}
.intro-img img {-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.intro-img:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}

.common-carousel-box .slide-box:hover figure img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.common-carousel-box .slide-box .play-icon {top: 40%;}

.communityspeak-section {padding: 80px 0 140px 0;}
.carousel-communityspeak {margin-top: 30px;}

/* .factors-section {padding: 120px 0 120px 0;} */
.factors-section .common-title-wrap p {padding: 0 160px;}
.factors-list-row {display: flex;align-items: start;justify-content: center;flex-wrap: wrap;}
.factors-list {position: relative;flex-wrap: wrap;overflow: hidden;text-align: left;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;  -ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;max-width: 31%;flex: 0 0 31%;margin-right: 2%; padding: 25px 25px; border-radius: 8px;min-height: 120px;display: flex;justify-content: start;  align-items: center;margin-bottom: 30px;}
.factors-list .factors-icons img {position: absolute;left:0;top:0;}
.factors-list .factors-icons img:last-of-type {opacity: 0;transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;  -ms-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;}
.factors-list .factors-icons {position: relative; width: 100%;text-align: center;display: flex;align-items: start;justify-content: start;}
.factors-list:hover .factors-icons img:last-of-type {opacity: 1;}
.factors-list:hover .factors-icons img:first-child { opacity: 0;}
.factors-list p {margin-bottom: 0;font-size: 18px;line-height: 28px;color: #000000;text-align: left;margin-left: 85px;}
.factors-list:hover {background-color: #6167fb;}
.factors-list:hover p {color: #ffffff;}
.factors-section .btn-wrap {margin-top: 30px;}
.factors-section  .common-title-wrap .heading-hr {margin-bottom: 0;}



.getscreened-section .common-title-wrap p {padding: 0 160px;}
.getscreened-list-row {display: flex;align-items: start;justify-content: center;flex-wrap: wrap;}
.getscreened-list {position: relative;flex-wrap: wrap;overflow: hidden;text-align: left;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;  -ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;max-width: 31%;flex: 0 0 31%;margin-right: 2%; padding: 25px 25px; border-radius: 8px;min-height: 120px;display: flex;justify-content: start;  align-items: center;margin-bottom: 30px;}
.getscreened-list .factors-icons img {position: absolute;left:0;top:0;}
.getscreened-list .factors-icons img:last-of-type {opacity: 0;transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;  -ms-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;}
.getscreened-list .factors-icons {position: relative; width: 100%;text-align: center;display: flex;align-items: start;justify-content: start;}
.getscreened-list:hover .factors-icons img:last-of-type {opacity: 1;}
.getscreened-list:hover .factors-icons img:first-child { opacity: 0;}
.getscreened-list p {margin-bottom: 0;font-size: 18px;line-height: 28px;color: #000000;text-align: left;margin-left: 85px;}
.getscreened-list:hover {background-color: #6167fb;}
.getscreened-list:hover p {color: #ffffff;}
.getscreened-section .btn-wrap {margin-top: 30px;}
.getscreened-section  .common-title-wrap .heading-hr {margin-bottom: 0;}




.quiz-section {background-repeat: no-repeat;background-position: center;background-size: cover;height: 550px;display: flex;align-items: center;}
.white-color-container .common-title-wrap {position: relative;}
.white-color-container .common-title-wrap .heading-h2 {color: #fff;text-align: left;}
.white-color-container .common-title-wrap span {color: #fff;line-height: 45px;}
.white-color-container .common-title-wrap p {color: #fff;margin-bottom: 10px;}
.white-color-container .heading-hr {background-color: #fff;margin-bottom: 0;}
.white-color-container .heading-hr::after {background-color: #fff;}
.q-wrap {position: absolute;bottom: 0;right: 0;transform: translate(100%, 25%);-webkit-transform: translate(100%, 25%); -moz-transform: translate(100%, 25%); -o-transform: translate(100%, 25%); -ms-transform:translate(100%, 25%); }

.carousel-medicalexperts {margin-top: 40px;}


.eventreports-section {position: relative;}
.carousel-eventreports {margin-top: 20px;}
.carousel-eventreports.common-carousel-box .slide-box figcaption {margin-top: 0;height: 110px;text-align: left;}
.carousel-eventreports.common-carousel-box .slide-box .white-common-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;position: absolute;bottom: -10px;left: 20px;
transform: translate(45%, 50%); -webkit-transform: translate(45%, 50%);-moz-transform: translate(45%, 50%);-o-transform: translate(45%, 50%);-ms-transform: translate(45%, 50%);z-index: 1;opacity: 0;}
.carousel-eventreports.common-carousel-box .slide-box .white-common-btn:hover {background-color: #fff;color: #6167fb;border: 2px solid #6167fb;} 
.carousel-eventreports.common-carousel-box .slide-box:hover .white-common-btn img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);  -ms-transform:scale(1)}
.carousel-eventreports.common-carousel-box .slide-box:hover .white-common-btn {opacity: 1;bottom:0px;}
.carousel-eventreports.common-carousel-box .slide-box:hover figcaption {background-color: #1B1A1F;}
.common-carousel-box.carousel-eventreports .slide-box figure {overflow: initial;}
.carousel-eventreports .slick-list {padding-bottom: 40px;}
.slidefigure {position: relative;overflow: hidden;}
.eventreports-row .slick-custom-arrow-left {left: 48%;}
.eventreports-row .slick-custom-arrow-right {right: 44.5%;}

.common-carousel-box.carousel-eventreports .slidefigure{ position: relative;}
.common-carousel-box.carousel-eventreports .play-icon{top:50% !important;}
.common-carousel-box.carousel-eventreports .slide-box .play-icon img{ width: auto;}

.bg-gray-200 {background-color: #f5f5f5;}


.selfexamination-section {padding: 60px 0 120px 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.selfexamination-section .btn-wrap {margin-top: 50px;}
.carousel-selfexamination {margin-right: 0;}
.carousel-selfexamination .slidebox-inner {background-color: rgba(0, 174, 174, 40%);position: relative;border-top-left-radius: 120px;border-top-right-radius: 120px;border-bottom-left-radius: 120px;border-bottom-right-radius: 120px;height: 450px;position: relative;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;  -ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.carousel-selfexamination .slidebox-inner h3 {font-family: "Playfair Display", serif;font-size: 251px;line-height: 201px; font-weight: 500;color: rgba(255, 255, 255, 40%);margin-bottom: 0;  position: absolute;bottom: 60px;left: 25px;}
.carousel-selfexamination .slidebox-inner p {color: #231F20;font-size: 15px;line-height: 26px;margin-bottom: 0;font-weight: 500;text-align: center;padding: 0 6px;position: absolute;  bottom: 85px;left: 0px; display: flex;align-items: start;justify-content: center; min-height: 50px;width: 100%;}
.carousel-selfexamination .slidebox-inner .slidebox-icons {width: 100%;height: auto;position: absolute;left: 0px;top: 0px;border-radius: 100%;
  box-shadow: rgba(0, 174, 174, 1) 0px 2px 10px;}
.carousel-selfexamination .slidebox-inner .slidebox-icons img {width: 199px;height: 199px;/*border-radius: 100%;*/}
.carousel-selfexamination .slick-list {padding-top: 30px;}

.carousel-selfexamination .slide-box:hover .slidebox-inner {background: rgb(0,174,174);background: linear-gradient(0deg, rgba(0,174,174,1) 20%, rgba(0,174,174,0) 100%);}
/* .carousel-selfexamination .my_currentindex .slidebox-inner {background: rgb(0,174,174);background: linear-gradient(0deg, rgba(0,174,174,1) 20%, rgba(0,174,174,0) 100%);} */

/* .carousel-selfexamination .my_currentindex p {color: #fff;} */
.carousel-selfexamination .slide-box:hover p {color: #fff;}
.carousel-selfexamination .slidebox-inner {width: 199px;}
.carousel-selfexamination .slide-box {margin: 0;display: flex;justify-content: center;}
.carousel-selfexamination .slick-custom-arrow {bottom: -90px;}
.carousel-selfexamination .slick-custom-arrow-left {right: 24%;}
.carousel-selfexamination .slick-custom-arrow-right {right: 20%;}
.carousel-selfexamination .slick-counter {right: 0;bottom: -90px; display: none;}
.carousel-selfexamination {display: flex; align-items: center; justify-content: center;gap: 20px; margin-top: 20px; flex-wrap: wrap;}





.modal-profile {text-align: center;}
.modal-profile h3 {font-size: 18px;line-height: 26px;color: #6167fb;font-weight: 800;margin-bottom: 0;margin-top:10px; }
.modal-profile h4 {margin-top: 0;font-size: 16px;line-height: 24px;color: #221F1F;font-weight: 500;}
.modal-profilecontent p{font-size: 16px;line-height: 24px;color: #221F1F;}
.modal-profilecontent {overflow-y: auto;height: 350px;padding-right: 27px;margin-top: 30px;}

.mb-10 {margin-bottom: 10px;}
.mt-10 {margin-top: 80px;}

.img-responsive {max-width: 100%;}

.button_with_data_src {cursor: pointer;}



.footnote {position: relative;margin-top: 50px;}
.footnote p {margin-bottom: 0;font-size: 13px;line-height: 18px;font-style: italic;}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {padding-top: 90px;}
.modal-profile img {max-width: 80%;}

.footnote-txt {position: relative;margin-top: 20px;clear: both;padding-left: 40px;}
.footnote-txt p {margin-bottom: 0;font-size: 13px;line-height: 18px;font-style: italic;display: flex;gap: 5px;}

.common-title-wrap ul {padding-left: 20px;}
.common-title-wrap ul li {position: relative;margin-bottom: 5px;}
.common-title-wrap ul li:last-child {margin-bottom: 0;}
.common-title-wrap ul li::before {content: '';position: absolute;left: -20px;top: 7px;width: 8px;height: 8px;background-color: #6167fb;border-radius: 50%;}

.staticcard-section {padding-top: 40px;}
.staticcard-box {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin: 0 auto;padding: 20px 30px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border: 1px solid #6167fb;height: 100%;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; left: 0; bottom: 5px;}
.staticcard-box p {margin-bottom: 0;}
.staticcard-box:hover {background-color: #6167fb;}
.staticcard-box:hover p {color: #fff;}



/* Base state */
.fadinup-animate,
.fadinup-animate-slow,
.fadinup-animate-fast {
  opacity: 0;
  transform: translateY(50px);
}

/* Animated state */
.animate-visible .fadinup-animate,
.animate-visible .fadinup-animate-slow,
.animate-visible .fadinup-animate-fast {
  opacity: 1;
  transform: translateY(0);
}

/* Transition speeds */
.fadinup-animate {
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fadinup-animate-slow {
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fadinup-animate-fast {
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.expand-more {color: #6167fb;border: 1px solid #6167fb;}
.expand-more:focus {color: #6167fb;}
.know_more_btn:hover, .read_more_btn:focus {background: #6167fb;color: #fff !important; border: 1px solid #6167fb;}
.know_more_btn:after {background:url(../../images/right-arrow_darkblue.png) no-repeat center center;transform: rotate(90deg)}

.know_more_btn {cursor: pointer;}
#sitemap_box {display:none;}

.know_more_btn.arrow-up:after {transform: rotate(-90deg)}
video[poster] {object-fit: contain;}
.carousel-riskbreastcancer .slidebox-inner {border-radius: 8px;background: rgb(0,174,174,20%);background: linear-gradient(90deg, rgba(149,26,66,0) 0%, rgba(0,174,174,30%) 100%);padding: 20px 20px;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;  -ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;display: flex;align-items: center;justify-content: center;position: relative;min-height: 150px;overflow: hidden; flex-wrap: wrap;}
.carousel-riskbreastcancer .slidebox-inner .slidebox-left {position: absolute;left: 0;top: 45px;}
.carousel-riskbreastcancer .slidebox-inner .slidebox-left .slidebox-icons {position: relative; width: 100px;text-align: center;display: flex;align-items: start;justify-content: start;}
.carousel-riskbreastcancer .slidebox-inner .slidebox-left .slidebox-icons img {position: absolute;left:15px;top:0;}
.carousel-riskbreastcancer .slidebox-inner .slidebox-left .slidebox-icons img:last-of-type {opacity: 0;transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;  -ms-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;}
.carousel-riskbreastcancer .slide-box:hover .slidebox-icons img:last-of-type {opacity: 1;}
.carousel-riskbreastcancer .slide-box:hover .slidebox-icons img:first-child { opacity: 0;}
.carousel-riskbreastcancer .slidebox-inner h3 {font-family: "Playfair Display", serif;font-size: 251px;line-height: normal; font-weight: 500;color: rgba(0, 174, 174, 20%);margin-bottom: 0;  position: relative; display: none;}
.carousel-riskbreastcancer .slidebox-inner .slidebox-right {text-align: right;margin-left: 95px;}
.carousel-riskbreastcancer .slidebox-inner h4 {color: #231F20;font-size: 22px;line-height: 26px;font-weight: 700;}
.carousel-riskbreastcancer .slidebox-inner p {color: #231F20;font-size: 18px;line-height: 1.25;margin-bottom: 0;}
.carousel-riskbreastcancer .slide-box:hover .slidebox-inner {background-color: #6167fb;}
.carousel-riskbreastcancer .slide-box:hover .slidebox-inner p, .carousel-riskbreastcancer .slide-box:hover .slidebox-inner h4 {color: #fff;}
.carousel-riskbreastcancer .slide-box:hover .slidebox-inner h3 {color: rgba(255, 255, 255, 30%);}

.treatmentispossible-intro .intro-img::after {content: ''; background-color: rgba(0, 0, 0, 20%); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.treatmentispossible-intro .intro-img .play-icon {z-index: 1;}
.treatmentispossible-block figure{ border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; overflow: hidden; margin-bottom: 0;}
.treatmentispossible-block figure img {border-top-left-radius: 10px; border-top-right-radius: 10px;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.treatmentispossible-block figcaption {background-color: #6167fb;padding: 25px 15px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
    height: auto; margin-top: 0px; position: relative; z-index: 1;}
.treatmentispossible-block figcaption h3 {color: #fff; font-size: 18px; line-height: 26px; text-transform: uppercase; font-weight: 900; margin-bottom: 0;}
.treatmentispossible-block figcaption p {margin-bottom: 0;color: #fff; font-size: 15px; line-height: 20px; font-weight: 400;}


.screening-methods-box {background-color: #6167fb;padding: 40px 20px;box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 18px 0px; border-radius: 10px; margin-top: 30px;max-width: 85%;margin: 0 auto;}
.screening-methods-box p {color: #fff;}
.download-btn {color: #6167fb;border: 2px solid #fff; background-color: #fff; border-radius: 25px; padding: 8px 20px; font-weight: 500;}
.download-btn-wrap {display: flex;align-items: center;justify-content: center;}
.download-btn:hover {background-color: #6167fb; border: 2px solid #fff; color: #fff;}
.screening-methods-box h3 {color: #fff; font-weight: 600;}
/* .screening-methods-box:hover {background-color: #6167fb;} */

/*dataspeaks*/
.dataspeaks-list {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px;}
.dataspeaks-list p {text-align: center;}
.dataspeaks-list p span {color: #6167fb;}
.dataspeaks-list img {max-height: 120px;}
.dataspeaks-list-wrapper {margin-top: 20px;}
.dataspeaks-list-data {max-width: 70%;}
.dataspeaks-list-data p strong {font-size: 25px;}
.dataspeaks-list-wrapper {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.dataspeaks-list-outer {flex: 0 0 22%;max-width: 22%;}

/*understandriskfactors*/
.understandriskfactors-list {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px;}
.understandriskfactors-list p {text-align: center;margin-bottom: 0;}
.understandriskfactors-list p span {color: #6167fb;}
.understandriskfactors-list img {max-height: 120px;}
.understandriskfactors-list-wrapper {margin-top: 20px;}
.understandriskfactors-list-data {max-width: 80%;}
.understandriskfactors-list-data p strong {font-size: 25px;}
.understandriskfactors-list-wrapper {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap: 10px;}
.understandriskfactors-list-outer {flex: 0 0 auto;max-width: 24%;}
.understandriskfactors-icon {    width: 100%;display: flex;align-items: center;justify-content: center;}

/*--------------------------------------------------------------
  # Responsive CSS
  --------------------------------------------------------------*/
  @media screen and (max-width: 1920px) { 
  .cervicalcancer-intro {margin-top: 0rem;}
  .banner-bottom {margin-top: -13rem;}
  }
@media (min-width: 1300px){.cervicalcancer_page .container{width: 1320px;max-width: 100%;}}
@media screen and (min-width: 1500px) and (max-width: 1536px) {
    /* .banner-bottom {margin-top: -22rem;} */
}
@media screen and (max-width: 1600px) {
    .cervicalcancer-intro {margin-top: -3rem;}
}
@media screen and (max-width: 1440px) {
  .masthead_inneer {height: 100%;}
  .banner-blank {margin-top: -15px;}
    .banner-bottom {margin-top: -7rem;}
    .cervicalcancer-intro {margin-top: 0rem; }
}

@media screen and (max-width: 1366px) {
  .masthead_inneer {height: 100%;}
  .banner-group {bottom: 0;right: -45px;}
  .banner-graphic {top: -10%;left: -100px;}
  /* .banner-group-img img {max-width: 95%;} */
  /* .banner-graphic img {max-width: 95%;} */
  .banner-logo {top: 12%;right: 45px;}
  .banner-blank img {position: relative;top: -10px;width: 100%;}
  .banner-logo img {max-width: 90%;}
  .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {padding-top: 120px;}
  .banner-blank {margin-top: 0;}
  .banner-bottom {margin-top: -7rem;}

}
@media screen and (max-width: 1280px) {
  .masthead_inneer {height: 100%;}
  .banner-blank img {top: 0px;}
  .banner-logo {top: 14%;right: 15px;}
  .banner-group {right: -80px;}
  /* .banner-group-img img {max-width: 90%;} */
  .banner-logo img {max-width: 75%;}
  .common-title-wrap .heading-h2 {font-size: 30px;line-height: 35px;}

  .eventreports-row .slick-custom-arrow-left {left: 47%;}
  
  .banner-graphic img {max-width: 90%;}
  .common-title-wrap p {font-size: 16px;line-height: 24px;}
    .carousel-riskbreastcancer .slidebox-inner {min-height: 180px;}
    .carousel-selfexamination .slidebox-inner {width: 168px;height: 425px;}
.carousel-selfexamination .slidebox-inner .slidebox-icons img {width: 168px;height: 168px;}

}

@media screen and (max-width: 1024px) {
  .masthead_inneer {height: 100%;}
  .banner-blank img {top: 0;height: 100vh;object-fit: cover;}
  .banner-graphic img {max-width: 75%;}
  .banner-graphic .gaanthpedhyaan-text {max-width: 33%;left: 20%;}
  .banner-graphic {top: -3%;left: -125px;}
  .banner-group {right: 0px;}
  .banner-group-img img {position: relative;right: 0;max-width: 65%;}
  .banner-logo {right: 0;}
  .banner-logo img {max-width: 75%;}
  .common-btn {font-size: 16px;line-height: 20px;}
  .letsstart-wrap img {max-width: 65%;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-big {font-size: 81px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 70px;}
  .common-title-wrap .heading-h3 {font-size: 24px;line-height: 32px;}

  .common-title-wrap p {font-size: 16px;line-height: 26px;}
  .carousel-selfexamination .slick-counter {right: 0;}
  .carousel-selfexamination .slick-custom-arrow-left {right: 0;}
  /* .common-title-wrap .heading-h2 span {line-height: normal;} */
  .common-title-wrap .heading-h2 {font-size: 29px;line-height: 33px;}

  .factors-list {flex: 0 0 48%;max-width: 48%;}
    .getscreened-list {flex: 0 0 48%;max-width: 48%;}
  .quiz-section {height: 100%;padding: 80px 0;}
  .eventreports-row .slick-custom-arrow-left {left: 45.5%;}
  
  .footnote {max-width: 65%;}
  .banner-search2 {position: absolute;bottom: 0;left: 30%;}
  .banner-group-img img:nth-child(1) {left: 50%;}
  .banner-group-img img:nth-child(2) {left: 4%;}
  .banner-group-img img:nth-child(3) {left: -10%;}
  .banner-group-img img:nth-child(4) {left: -40%;}
  .banner-blank {margin-top: -15px;}
  .footnote-txt {padding-left: 0;}
  .carousel-riskbreastcancer .slidebox-inner {min-height: 180px;}
  .banner-bottom {margin-top: -65px}
      .cervicalcancer-intro {margin-top: 0;    }
      
      .dataspeaks-list-outer {flex: 0 0 25%; max-width: 25%;}
      .dataspeaks-list-data {max-width: 85%;}
      .understandriskfactors-list-wrapper {gap: 20px;}
            .understandriskfactors-list-outer {flex: 0 0 auto; max-width: 30%;}
      .understandriskfactors-list-data {max-width: 100%;}
}
@media screen and (min-width: 810px) and (max-width: 990px) {
  .staticcard-box {padding: 15px 15px;}
  .masthead_inneer {height: 100%; }
  .masthead_inneer .masthead-banner { max-width: 100%;}
  .masthead_banner { margin-top: 62px; }
  .carousel-selfexamination .slidebox-inner {width: 215px;}
.carousel-selfexamination .slick-custom-arrow-right {right: 18%;}
.carousel-selfexamination .slidebox-inner .slidebox-icons img {width: 260px;height: 210px;}
.understandriskfactors-list p {font-size: 14px;}
.understandriskfactors-list img { max-height: 90px;}
.riskbreastcancer-row .slide-box {margin-bottom: 15px;}
  .carousel-riskbreastcancer .slidebox-inner {min-height: 160px;}
  .understandriskfactors-list-wrapper {margin-top: 0;}

}

@media screen and (max-width: 992px) {
  .banner-group-img img {right: -33%;max-width: 65%;}
  .banner-blank img {top: -35px;}
  .banner-graphic img {max-width: 98%;}
  .banner-graphic .gaanthpedhyaan-text {max-width: initial;top: 20%;left: 22%;}
  .letsstart-wrap {width: auto;}
  .letsstart-wrap img {height: auto;margin-top: 10px;}
  .banner-graphic {top:-6%;left: -20px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-big {font-size: 74px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 55px;}
  .common-title-wrap .heading-h3 {font-size: 20px;line-height: 28px;}
  .common-carousel-box .slide-box figure img {width: 100%;}
  /* .common-carousel-box .slide-box figcaption {margin-top: -45px;} */
  .carousel-selfexamination .slick-custom-arrow-left {right: 26%;}
  .carousel-selfexamination .slick-counter {right:0;}
  .common-title-wrap .heading-h2 span {line-height: normal;}
  .q-wrap img {width: 50%;}
  .eventreports-row .slick-custom-arrow-left {left: 43.5%;}
  .banner-bottom img {width: 100%;}
  .factors-section .common-title-wrap p {padding: 0 80px;}
  .footnote {margin-top: 105px;max-width: 90%;}
  .banner-group-img img:nth-child(4) {left: -48%; max-width: 45%;}
  .banner-group-img img:nth-child(3) {left: -15%;max-width: 45%;}
  .banner-group-img img:nth-child(2) {left: -1%;max-width: 55%;}
  .banner-group-img img:nth-child(1) {left: 43%;}
  .banner-logo {right: 25px;}
  .banner-logo img {max-width: 95%;}
  .banner-group {bottom: 20px;}
  .banner-search2 {left: 15%;}
.carousel-eventreports.common-carousel-box .slide-box .white-common-btn img {width: auto;}
.carousel-eventreports.common-carousel-box .slide-box .white-common-btn {opacity: 1; bottom: -10px;}

}
@media screen and (min-width: 768px) {
  .banner-blank-imgdesk {display: block;}
  .banner-blank-imgmob {display: none;}
}
@media screen and (max-width: 767px) {
  .masthead_inneer {height: 100%;}
  .banner-logo img {max-width: 50%;}
  .banner-logo {top: 45%;}
  .banner-blank-imgdesk {display: none;}
  .banner-blank-imgmob {display: block;}
  .banner-blank img {top: 0px;}
  .banner-bottom {margin-top: -30px}
  .banner-blank {height: 100%;}
  .banner-graphic {left: -150px;top: -8%;}
  .banner-group-img img {right: -18%;}
  .letsstart-wrap .common-btn {font-size: 14px;line-height: 18px;padding: 6px 15px;}
  .banner-graphic img {max-width: 65%;}
  .letsstart-wrap {width: 60%;}
  .banner-group {bottom: 0;}
  .banner-logo {top: 15%;right: -30%;}
  .cervicalcancer-intro {padding: 40px 0 0px 0;}
  .cervicalcancer-intro .common-title-wrap {margin-top: 0px;}
  .element-01 {top: -28%;}

  .gallerybadge h3 {font-size: 18px;line-height: 26px;}
  .gallerybadge span {font-size: 15px;line-height: 22px;}
  .gallerybadge {left: -55px;}
  
  .carousel-selfexamination .slidebox-inner .slidebox-icons img {width: 170px;height: 170px;}
  .carousel-selfexamination .slidebox-inner {width: 170px;height: 400px;}
  .selfexamination-section .btn-wrap {position: relative;top: 20px;}
  .carousel-selfexamination .slick-custom-arrow-left {right: 33%;}
  .carousel-selfexamination .slick-counter {right: 0;}
  .carousel-selfexamination .slidebox-inner p {font-size: 16px;line-height: 23px;left: 0;}
  .carousel-selfexamination .slidebox-inner p br {display: none;}
  .splitting .word, .splitting .char {height: 35px;}
  .factors-section .common-title-wrap p {padding: 0 0px;}
  .factors-list {flex: 0 0 100%;max-width: 100%; margin-right: 0;margin-bottom: 10px;}
  .getscreened-list {flex: 0 0 100%;max-width: 100%; margin-right: 0;margin-bottom: 10px;}
  .quiz-section {background-position: left;}
  .eventreports-row .slick-custom-arrow-left {left: 40%;}
  .eventreports-row .slick-custom-arrow-right {right: 36%;}
  .carousel-eventreports .slick-list {padding-bottom: 40px;}
    .carousel-eventreports.common-carousel-box .slide-box .white-common-btn {left: 20px;}

  .carousel-selfexamination .slidebox-inner h3 {font-size: 190px;line-height: 165px;bottom: 38px;}
  .footnote {max-width: 100%;}
  .banner-search2 {width: 100%;left: 4%;}
  .banner-graphic .gaanthpedhyaan-text {max-width: 30%;top: 20%;left: 15%;}
  .common-carousel-box .slide-box figure .common-btn img {width: auto;}


  .masthead_banner {margin-top:62px}
  .masthead_inneer .masthead-banner {max-width: 100%;}
  .getscreened-section .common-title-wrap p {padding: 0 0px;}
  .item-row {gap: 15px;}
  .carousel-selfexamination .slick-counter {display: block;}
  .carousel-riskbreastcancer .slidebox-inner p {font-size: 14px;line-height: 20px;}
  .carousel-riskbreastcancer .slidebox-inner h3 {font-size: 215px;}
  .carousel-riskbreastcancer .slidebox-inner .slidebox-right {margin-left: 85px;}
  .carousel-riskbreastcancer .slick-slide {margin: 0 0px;}
.staticcard-box {margin-bottom: 15px; height: auto;}
.staticcard-box {align-items: start;}

.carousel-selfexamination {gap: 10px;}

.screening-methods-box {max-width: 100%;}
.carousel-riskbreastcancer .slide-box {margin-bottom: 20px;}
.common-carousel-box .slide-box figcaption, .common-carousel-box.voicesthatinspire-row .slide-box figcaption {height: 100%;}

.commot-padding-t {padding: 50px 0 0 0;}
.commot-padding-b {padding: 0 0 50px 0;}
.commot-padding-tb {padding: 50px 0 50px 0;}
.dataspeaks-list-data {max-width: 100%;}
.dataspeaks-list-outer {flex: 0 0 48%;max-width: 48%;}
.dataspeaks-list img {max-height: 95px;}

.understandriskfactors-list-data {max-width: 100%;}
.understandriskfactors-list-outer {flex: 0 0 43%;max-width: 43%;}
.understandriskfactors-list img {max-height: 95px;}

.meetmedicalexperts-section {margin-bottom: 40px;}
.meetmedicalexperts-section {padding-bottom: 120px;}
.voicesthatinspire-section {padding-bottom: 50px;}

.carousel-selfexamination .slidebox-inner p {min-height: auto;}
.mt-10 {margin-top: 40px;}
.carousel-riskbreastcancer .slidebox-inner h4 {font-size: 20px;}
.intro-img iframe {height: 300px;}
.slide-box iframe {height: 300px;}
.common-carousel-box .slide-box {margin: 0;}
.carousel-latestepisode {padding-bottom: 70px;}
.carousel-latestepisode .slick-custom-arrow {bottom:15px;}

}

@media screen and (max-width: 556px) {

}

@media screen and (max-width: 480px) {
  .common-title-wrap .headingbig-h1 .headingbig-h2-big {font-size: 83px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 61px;}
  .footnote-txt {width: 90%;margin: 0 auto;}
}

@media screen and (max-width: 375px) {
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 54px;}
  .carousel-selfexamination .slick-custom-arrow-left {right: 35%;}
  .carousel-selfexamination .slick-counter {right:0;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-big {font-size: 74px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 54px;}
  .eventreports-row .slick-custom-arrow-right {right: 33%;}
      .carousel-eventreports.common-carousel-box .slide-box .white-common-btn {left: 10px; }
}

@media screen and (max-width: 360px) {
  .common-title-wrap .headingbig-h1 .headingbig-h2-big {font-size: 70px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 51px;}
  .common-title-wrap .heading-h3 {font-size: 19px; line-height: 28px;}
  .carousel-selfexamination .slidebox-inner .slidebox-icons img {width: 162px;height: 162px;}
  .carousel-selfexamination .slidebox-inner {width: 162px;height: 400px;}
  .carousel-selfexamination .slick-custom-arrow-left {right: 33%;} 
  .carousel-selfexamination .slick-counter {right: 0;}
  .eventreports-row .slick-custom-arrow-left {left: 36%;} 
  .eventreports-row .slick-custom-arrow-right {right: 36%;}
  .carousel-riskbreastcancer .slidebox-inner h4 {font-size: 20px;}
    .carousel-riskbreastcancer .slidebox-inner {min-height: 158px; }
        .carousel-eventreports.common-carousel-box .slide-box .white-common-btn { left: 5px; }

}

@media (orientation: landscape) and (min-aspect-ratio: 1280 / 600) {s
  .fancybox-image {max-width: 85%;}
  .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {padding-top: 110px;}

}

@media (orientation: landscape) and (min-aspect-ratio: 1150 / 945) {}

@media screen and (max-width: 320px) {

}

@media screen and (max-width: 991px) {

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  
}

@media only screen and (min-width: 851px) and (max-width: 992px) {
  
}
@media only screen and (min-width: 810px) and (max-width: 850px) {
 
}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {

}



@media screen and (min-width: 1920px) {
  /* .masthead_inneer {height: 100%;} */
  .banner-logo {top: 18%;right: 155px;}
  .banner-graphic {top: 2%;}
}

@media only screen and (min-width: 320px) and (max-width: 992px) {

}
@media only screen and (min-width: 375px) and (max-width: 384px) {
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
  
}
@media only screen and (min-width: 400px) and (max-width: 650px) {
}
@media only screen and (min-width: 411px) and (max-width: 450px) {

}

@media only screen and (min-width: 390px) and (max-width: 395px) {
  .common-title-wrap .headingbig-h1 .headingbig-h2-big {font-size: 78px;}
  .common-title-wrap .headingbig-h1 .headingbig-h2-small {font-size: 56px;}


}

@media only screen and (min-width: 1280px) and (max-width: 1300px) {
  .has-html5video .fancybox__content {width: 75% !important;}
  .banner-group-img img:nth-child(4) {width: 50%;}
  .banner-group-img img:nth-child(3) {width: 46%;left: 15%;}
  .banner-group-img img:nth-child(2) {width: 62%;left: -30%;}
  .banner-group-img img:nth-child(1) {width: 90%;left: -65%;}
  .gaanthpedhyaan-text {left: 20%;}
.understandriskfactors-list-outer {flex: 0 0 auto; max-width: 18%;}
}

@media only screen and (min-width: 1600px) and (max-width: 1679px) {
  /* .masthead_inneer {height: 100%;} */
}
@media only screen and (min-width: 1680px) and (max-width: 1685px) {
  /* .masthead_inneer {height: 100%;} */


}

/**STYLE FOR 1920*1080 screen at 125% scale**/
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25), 
screen and (min-width: 1024px) and (min-resolution: 120dpi) {
  .banner-bottom {margin-top: -9rem;}
  .cervicalcancer-intro {margin-top: 0rem;}
}

/**STYLE FOR 1920*1080 screen at 150% scale**/
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), 
screen and (min-width: 1024px) and (min-resolution: 144dpi) {

}

@media screen and (min-width: 1920px) {

}

@media screen and (max-width: 320px) {

}

@media screen and (max-width: 320px) {
}
@media screen and (max-width: 992px) {
  


}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
}

@media only screen and (min-width: 1349px) and (max-width: 1439px) {
 

}
@media only screen and (min-width: 1366px) and (max-width: 1370px) {
 
}
@media only screen and (min-width: 1440px) and (max-width: 1445px) {
  .banner-graphic {top: 0;left: -80px;}
}


@media all and (min-width: 992px) {
  

 
}

@media screen and (max-width: 640px) {
}

@media all and (min-width: 992px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1280px) and (max-width: 1300px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1024px) and (max-width: 1080px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1920px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (max-width: 767px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
  }
}

@media (prefers-reduced-motion: reduce) {
  
}

@media only screen and (max-width: 640px) {

}