/* FONTS */
@font-face {
  font-family: 'AvenirHeavy';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/AvenirLTPro-Heavy.otf');
}

@font-face {
  font-family: 'Cocogoosepro';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/CocogoosePro.ttf');
}

@font-face {
  font-family: 'AvenirLTPro-Black';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/AvenirLTPro-Black.otf');
}

@font-face {
  font-family: 'AvenirLTPro-Heavy';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/AvenirLTPro-Heavy.otf');
}

@font-face {
  font-family: 'AvenirLTPro-HeavyOblique';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/AvenirLTPro-HeavyOblique.otf');
}

@font-face {
  font-family: 'CocoGothic';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/CocoGothic.ttf');
}

@font-face {
  font-family: 'CocoGothic-Bold';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/CocoGothic-Bold.ttf');
}

@font-face {
  font-family: 'MinionPro-Regular';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/MinionPro-Regular.otf');
}

@font-face {
  font-family: 'CocogoosePro-Light';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/CocogoosePro-Light.ttf');
}
@font-face {
  font-family:'Avenir-Next';
  font-display: swap;
  src: url('/content/dam/microsites/testingovariancancer-ca/en/fonts/Avenir-Next.ttc');
}


.link-item.active a {

color: #fff;
}

.link-item.visited a {

color: #65B2E8 !important;
}
/*exit ramp start  */
.exitRampPage .modal-header {
  display: none;
}

.exitRampPage p.exitramp-heading {
  color: #636569;
  font-size: 24px;
  font-weight: 700;
  font-family:AvenirHeavy;
}
.exitRampPage .exitramptext{
     font-family:AvenirHeavy;
      color: #636569;
}
.exitRampPage .ovarian-red {
  color: red;
}

.exitRampPage .modal-footer {
  display: block!important;
  flex-wrap: wrap!important;
  padding-bottom: 5%!important;
  padding-top: 0px!important;
    padding-left: 5px!important;
}

.exitRampPage  .exit-ramp-cancel {
  border: none!important;
}

.exitRampPage  .exit-ramp-continue {
  background: #fff!important;
  border: none!important;
  color: #636569!important;
  padding: 5px 10px!important;
  font-family:AvenirHeavy!important;
    
}

.exitRampPage  span.fa.fa-chevron-right {
  display: none;
}

.exitRampPage  a.btn.btn-primary.exit-ramp-continue {
  padding-left: 0!important;
}

.exitRampPage  a.btn.btn-default.exit-ramp-cancel {
  padding-right: 0!important;
  text-decoration: none!important;
  color: #636569;
  font-family:AvenirHeavy!important;
     
}

.exitRampPage  .modal-footer>* {
  margin: 0!important;
}

.exitRampPage  a.btn.btn-default.exit-ramp-cancel::after {
  text-decoration: none!important;
  content: '/';
}
.exitRampPage .modal-body {
    padding-bottom: 0;
}
.exitRampPage .modal-footer {
    border-top: none!important;
}
/*exit ramp end  */

/*Home CSS Desktop */
* {
  text-shadow: none !important;
}

.resources-banner a {
  color: #002449;
  text-decoration: none !important;
}

.banner-img {
  display: flex;
}

.ms-container {
  width: 100%;
}

.ms-section-container {
  min-height: auto;
  width: 100%;
  background-color: #ffffff;
}

.banner-1-col-1 {
  background-image: url("/content/dam/microsites/testingprostatecancer-ca/en/placeholder.jpg");
  height: 600px;
  width: 100%;
  background-size: cover;
  background-position: 44%;
  background-repeat: no-repeat;
}

.new-sec {
  text-align: center;
}

.banner-1-col-2 {
  background-image: url("/content/dam/microsites/testingprostatecancer-ca/en/placeholder2.jpg");
  height: 600px;
  width: 100%;
  background-size: cover;
  background-position: 43%;
  transform: scaleX(-1);
}

.footnote {
  padding-top: 81em;
  margin-right: 27em;
  font-size: 12px;
  font-family: 'AvenirHeavy';
  transform: scaleX(-1);
}

.display-flex {
  display: flex;
}

.col-1-text {
  width: 100%;
  text-align: center;
  background-color: #002442;
}

.col-text-2 {
  width: 100%;
  text-align: center;
  background-color: #D0D0D2;
}

.mar-top-1 {
  margin-top: 1%;
}

.blue-band-text {
  background-color: #00355f;
  text-align: center;
  font-family: 'CocogoosePro';
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  padding-top: 1%;
  padding-bottom: 1%;
}

.ms-section-container .ms-container {
  height: auto;
}

h3.top-one {
  font-size: 45px;
  font-family: 'AvenirHeavy';
  color: #929da6;
}

h4.top-two {
  color: #49555d;
  font-size: 46px;
  line-height: 10px;
  margin-top: -20px;
  font-family: 'AvenirHeavy';
}

p.content {
  font-size: 16px;
  /* width: 50%; */
  text-align: center;
  /* margin-left: 252px; */
  margin-top: -21px;
  margin-bottom: 60px;
  font-family: 'AvenirHeavy';
}

.new-sec img {
  width: 120px;
  margin-top: 70px;
}

.new-sec a {
    /* margin-top: -100px; */
    /* margin-bottom: -56px; */
  font-size: 18px;
  color: #49555d;
  text-decoration:underline;
    /* top: 124px; */;
    font-family: 'AvenirHeavy';
}
h3.top-one1 {
  font-size: 45px;
  font-family: Aveni;
  color: #929da6;
  font-family: 'AvenirHeavy';
}

h4.top-two1 {
  color: #49555d;
  font-size: 46px;
  line-height: 10px;
  margin-top: -20px;
  font-family: 'AvenirHeavy';
}

p.content1 {
  font-size: 16px;
  width: 50%;
  text-align: center;
  margin-left: 329px;
  margin-top: -21px;
  margin-bottom: 60px;
  font-family: 'AvenirHeavy';
}


.left-col-1 {
  color: #636569;
  flex: 50%;
}

.right-col-1 {
  background-color: #636569;
  flex: 50%;
}

.left-col-2 {
    /* background:url('/content/dam/microsites/testingprostatecancer-ca/en/placeholder2.jpg'); */
    /* background-size:cover; */
    /* background-repeat:no-repeat; */
    /* flex:50%; */
}

.black-wrapper {
  flex: 50%;
  background: #0b0d08;
}

.left-col-2-1 {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/second-banner-mobile.png');
  background-repeat: no-repeat;
  background-position: right;
  height: 100%;
      background-size: contain;
}

.left-col-2-2 {
  background: black;
  flex: 50%;
}

.grey-content-1 {
  font-family: 'AvenirHeavy';
  font-size: 18px;
  line-height: 26px;
}

.right-col-2 {
  background-color: #EAF3FA;
  color: #636569;
  flex: 50%;
}

.right-col-2-1 {
  background-color: #f8e28a;
}

.right-col-2 p:first-child {
  padding: 2%;
}

.right-col-2-1 p:first-child {
  /*padding: 10% 1% 5% 50%;
  text-align: center;*/
  padding: 8% 2% 2% 52%;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  font-family: 'Cocogoosepro';
}

.left-col-3 {
  color: #636569;
  flex: 50%;
}

.sb-third-footnote {
  font-family: 'AvenirHeavy';
}

.right-col-3 {
  color: #636569;
  flex: 50%;
}

.border-right-yellow {
  border-right: 3px #F4DB6B solid;
}

.yellow-background {
  background-color: #F4DB6B;
  color: #636569;
  font-weight: 600;
  padding: 2% 10% 2% 10%;
}

.yellow-band-text {
  margin-bottom: 1%;
}

.faq a {
  font-weight: 600 !important;
}

.text-center {
  text-align: center;
}

.left-col-4 {
  color: #636569;
  flex: 50%;
}

.right-col-4 {
  color: #636569;
  flex: 50%;
}

ul {
    /* list-style-position:inside; */
}

.left-col-5 {
  flex: 50%;
  background-color: #EAF3FA;
  color: #636569;
}

.right-col-5 {
  background-color: #348DCC;
  flex: 50%;
}

.light-blue-band-text {
    /* background-color:#CEE5F2; */
  text-align: center;
  color: #636569;
}

.fifth-banner-bg {
    /* background-color:#e6f2f8; */
  color: #636569;
}

.right-col-6,.left-col-6 {
  flex: 27%;
}
.right-col-blank,.left-col-blank{
  flex: 9.5%;
}

.left-col-6 {
  text-align: center;
  padding: 2.8%;
  /*padding: 2%;*/
}

.right-col-6 {
  text-align: center;
  padding: 2%;
}

.col-6-img img {
  max-width: 221px;
  /*height: 200px;*/
}

.sb-first-bg {
  background: url('/content/dam/microsites/testingprostatecancer-ca/en/placeholder2.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
    /* background-position: 0px -124px; */;
}

.lightgrey-wrapper {
  /* background: url('/content/dam/microsites/testingovariancancer-ca/en/bannerBg-lightgrey.jpg'); */
}

.sb-first-bg-1 {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/desktop-banner-transparent.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 31.354vw;
}

.sb-first-bg-2 {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/your-hrd-img-woman-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 32.031vw;
}
/*.sb-first-bg-2 {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/your-hrd-img-woman-d.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}*/

.banner-o-1 {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/Eyes-banner-desktop.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 52.604vw;
  /* background-position: 0px -124px; */
}

.sb-second-bg {
  background-color: #EFEFF0;
  color: #636569;
}

/*.darkgrey-wrapper {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/section-last-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}*/

/*.sb-third-bg {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/doctor-banner.png');
  background-size: contain;
  padding-left: 55px;
  padding-top: 60px;
  background-repeat: no-repeat;
  transform: scaleX(-1);
  background-position: right;
}*/

.sb-third-bg {
    background: url('/content/dam/microsites/testingovariancancer-ca/en/doctor-banner-new.png');
    background-size: cover;
    padding-left: 55px;
    /*padding-top: 60px;*/
    padding-top: 5.7%;
    background-repeat: no-repeat;
    /* transform: scaleX(-1); */
    background-position: center center;
    height: 31.354vw;
}

/*
.sb-third-head,.sb-third-content, .sb-third-footnote {
  transform: scaleX(-1) !important;
}*/

.color-yellow {
  color: #F4DB6B;
}

.left-col-7,.left-col-8, .left-col-9, .left-col-10 {
  flex: 50%;
  padding-right: 5%;
  padding-left: 55px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.right-col-7, .right-col-8, .right-col-9, .right-col-10 {
  flex: 50%;
  padding-right: 55px;
  padding-left: 5%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.faq-dark-bg {
  background-color: #E0EFFA;
  color: #636569;
}

.faq-dark-bg-1 {
  background-color: #f4db6b;
  color: #000000;
}

.faq-light-bg {
  background-color: #EFF7FD;
  color: #636569;
}

.faq-dark-bg a, .faq-light-bg a {
  color: #636569;
}

.border-right-blue {
  border-right: 3px solid #0880BD;
}

.faq-que {
  font-weight: 600;
}

.left-col-11 {
  background-color: #348DCC;
  flex: 50%;
}

.right-col-11 {
  background-color: #636569;
  flex: 50%;
}

.left-col-12 {
  flex: 50%;
  color: #636569;
}

.right-col-12 {
  flex: 50%;
  color: #636569;
  
}

.resources-banner {
  background-color: #C0C1C3;
  color: #002449;
}

.col-13-blank, .col-14 {
  flex: 20%;
  text-align: center;
}

.col-15-blank, .left-col-16 {
  flex: 25%;
  text-align: center;
}

.col-1-text {
  color: #65B2E8;
  font-family: 'Cocogoosepro';
}

.col-1-text h2 {
  /*font-size: 65px;*/
  margin-bottom: 0px !important;
  margin-top: 21%;
}

.col-1-text h3 {
  /*font-size: 50px;*/
  margin-top: 0px !important;
}
.hero-txt-lg {
    font-size:100px;
    line-height:86px;
}
.hero-txt-sm{
    font-size:68px;
    line-height:88px
}

.grey-text {
  color: #577085;
  /*font-size: 33px;*/
      font-size: 42px;
    line-height: 66px;
  text-align: center;
  font-family: 'CocogoosePro-Light';
}

.dark-grey-text {
  color: #577085;
  font-size: 52px;
  font-family: 'Cocogoosepro';
  text-align: center;
  /*font-size: 40px;
  font-weight: 600;*/
}

.col-text-2 {
  padding:2.52%;
  /*padding: 4%;*/
  flex: 50%;
}

.col-1-text {
  flex: 50%;
}

.dark-blue-band {
  background-color: #002442;
  text-align: center;
  color: #65B2E8;
  font-family: 'CocogoosePro';
  padding-top: 2%;
  padding-bottom: 2%;
}

.light-blue-h1 {
  background-color: #65b2e8;
  text-align: center;
  color: #ffffff;
  padding-top: 9.09em;
  padding-bottom: 9.1em;
  padding-left: 30px;
  padding-right: 30px;
  /* padding-top: 10%; */
}

.dark-blue-band h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 70px;
  letter-spacing: 0px !important;
  line-height: 1.3em;
}

.dark-grey-head {
  font-family: 'Cocogoosepro';
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 2%;
  margin-top: 50px;
}

.left-col-1 p {
  font-family: 'AvenirHeavy';
  font-size: 18px;
  line-height: 26px;
  padding-left: 55px;
  padding-right: 5%;
  padding-bottom: 16px;
 /* padding-bottom: 10px;*/
}

.grey-list li {
  /* margin:0; */
  /* padding: 0 0% 0 55px; */
  font-family: 'AvenirLTPro-Heavy' !important;
  font-size: 18px !important;
  line-height: 26px !important;
}

.banner-3-white-head {
  font-family: 'AvenirLTPro-Black';
  font-size: 50px;
  padding-left: 5%;
  padding-right: 55px;
}

.large-number {
  font-size: 111px;
  font-family: 'AvenirHeavy';
}

.yellow-content {
  color: #F4DB6B;
  font-family: 'Cocogoosepro';
  font-size: 28px;
  padding-left: 5%;
  padding-right: 55px;
  padding-bottom: 4%;
}

.grey-list {
  margin-top: 0px;
  padding-left: 3.2%;
}

#gene-mutations .left-col-2 p:first-child {
  font-family: 'Cocogoosepro';
  font-size: 50px;
  width: 60%;
  padding: 7% 10% 4% 55px;
  line-height: 45px;
  /*font-family: 'Cocogoosepro';
  font-size: 35px;
  width: 60%;
  padding: 12% 5% 4% 55px;
  line-height: 35px;*/
}

.left-col-2-2 p {
  font-family: 'Cocogoosepro';
  font-size: 50px;
  width: 100%;
  padding: 4% 13% 4% 11%;
  line-height: 45px;
  color: #ffffff;
  /*font-family: 'Cocogoosepro';
  font-size: 36px;
  width: 100%;
  padding: 6% 7% 6% 11%;
  line-height: 42px;
  color: #ffffff;*/
}

.yellow-span {
  color: #F4DB6B;
}

.right-col-2 {
  font-family: 'Cocogoosepro';
  padding-left: 5%;
  padding-right: 55px;
  padding-bottom: 20px;
}

.left-col-3 {
  font-family: 'AvenirHeavy';
  padding-left: 55px;
}

.right-col-3 {
  font-family: 'AvenirHeavy';
  padding-right: 5%;
}

.right-col-3 p {
  margin: 20px 0px 20px 0px;
  padding-left: 5%;
}

.left-col-3 p {
  font-size: 25px;
  line-height: 30px;
  margin: 20px 0px 20px 0px;
  padding-right: 5%;
  font-family: 'AvenirLTPro-Heavy';
}

.left-col-3 b, .right-col-3 b {
  font-family: 'AvenirLTPro-Black';
}

.left-col-3 a, .right-col-3 a {
  font-size: 25px;
}

.yellow-band-text {
  font-size: 30px;
  font-family: 'AvenirLTPro-Black';
}

.faq-link {
  font-family: 'AvenirHeavy';
  font-size: 16px;
}

.fourth-banner-head {
  font-size: 25px;
  line-height: 30px;
  font-family: 'Cocogoosepro';
  color: #636569;
  margin-bottom: 12px;
}

.left-col-4 > div:first-child {
  margin-right: 0% !important;
  padding-right: 5%;
}

.right-col-4 > div:first-child {
  padding-left: 5%;
}

.left-col-4 {
  padding-left: 55px;
  padding-top: 4%;
  padding-bottom: 2%;
  /*padding-top: 2%;*/
}

.right-col-4 {
  padding-right: 55px;
}

.fourth-banner-list li {
  font-family: 'AvenirLTPro-Heavy' !important;
  font-size: 18px !important;
  line-height: 26px !important;
}

.left-col-5 {
  padding-left: 55px;
  padding-right: 5%;
  padding-top: 50px;
}

.right-col-5 {
  padding-left: 3%;
  padding-right: 55px;
  font-family: 'AvenirLTPro-Black';
  font-size: 30px;
}

.right-col-5 p {
  margin-top: 90px;
}

.light-blue-band-text {
  font-family: 'Cocogoosepro';
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  padding: 0.4em 0px 0.4em 0px;
}

.col-6-head {
  font-family: 'Cocogoosepro';
  font-size: 25px;
  line-height: 30px;
  padding: 1em 0px 1em 0px;
}

.col-6-text {
  font-family: 'AvenirHeavy';
  font-size: 18px;
  line-height: 26px;
}

.sb-first-content {
  font-size: 97px;
  font-family: 'Cocogoosepro';
  width: 61%;
  padding: 100px 0px 90px 55px;
  line-height: 0.9;
  /*width: 60%;*/
}

.sb-first-bg-2 .sb-first-content{padding:11.8% 0% 0% 7.6%;}

.fixed-vert-nav {
  display: none;
}

.sb-footnote {
  font-size: 12px;
  font-family: 'AvenirHeavy';
  margin-left: 72em;
  padding-bottom: 15px;
}

.sb-first-bg-2 .sb-footnote {
  font-size: 12px;
  font-family: 'AvenirHeavy';
  margin-left: 85em;
  padding-bottom: 15px;
}

.sb-second-bg {
  padding-left: 55px;
  padding-right: 5%;
}

.sb-second-head {
  font-size: 25px;
  font-family: 'Cocogoosepro';
  padding-top: 30px;
}

.sb-second-bg li {
 /* font-family: 'AvenirHeavy' !important;*/
    font-family: 'AvenirLTPro-Heavy' !important;
    font-size: 18px !important;
    line-height: 26px !important;
  color: #63656E;
  padding: 10px 0px 10px 0px;
}

.sb-list-content a {
  color: #636569;
}

.sb-list-content b {
  font-family: 'AvenirLTPro-Black';
}

.sb-list {
  padding-bottom: 30px !important;
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-left: 2%;
}

.sb-third-head {
  font-size: 97px;
  font-family: 'Cocogoosepro';
  width: 70%;
  line-height: 1;
  /*margin-right: 35%;*/
  margin-left: 26%;
}

.sb-third-content {
  width: 70%;
  font-size: 36px;
  font-family: 'CocogoosePro';
  padding-top: 20px;
  padding-bottom: 50px;
  font-weight: normal;
      margin-right: 0;
    margin-left: 26%;
  /*margin-right: 35%;*/
}

.sb-third-footnote {
  font-size: 12px;
  width: 74%;
  margin-right: 16%;
  padding-bottom: 15px;
}

.faq-que {
  font-family: 'Cocogoosepro';
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  padding-bottom: 15px;
}

.faq-ans {
  font-family: 'AvenirHeavy';
  font-size: 18px;
  line-height: 25px;
}

.faq-ans-1 {
  font-family: 'AvenirHeavy';
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  /*padding: 4% 9% 0% 0%;*/
  padding: 4% 32% 0% 0%;
  color: #000000;
}
.faq-ans-1 i{
    font-family: 'Avenir-Next';
    font-style: italic;
}

.wid-hei {
  margin-left: 35%;
  width: 65%;
  padding-top: 5%;
  margin-top: -22%;
}

.col-11-content {
  font-family: 'CocogoosePro-Light';
  font-weight: 800;
  font-size: 25px;
}

.col-11-content-1 {
  width: 100%;
  font-size: 32px;
    line-height: 32px;
    font-family: 'Cocogoosepro';
    font-weight: normal;
  /*font-size: 22px;
  line-height: 26px;*/
}

.left-col-11 {
  padding: 0% 0% 0% 90px;
}

.right-col-11 {
  padding: 0% 80px 0% 5%;
}

.left-col-12 {
  padding-left: 55px;
  padding-right: 5%;
  margin-top: 30px;
}

.right-col-12 {
  padding-left: 5%;
  padding-right: 55px;
  margin-top: 30px;
}

.col-12-content {
  font-family: 'AvenirHeavy';
  font-size: 18px;
  line-height: 25px;
  margin-bottom:25px;
  /*margin-bottom: 15px;*/
}



.right-col-12,.left-col-12 {
  margin-bottom: 30px;
}

.resources-img img {
  width: 200px;
}

.resources-img {
  text-align: center;
  margin-top: 35px;
}

.resources-img-2 {
  text-align: center;
  margin-top: 0px;
  width: 20%;
  margin-left: 10%;
}

.resources-img-1 {
  text-align: center;
  margin-top: -30%;
  margin-left: 40%;
  margin-bottom: -14%;
}

.resources-content {
  font-size: 21px;
  line-height: 28px;
  font-family: 'AvenirHeavy';
  width: 300px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 2px solid black;
}

.left-col-16 {
  margin-bottom: 50px;
}

#header {
      background-color: #00355f;
    font-family: 'Cocogoosepro';
    font-size: 19px;
    line-height: 22px;
    height: 85px;
}

.menu-links li {
  border-right: 1px solid #ffffff;
  padding: 5px 15px 5px 5px;
}

.menu-links li:last-child {
  border-right: none !important;
}

.animated-hover:hover {
  color: #65B2E8 !important;
}

.animated-hover:after {
  height: 0 !important;
}
/*footer design start desktop*/
.merck-logo, .asc-logo {
  width: 150px;
}

.footer-container {
  padding-top: 3%;
  padding-bottom: 3%;
}

.first-logo {
  flex: 33.33%;
  text-align: right;
}

.second-logo {
  flex: 33.33%;
  text-align: center;
}

.third-logo {
  flex: 33.33%;
  text-align: left;
}

.footer-sec {
  text-align: center;
}

.footer-text {
  min-height: auto;
  font-family: 'AvenirHeavy';
  font-size: 18px;
  padding-bottom: 20px;
}

.footer-menu {
  list-style-type: none !important;
  margin: 0px !important;
}

.footer-menu li {
  display: inline-block;
  padding: 0px 15px 10px 15px;
  font-family: 'AvenirHeavy' !important;
  font-size: 18px;
  border-right: solid 1px #ffffff;
}

.footer-menu li:last-child {
  border-right: none;
}

.footer-menu li a {
  font-family: 'AvenirHeavy';
  color: #ffffff;
}

.footer-content {
  display: none;
}

.grey-band {
  background-color: #737479;
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
}

.grey-band-content {
  /*font-family: 'AvenirLTPro-Black';*/
  font-size: 18px;
  line-height: 25px;
}

.footer-sec {
  background-color: #636569;
}
/*footer design end desktop*/

.lang-selector {
  position: absolute;
  right: 20px;
  color: #ffffff;
  top: 7px;
}

.lang-selector a {
  color: #ffffff;
  font-family: 'CocogoosePro';
  font-size: 14px;
  text-decoration: none;
}

.lang-selector a:hover {
  color: #65B2E8;
}

.lang-ul li {
  float: left;
  padding: 5px 15px 10px 15px;
}

.lang-ul li:first-child {
  border-right: solid 1px #ffffff;
}

.left-col-13 {
  flex: 30%;
  padding-left: 6%;
  padding-top: 3%;
  padding-bottom: 3%;
  text-align: center;
}

.right-col-13 {
  flex: 70%;
  padding-top: 4%;
  padding-bottom: 3%;
  padding-right: 6%;
}

.right-col-13-head {
  font-family: 'AvenirLTPro-Black';
  font-size: 25px;
  line-height: 30px;
  padding-bottom: 15px;
}

.right-col-13-head-1 {
  /* padding-bottom: 0px; */
}

.right-col-13-text {
  font-family: 'AvenirHeavy';
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 30px;
}

.left-col-13 img {
  width: 48.5%;
  height: auto;
}

/*Footer Logo Update*/

.footer-logo-wrap {
    display: flex;
    max-width: 960px;
    margin: 1.3em auto 1.3em;
    justify-content: space-between;
    align-items: center;
    /*align-items: baseline;*/
}
.footer-logo-wrap img.brand-logo {
    max-width: 220px;
}
.footer-logo-wrap img.paab-logo {
    max-width: 140px;
     margin-top: 10px;
}
.footer-logo-wrap img.az-logo {
    max-width: 240px;
        margin-bottom: 4px;
}
.footer-logo-wrap img.imc-logo {
    max-width: 300px;
    margin-top: 30px;
}
.merck-logo {
    margin-top: 25px;
}
.download-btn {
    max-width: 235px;
    background: #F4DB6B;
    padding: 15px;
    color: #002442;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-family: 'CocogoosePro';
    font-weight: normal !important;
    cursor: pointer;
    margin-top: 28px;
}
.right-col-11 .branched-col-2 img {
    border: 1px solid #fff;
    padding: 0;
    /*margin-top: 5%;*/
}
@media (min-width: 993px) {
/*header.default-header nav .menu-links {
    display: block!important;
    margin-left: 173px;
}*/
}

@media only screen and (max-width:767px) {
    a.animated-hover:active {
    color: #65B2E8 !important;
}
.carousel{
  height: 590px;
}
 a.animated-hover:focus {
    color: #65B2E8 !important;
}

  .sb-list {
    padding-left: 5% !important;
  }
  .tooltip-text{
      display:none !important;
  }
  .sb-first-bg-2 {
    background: url('/content/dam/microsites/testingovariancancer-ca/en/your-hrd-img-woman-d.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 250px 0px;
  }
  
  

  .fourth-banner-list {
    padding-left: 5% !important;
  }

  .lightgrey-wrapper {
    background-size: cover;
  }
  .lightgrey-wrapper {
    background: url('/content/dam/microsites/testingovariancancer-ca/en/bannerBg-lightgrey.jpg');
  }
  .sb-first-bg-1 {
    /*background: url('/content/dam/microsites/testingovariancancer-ca/en/banner-bg-mobile-transparent.png');*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 220px 0px;
    height:auto;
  }

  .banner-img {
    display: block !important;
  }

  .display-flex {
    display: block !important;
  }

  .col-13-blank, .col-15-blank, .left-col-blank, .right-col-blank {
    display: none;
  }

  .banner-1-col-2 {
    display: none;
  }

  .ms-section-container .ms-container>div {
    margin: 0 !important;
  }

  .right-col-2-1 p {
    padding: 10% 26% 10% 26% !important;
    text-align: center !important;
  }

  .footnote {
    padding-top: 58em;
    margin-right: 30em;
    margin-bottom: 0px;
    font-size: 8px;
  }

  .footnote-2 {
    padding-top: 29em;    
    margin-right: 70vw;
    padding-top: calc(55vw - 18px);
  }

  .col-11-content-1 {
    width: 90%;
    margin-left: 10%;
    margin-bottom: 10%;
  }

  .col-1-text h2 {
    margin-top: 0px !important;
    font-size: 40px !important;
    padding: 32px 10px 0px 10px !important;
    font-family: 'CocogoosePro-Light';
  }

  .col-1-text h3 {
    margin-bottom: 0px !important;
    font-size: 25px !important;
    font-family: 'CocogoosePro-Light';
    padding: 0px 10px 15px 10px;
  }

  .col-text-2 {
    padding: 15px 10px 15px 10px;
  }

  .dark-grey-text {
    font-size: 35px;
  }

  .grey-text {
    font-size: 25px;
  }

  .dark-blue-band {
    padding: 40px 10px 15px 10px;
    padding-top: 43.5% !important;
    padding-bottom: 64% !important;
  }

  .dark-blue-band h2 {
    font-size: 40px;
  }

  .blue-band-text {
    font-size: 16px;
    padding: 10px 10px 10px 10px;
  }

  .dark-grey-head {
    margin-top: 15px;
  }

  .left-col-1 p {
    padding-left: 10px;
  }

  .faq-ans-1 {
    padding: 0 5% 0% 5%;
  }

  .grey-list li {
    padding-left: 10px;
  }

  .left-col-1 p:last-child {
    display: none;
  }

  .banner-3-white-head {
    font-size: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .large-number {
    font-size: 65px;
  }

  .yellow-content {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-col-2 p {
    width: auto;
    padding: 25px 55px 25px 10px !important;
  }

  .left-col-2-1-footnote {
    padding-left: 17% !important;
  }

  .right-col-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-col-3, .right-col-3 {
    padding-left: 10px;
    pading-right: 10px;
  }

  .right-col-3 p {
    padding-left: 0px;
  }

  .yellow-background {
    padding: 25px 10px 25px 10px;
  }

  .faq {
    padding-top: 10px;
  }

  .left-col-4, .right-col-4 {
    padding-left: 10px !important;
    padding-right: 10px;
  }

  .left-col-4 > div:first-child, .right-col-4 > div:first-child {
    padding: 0;
    margin: 0;
  }

  .border-right-yellow {
    border: none;
  }

  .left-col-5, .right-col-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .right-col-5 p {
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .fourth-banner-list {
    margin-bottom: 0px !important;
    padding-bottom: 20px;
  }

  .light-blue-band-text {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-col-6 {
    padding-top: 25px;
  }

  .col-6-head {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .right-col-6 p:last-child {
    padding-bottom: 25px;
  }

  .sb-first-content {
    font-size: 35px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 60%;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sb-footnote {
    margin-left: 20em;
    font-size: 8px;
  }

  .sb-first-bg-2 .sb-footnote {
    margin-left: 16em;
  }

  .sb-second-bg {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sb-third-head {
    font-size: 35px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sb-third-content {
    width: auto;
    padding-left: 10px;
  }

  .sb-third-footnote {
    width: auto;
    padding-left: 10px;
    font-size: 8px;
    margin-right: 68%;
  }

  .left-col-7, .left-col-8, .left-col-9, .left-col-10 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    padding-top: 25px;
  }

  .right-col-7, .right-col-8, .right-col-9, .right-col-10 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    padding-top: 25px;
  }

  .border-right-blue {
    border: none;
  }

  .left-col-11, .right-col-11 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
     position: relative;
        padding-bottom: 20%;
  }

  .left-col-12, .right-col-12 {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    padding-top: 25px;
           position: relative;
        padding-bottom: 20%;
  }

  .left-col-12 p:first-child {
    padding-bottom: 0px !important;
  }

  .resources-img {
    margin-top: 0px !important;
    padding-top: 25px;
  }

  .left-col-16 {
    margin-bottom: 0px !important;
  }

  .mar-top-1 {
    margin-top: 0.4em;
  }

  .grey-band-content {
    padding: 10px;
    font-size: 14px;
  }

  .resources-banner div:last-child {
    padding-bottom: 25px;
  }

  .right-col-12 {
    border: none;
  }

  .banner-img {
    background: url('/content/dam/microsites/testingprostatecancer-ca/en/Smile_4-mobile.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .black-wrapper {
    background-color: #0b0d08;
  }
  
  .understand-wrapper {
      background: url('/content/dam/microsites/testingovariancancer-ca/en/your-hrd-img-d.jpg');
      background-size: cover;
      background-repeat: no-repeat;
  }

  .left-col-2-1 {
    background: url('/content/dam/microsites/testingovariancancer-ca/en/second-banner-mobile.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 80px 0px;
  }

  .left-col-2-1 p {
    width: 60%;
  }

  .left-col-2-1-footnote, .right-col-2-1-footnote {
    font-size: 8px !important;
  }

  .first-logo, .third-logo {
    text-align: center;
  }

  .footer-text {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-menu li {
    font-size: 10px;
  }

  .display-flex-mobile {
    display: flex !important;
  }

  /*.az-logo, .merck-logo, .asc-logo {*/
  /*  width: 76px;*/
  /*}*/
        .merck-logo {
        margin-top: 10px;
    }
  .lang-selector {
  }

  .banner-o-1 {
    height: 500px;
  }

  .banner-o-1-1 {
    height: 250px;
  }

  .left-col-7 {
    display: block;
  }

  .resources-img-2 {
    margin-left: 0px;
    width: auto;
  }

  .wid-hei {
    margin-top: 0px;
    margin-left: 0px;
    width: auto;
    padding-top: 0px;
  }

  #type-of-tests .faq-que {
    padding-top: 25px;
  }

  .branched-col-2 img {
    padding-top: 0px !important;
  }

  .branched-col-1 {
    padding-bottom: 0px !important;
  }

  .left-col-12 {
    padding-bottom: 0px;
  }

  .right-col-12 {
    padding-top: 0px;
  }

  .left-col-13 {
    padding-left: 0px;
  }

  .right-col-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-col-3 p {
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .left-col-3 {
    margin-bottom: 3% !important;
  }
  .darkgrey-wrapper {
      background: url('/content/dam/microsites/testingovariancancer-ca/en/section-last-bg.png');
      background-repeat: no-repeat;
      background-size: cover;
  }
  .sb-third-bg {
     background: url('/content/dam/microsites/testingovariancancer-ca/en/doctor-banner.png');
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 10px;
    background-size: cover;
    background-position: right;
    height: auto;
    /*background-position: -180px 0px;*/
  }

  .sb-third-content {
    padding-bottom: 15px;
    line-height: 1;
  }

  .grey-list {
    padding-left: 5%;
  }

  .left-col-1 .grey-list {
    padding-left: 8% !important;
  }

  .left-col-1 .grey-list li {
    padding-left: 0px;
  }
  .footer-logo-wrap{
        margin: 1.3em auto 1.3em;
        flex-direction: column;
        align-items: center;
                gap: 20px;
    }
    .footer-logo-wrap img.imc-logo {max-width: 240px;}
    .footer-logo-wrap img.paab-logo { padding-left: 0 !important;}
        .download-btn {
        position: absolute;
        bottom: 0;
        display: block;
        z-index: 1;
        margin: 25px auto !important;
        width: 100%;
        left: 0;
        right: 0;
    }
        .branched-col-2 img {
        width: auto;
        height: 300px;
        margin: auto;
        display: block;
        margin-top: 25px;
        margin-bottom: 35px;
    }
}

.left-col-3 {
  margin-bottom: 1%;
}

#type-of-tests .light-blue-band-text {
  background-color: #cee6f2;
}

.branched-col-1 {
  flex: 50%;
  padding-top: 8%;
  padding-bottom: 5%;
}

.branched-col-2 {
  flex: 50%;
}

.branched-col-2 img {
      /*padding-top: 5%;*/
    width: auto;
    height: 300px;
    margin-top: 7%;
}

.mar-top-4 {
  margin-top: 4.4em;
}

@media (min-width: 993px) {
/*header.default-header nav .menu-links {
    display: block!important;
    margin-left: 173px;
}*/
}

/*ipad pro design*/
@media only screen and (min-width:991px) and (max-width:1200px) {
  /*header.default-header nav .menu-links{
    margin-left:0px;
  }*/
  .tooltip-text{
    display:none !important;
  }
  .right-col-4 {
    padding-right: 35px;
  }

  .left-col-2-1-footnote {
    padding-top: 13% !important;
    padding-left: 12% !important;
  }

  .left-col-2-1 {
    background-position: 80px 0px;
  }

  .footnote {
    margin-right: 70em;
    margin-right: 70vw;
    padding-top: calc(55vw - 18px);
  }

  .banner-img {
    background-size: 100% 100%;
  }

  .col-14 {
    flex: 25%;
  }

  .col-13-blank {
    flex: 12.5%;
  }

  .left-col-11-5 {
    padding: 0% 0% 0% 2%;
  }

  .right-col-11-5 {
    padding: 0% 0% 0% 2%;
  }

  .col-11-content-1 {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
  }

  .sb-footnote {
    margin-left: 47em;
  }

  .sb-first-bg-2 .sb-footnote {
    margin-left: 55em;
  }

  .grey-list {
    padding-left: 5%;
  }

  .left-col-1 .grey-list {
    padding-left: 14% !important;
  }

  .light-blue-h1 {
    padding-top: 10.01em;
    padding-bottom: 10em;
  }
}
@media only screen and (min-width:1024px) and (max-width:1366px) {
    p.content {
    /* width: 48%; */
    /* margin-left: 258px; */
    padding-left: 10%;
    padding-right: 10%;
}
}

@media only screen and (min-width:1281px)  {
    p.content {
    /* width: 34%; */
    /* margin-left: 681px; */
}
}
/*ipad design*/
@media only screen and (min-width:768px) and (max-width:991px) {
  .grey-list {
    padding-left: 5%;
  }
  .tooltip-text{
    display:none !important;
  }
  .right-col-4 {
    padding-right: 35px;
  }

  .fourth-banner-list {
    padding-left: 7% !important;
  }

  .left-col-1 .grey-list {
    padding-left: 18% !important;
  }

  .sb-third-bg {
    background-size: cover;
    background-position: -180px 0px;
  }

  .sb-third-content, .sb-third-head, .sb-third-footnote {
    width: 50%;
  }

  .sb-first-content {
    font-size: 38px;
  }

  .lang-selector {
  }

  .footnote {
    margin-right: 40em;    
    margin-right: 70vw;
    padding-top: calc(55vw - 18px);
  }

  .banner-img {
    background-size: 100% 100%;
  }

  .left-col-2-1 {
    background-size: cover;
    background-position: 25px 0px;
  }

  .col-14 {
    flex: 30%;
  }

  .col-13-blank {
    flex: 5%;
  }

  .left-col-16 {
    flex: 25%;
  }

  .col-15-blank {
    flex: 12.5%;
  }

  .ms-section-container .ms-container>div {
    margin: 0;
  }

  .right-col-6, .left-col-6 {
    flex: 35%;
  }

  .left-col-blank, .right-col-blank {
    flex: 15%;
  }

  .right-col-2-1 p:first-child {
    padding: 33% 1% 0% 30% !important;
  }

  .right-col-2-1-footnote {
    padding: 5% 0% 0% 40% !important;
  }

  .left-col-11-5 {
    padding: 0% 5px 0% 22px;
  }

  .right-col-11-5 {
    padding: 0% 5px 0% 4%;
  }

  .col-11-content-1 {
    font-size: 15px;
    line-height: 18px;
  }

  .branched-col-2-1 img {
    padding-top: 10%;
    height: 185px;
    width: auto;
  }

  .sb-footnote {
    margin-left: 26em;
  }

  .sb-first-bg-2 .sb-footnote {
    margin-left: 40em;
  }

  .light-blue-h1 {
    padding-top: 14em;
    padding-bottom: 14em;
  }

  .col-1-text h2 {
    margin-top: 50%;
  }
}
@media only screen and (max-width:767px) {
    p.content {
    
    width: 78%!important;
    margin-left: 44px!important;
    font-size: 12px;
     margin-bottom:20px;
    
    }
    h4.top-two {
    font-size: 31px
    }


   

}
@media only screen and (min-width:768px) and (max-width:1023px) {
    p.content {
    
    width: 68%!important;
    
    margin-left: 114px!important;
    font-size:12px;
    margin-bottom:30px;
   
}
    
    
}

@media only screen and (max-width:340px) {
  .sb-first-content, .left-col-2 p:first-child {
    font-size: 30px !important;
  }

  .sb-first-bg-2 {
    background-position: 200px 0px;
  }
}

.left-col-1 a, .right-col-4 a, .left-col-4 a, .col-6-text a {
  color: #636569;
}

.banner-o-1 {
  /* transform: scaleX(-1); */
}

@media only screen and (min-width:1550px) {
   /*header.default-header nav .menu-links{
    margin-left:28%;
  }*/
    .left-col-6-3 .col-6-text{
    width:422.4px;
  }
  /*.genetic-tooltip{
    right: 64% !important;
    padding-left:0px !important;
    width: 35% !important;
    bottom: 84% !important;
  }*/

    .genetic-tooltip{
        right: 77.3% !important;
        padding-left:0px !important;
        width: 411px !important;
        /*width: 35% !important;*/
        bottom: 86% !important;
    }
      .genetic-counsellor-tooltip{
    right:0% !important;
    left: 64%;
    bottom: 80% !important;
  }
  .biopsy-tooltip{
    bottom: 102% !important;
    right: 13% !important;
    background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-right.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
  }
  .bio-tooltip{
    
bottom: 46% !important;
  }
  .tumor-tooltip{
    right:5% !important;
    bottom: 46% !important;
  }
  .chemo-tooltip{
    right:0% !important;
    left: 53%;
    width: 25% !important;
    bottom: 47% !important;
  }
  .hormone-tooltip{
   
right:0% !important;
   
bottom: 47% !important;
  }
  .targeted-tooltip{
    
right: 9% !important;
    
width:30% !important;
    
bottom:47% !important;
  }
  .radiation-tooltip{
    right: 11% !important;
    bottom: 44% !important;
  }
  .grey-list {
    padding-left: 2%;
  }

  .left-col-1 .grey-list {
    padding-left: 8% !important;
  }

  .sb-first-bg-2 .sb-footnote {
    margin-left: 110em;
  }

  .sb-footnote {
    margin-left: 100em;
  }

  .footnote {
    /* margin-right: 118em; */
  }

  .light-blue-h1 {
    padding: 7.88% 0;
    /*padding-top: 7em;
    padding-bottom: 7.2em;*/
  }

  .col-1-text h2 {
    margin-top: 13%;
  }
}

.right-col-4 .grey-list li {
  padding-left: 0px;
}

#gene-mutations .right-col-4 {
  padding-left: 55px;
  padding-top: 4%;
  padding-bottom: 2%;
  /*padding-top: 2%;*/
}

.footer-sec {
  height: auto !important;
}

img.paab-logo {
  vertical-align: middle;
  padding-left: 2%;
  /* padding-right: 55px; */;
}

.footer-links {
  padding-bottom: 50px;
  padding-top: 62px;
}

.on .basic-header-top .ms-header-snippet .lang-selector {
  display: none;
}

.lang-selector {
  position: fixed;
}

.left-col-1 .grey-list {
  padding-left: 11%;
    margin-bottom: 60px !important;
}

.fourth-banner-list {
  padding-left: 3%;
}

/*.understand-wrapper {
  background: url('/content/dam/microsites/testingovariancancer-ca/en/your-hrd-img-d.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}*/

.bio-tooltip, .tumor-tooltip, .chemo-tooltip, .hormone-tooltip, .targeted-tooltip, .radiation-tooltip {
  display: none;
}



.carousel .carousel-content-block {
  display: none;
}

.carousel-item {
  transition: transform .6s ease-in-out !important;
}

.right-col-2-1-footnote {
  font-size: 12px;
  font-family: 'AvenirHeavy';
  padding: 0% 0% 0% 59%;
}

.left-col-2-1-footnote {
  font-size: 12px;
  font-family: 'AvenirHeavy';
  /*padding: 2.5% 0% 0% 15%;*/
  padding:0% 0% 0% 52%;
}

@media only screen  and
                    (max-device-width: 767px) 
                   and (orientation: landscape) {
  .dark-blue-band {
    padding-top: 21% !important;
    padding-bottom: 21.75% !important;
  }
  .carousel{
    /*height:380px;*/
  }
  .sb-third-bg {
    background-position: right !important;
  }
    .sb-first-bg-1, .sb-first-bg-2{
    background-position:right;
  }
  .left-col-2-1{
      background-size:contain;
      background-position:right;
  }
}

.biopsy-tooltip, .genetic-counsellor-tooltip {
  display: none;
}



.animated-hover:active {
  color: #65B2E8 !important;
}
.en-selector a{
  color:#65B2E8 !important;
}
.tooltip-text{
  color:#000000;
}
.genetic-counsellor-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
  background-size:100% 100%;
  overflow: visible;
  position: absolute;
  bottom: 50%;
  text-align: center;
  right: 10%;
  width: 80%;
  padding:2% 2% 7% 2%;
  /* display: block !important; */
  z-index: 1000;
}
.biopsy-tooltip{
   background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-center.png');
   background-size:100% 100%;
   overflow: visible;
   position: absolute;
   bottom: 50%;
   text-align: center;
   right: 43%;
   width: 80%;
   padding:2% 2% 7% 2%;
   /* display: block !important; */
}
.bio-tooltip{
   background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
   background-size:100% 100%;
   background-repeat:no-repeat;
   overflow: visible;
   position: absolute;
   bottom: 48%;
   text-align: center;
   right: 10%;
   width: 50%;
   padding:2% 2% 5% 2%;
   /* display: block !important; */
}
.tumor-tooltip{
   background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
   background-size:100% 100%;
   background-repeat:no-repeat;
   overflow: visible;
   position: absolute;
   bottom: 48%;
   text-align: center;
   right: 3%;
   width: 50%;
   padding:2% 2% 4% 2%;
   /* display: block !important; */
}
.chemo-tooltip{
   background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-right.png');
   background-size:100% 100%;
   background-repeat:no-repeat;
   overflow: visible;
   position: absolute;
   bottom: 52%;
   text-align: center;
   right: 8%;
   width: 40%;
   padding:1% 0% 2% 0%;
   /* display: block !important; */
}
.hormone-tooltip{
   background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-center.png');
   background-size:100% 100%;
   background-repeat:no-repeat;
   overflow: visible;
   position: absolute;
   bottom: 49%;
   text-align: center;
   right: 7%;
   width: 40%;
   padding:1% 0% 2% 0%;
   /* display: block !important; */
}
.targeted-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-right.png');
  background-size:100% 100%;
  background-repeat:no-repeat;
  overflow: visible;
  position: absolute;
  bottom: 49%;
  text-align: center;
  right: 6%;
  width: 40%;
  padding:1% 1% 2% 1%;
  /* display: block !important; */
}
.radiation-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-right.png');
  background-size:100% 100%;
  background-repeat:no-repeat;
  overflow: visible;
  position: absolute;
  bottom: 47%;
  text-align: center;
  right: 11%;
  width: 40%;
  padding:1% 1% 3% 1%;
  /* display: block !important; */
}
.genetic-tooltip, .som-tooltip, .germline-tooltip{
  display:none;
}
/*.genetic-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
  background-size:100% 100%;
  overflow: visible;
  position: absolute;
  bottom: 88%;
  text-align: center;
  right: 49%;
  width: 50%;
  padding:1% 0% 2% 0%;
}*/
.genetic-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
  background-size:100% 100%;
  overflow: visible;
  position: absolute;
  bottom: 88%;
  text-align: center;
  right: 49%;
  /*width: 411px !important;*/
  height: 92px;
  padding: 0.5% 1% 1% 0%;
  font-size: 18px;
  font-family: 'AvenirLTPro-Heavy';
  /* display: block !important; */
}
.germline-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
  background-size:100% 100%;
  overflow: visible;
  position: absolute;
  bottom: 87%;
  text-align: center;
  right: 30%;
  width: 80%;
  padding:2% 2% 4% 2%;
  /* display: block !important; */
}
.som-tooltip{
  background: url('/content/dam/microsites/testingovariancancer-ca/en/tooltip-left.png');
  background-size:100% 100%;
  overflow: visible;
  position: absolute;
  bottom: 87%;
  text-align: center;
  right: 30%;
  width: 80%;
  padding:2% 2% 4% 2%;
  /* display: block !important; */
}


.error-404 header, .error-500 header{
  display:none;
}
.left-col-1 a:hover, .right-col-4 a:hover, .left-col-4 a:hover, .col-6-text a:hover{
  color:#4F5CD6 !important;
}
.left-col-6-1{
  padding-right:5%;
  padding-left:0% !important;
}
.left-col-6-2{
  padding-left:3%;
  padding-right:3%;
}
.left-col-6-3{
  padding-left:5%;
  padding-right:0% !important;
}
@media only screen and (min-width:1240px) and (max-width:1500px){

.left-col-6-3 .col-6-text{
  width:300.516px;
  margin-right:auto;
  margin-left:auto;

}
.left-col-6-2 .col-6-text{
  width:286.875px;
  margin-right:auto;
  margin-left:auto;
}
}
@media only screen and (min-width:1240px) and (max-width:1300px){
  .bio-tooltip{
    bottom:52%;
  }
  .tumor-tooltip{
    bottom:53%;
  }
  .chemo-tooltip{
    bottom:55%;
  }
  .hormone-tooltip{
    bottom:52%;
  }
  .targeted-tooltip{
    bottom:52%;
  }
  .radiation-tooltip{
    bottom:50%
  }
}
@media only screen and (min-width:991px) and (max-width:1200px) and (orientation:landscape){
  .tooltip-text{
    display:none !important;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) and (orientation:landscape){
  .tooltip-text{
    display:none !important;
  }
}

/*  23/12/2022 - For responsive images */
@media only screen and (max-width:1199px){ 
    .banner-o-1 { 
        height: 59vw; 
    }
    .col-6-img img, .left-col-13 img {
        width: 140px;
        height: auto;
    }
}
@media only screen and (max-width:767px){
    .branched-col-2 img { 
       width: auto;
        height: 300px;
        margin: auto;
        display: block;
        margin-top: 25px;
        margin-bottom: 15px;
    }
}

/*14032025*/
@media only screen and (min-width:320px)
{
    .banner-o-1 .footnote
    {
        transform: none !important;
    }
    .col-6-text
    {
        text-align:left !important;
    }
}

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

.right-col-2-1 p:first-child {
    font-size: 24px;
}
    p.grey-text {
        line-height: 43px !important;
        font-size: 21px !important;
    }
    .left-col-2 p:first-child {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    .banner-o-1 .footnote {
        margin-right: 6em !important;
    }

}

@media only screen and (max-width: 767px) {
    .banner-o-1 {
        background-size: 100% 100%;
    }
    .banner-o-1 .footnote {
        position: absolute;
        right: 0px !important;
        padding-top: calc(57vw - 17px);
        margin-right: 16em !important;
    }
    .left-col-6-1 {
        padding-left: 3% !important;
    }
    .faq-ans-1 {
        padding: 0 5% 0% 1% !important;
    }
    .sb-first-bg-1 .sb-footnote {
        position: absolute;
        right: 30%;
        bottom: 15px;
        margin-left: 0em !important;
        padding-bottom: 0px !important;
    }
    .sb-first-bg-2, .sb-first-bg-1 {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .sb-first-bg-2 .sb-footnote {
        margin-left: 0px !important;
        position: absolute;
        right: 24%;
        bottom: 15px;
        padding: 0px !important;
    }
    .sb-first-bg-1 .sb-first-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sb-first-bg-2 .sb-first-content {
    padding: 0% 0% 0% 7.6%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 46.031vw;
}

    
    .sb-first-bg-2 {
        background-position: right;
height: auto;
position: relative;
    }
    .sb-first-bg-2 .sb-footnote {
    padding-bottom: 50px;
}
.sb-third-head, .sb-third-content
{
 margin-left: 5%;
}
    .sb-first-bg-1 {
        background-size: 100% 100%;
        background-position: right;
    }
    .sb-first-content {
        width: 65%;
    }
    .left-col-6-3,
.left-col-6-2,
.left-col-6-1 {
    padding-left: 3%;
    padding-right: 3% !important;
}
#type-of-tests
{
  margin-top: 15px;
}
.ms-section-container#gene-mutations, .ms-section-container#treatment-plans {
        top: 15px !important;
    }
    
    .display-flex.car-text-1
{
  display: flex !important;
    flex-direction: column;
min-height: 590px;
}
.col-text-2
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.display-flex.car-text-1 .col-1-text
{
  flex: auto;
    display: flex;
flex-direction: column;
    justify-content: center;
}
p.grey-text {
        line-height: 32px;
        font-size: 22px;
    }
.dark-grey-text {
        font-size: 25px;
    }
.dark-blue-band
{ 
min-height: 590px;
    display: flex;
    flex-direction: column;
    justify-content: center;
padding:0px !important;
}
.col-1-text h3
{
    line-height: 50px !important;
}

    
    .left-col-2-1
    {
        background-size: 85% 100% !important;
        background-position: 115px 0px !important;
    }
    .left-col-2-1 p:first-child {
        font-size: 6vw !important;
        line-height: 8vw !important;
    }
    .left-col-2-1 .left-col-2-1-footnote
    {
        font-size: 8px !important;
    }
    div.right-col-2-1 p {
        padding: 8% 26% 2% 26% !important;
    }
    .sb-first-content {
        font-size: 3vw !important;
        line-height: 3.5vw !important;
    }
    .sb-third-bg
    {
        padding: 60px 90px 60px 20px !important;
    }
    .sb-third-head
    {
        font-size: 3vw !important;
        line-height: 4vw !important;
    }
    .sb-third-content
    {
        font-size: 2vw !important;
        line-height: 3vw !important;
    }
    #gene-mutations .left-col-2.left-col-2-1 p:first-child
    {
        width: 50% !important;
    }
    .sb-first-bg-2 .sb-footnote
    {
        font-size: 9px !important;
    }
        div.ms-section-container#gene-mutations
        {
            top: 0px !important;
        }
        .footer-menu li {
        font-size: 14px;
        display: block;
        border: none;
    }
}



@media only screen and (max-width: 460px) {
    .sb-first-bg-2 .sb-first-content
    {
        font-size: 25px !important;
    }
    p.grey-text {
        line-height: 44px;
    font-size: 22px;
    }
.dark-grey-text {
        font-size: 24px;
    }
.col-1-text h3 {
  font-size: 23px !important;
}
.col-1-text h2 {
  font-size: 33px !important;
}
 .banner-o-1 .footnote {
        margin-right: 9em !important;
    }
}


@media only screen and (max-width: 477px) {
     .banner-o-1 .footnote {
        margin-right: 10em !important;
    }
    .dark-blue-band {
        padding-top: 27.5% !important;
        padding-bottom: 19.5% !important;
    }


    .left-col-2-1,.sb-first-bg-1 {
        background-position: right;
    }
    .ms-section-container#gene-mutations,
.ms-section-container#treatment-plans
{
  display: initial;
top: 0.4em;
}
div.ms-section-container#gene-mutations {
        top: 5px !important;
    }
#gene-mutations .left-col-2 p:first-child {
    font-size: 40px;
}
.left-col-2-2 p {
    font-size: 45px;
}
 #gene-mutations .left-col-2.left-col-2-1 p:first-child
    {
        width: 60% !important;
    }
    .sb-first-bg.sb-first-bg-2 .sb-first-content
    {
        font-size: 3vw !important;
        line-height: 3.5vw !important;
    }
}

/*desktop*/

@media only screen and (min-width:993px) and (max-width:1300px) {
    .banner-o-1 {
        background-size: 100% 100%;
    }
     .banner-o-1 .footnote {
        margin-right: 16em !important;
        padding-top: calc(56vw - 17px);
    }
    ul.menu-links li {
        padding-left: 10px;
    }
#header .menu-links a {
        font-size: 14px;
    }
    
     .display-flex.car-text-1 {
        height: 590px;
    }
    .display-flex.car-text-1 .col-1-text ,
    .display-flex .col-text-2{
        display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 2%;
    }
    .display-flex.car-text-1 .col-1-text h2
{
   margin: 0px !important;
  font-size: 80px;
    line-height: 90px;
}
.display-flex.car-text-1 .col-1-text h3
{
   margin-bottom: 0px !important;
   font-size: 48px;
    line-height: 60px;
}
p.grey-text {
        line-height: 53px;
        font-size: 35px;
        text-align: left;
    }
    .dark-grey-text {
    font-size: 40px;
}
 .dark-blue-band {
        height: 590px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0% 4% 0% 4% !important;
    }
    .sb-first-content {
    font-size: 42px;
    width: 66%;
    padding: 45px 0px 20px 55px;
    line-height: 53px;
}
  .right-col-2-1 p:first-child {
    padding: 8% 2% 2% 43%;
}
 #gene-mutations .left-col-2 p:first-child {
    font-size: 43px;
    width: 82%;
    padding: 7% 2% 4% 39px;
    line-height: 45px;
}
.left-col-2-1 {
       background-position: right;
    }
    .sb-third-head {
    font-size: 55px;
    width: 72%;
}
 .sb-third-content {
    width: 72%;
    font-size: 23px;
}
 .banner-o-1 {
    height: 52.604vw;
}
.banner-o-1 .footnote {
     position: absolute;
        right: 0px !important;
        padding-top: calc(51vw - 17px);
    }
    .sb-first-bg-1 .sb-footnote
{
  position: absolute;
    right: 30%;
    bottom: 15px;
    margin-left: 0em !important;
    padding-bottom: 0px !important;
}
.left-col-2-1 .left-col-2-1-footnote
{
  position: absolute;
    right: 30%;
    bottom: 16px;
   padding:0px !important;
}
.sb-first-bg-2
{
    position: relative;
}
.sb-first-bg-2 .sb-footnote
{
  margin-left: 0px !important;
  position: absolute;
    right: 24%;
    bottom: 15px;
    padding:0px !important;
}
.sb-third-footnote
{
    position: absolute;
    left: 28%;
    bottom: 15px;
    width: auto;
    margin-right: 0px;
    padding-bottom: 0px;
}
.display-flex .col-text-2
    {
        padding: 2% 5.3% 2% 2% !important;
    }
    .resources-banner .display-flex
    {
        gap: 10px;
    }

}

@media only screen and (min-width:1301px) and (max-width:1600px) {
    
    
     .display-flex.car-text-1 {
        height: 590px;
    }
    .display-flex.car-text-1 .col-1-text ,
    .display-flex .col-text-2{
        display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 2%;
    }
    .display-flex.car-text-1 .col-1-text h2
{
   margin: 0px !important;
  font-size: 80px;
    line-height: 90px;
}
.display-flex.car-text-1 .col-1-text h3 {
        margin-bottom: 0px !important;
        font-size: 43px;
        line-height: 60px;
    }
p.grey-text {
        line-height: 53px;
        font-size: 35px;
        text-align: left;
    }
    .dark-grey-text {
    font-size: 40px;
}
 .dark-blue-band {
        height: 590px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px !important;
    }
    .sb-first-content {
    font-size: 55px;
    width: 66%;
    padding: 45px 0px 20px 55px;
    line-height: 70px;
}
  .right-col-2-1 p:first-child {
    padding: 8% 2% 2% 43%;
}
 #gene-mutations .left-col-2 p:first-child {
    font-size: 43px;
    width: 82%;
    padding: 7% 2% 4% 39px;
    line-height: 45px;
}
.left-col-2-1 {
       background-position: right;
    }
    .sb-third-head {
    font-size: 55px;
    width: 72%;
}
 .sb-third-content {
    width: 72%;
    font-size: 23px;
}
 .banner-o-1 {
    height: 52.604vw;
     background-size: 100% 100%;
}
.banner-o-1 .footnote {
         position: absolute;
        right: 0px !important;
        padding-top: calc(51vw - 17px);
    }
    .sb-first-bg-1 .sb-footnote
{
  position: absolute;
    right: 30%;
    bottom: 15px;
    margin-left: 0em !important;
    padding-bottom: 0px !important;
}
.left-col-2-1 .left-col-2-1-footnote
{
  position: absolute;
    right: 30%;
    bottom: 16px;
   padding:0px !important;
}
.sb-first-bg-2
{
    position: relative;
}
.sb-first-bg-2 .sb-footnote
{
  margin-left: 0px !important;
  position: absolute;
    right: 24%;
    bottom: 15px;
    padding:0px !important;
}
.sb-first-bg-2 .sb-first-content
{
    font-size: 63px;
    line-height: 74px;
}
.sb-third-footnote
{
    position: absolute;
    left: 28%;
    bottom: 15px;
    width: auto;
    margin-right: 0px;
    padding-bottom: 0px;
}
.display-flex .col-text-2
    {
        padding: 2% 5% 2% 2% !important;
    }
    .resources-banner .display-flex
    {
        gap: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .sb-first-bg-2 .sb-first-content,
    .sb-first-bg-1 .sb-first-content
    {
        padding: 0px !important;
        padding: 0px 0px 0px 55px !important;
    }
    
    .sb-first-bg-2,
    .sb-first-bg-1 
    {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    }
    .right-col-13 {
    padding-top: 4.5% !important;
}
.left-col-13 img {
    width: 65% !important;
}
.display-flex.faq-dark-bg-1
    {
        display: flex;
    align-items: center;
    }
    .display-flex.faq-dark-bg-1 .right-col-7 {
    margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 0% 13% 0% 5% !important;
}
.display-flex.faq-dark-bg-1 .right-col-7 .faq-ans-1
{
   padding:0px !important; 
}
}

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

  .display-flex.car-text-1 {
        height: 490px !important;
    }
    .display-flex.car-text-1 .col-1-text ,
    .display-flex .col-text-2{
        display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 2%;
    }
    .display-flex.car-text-1 .col-1-text h2
{
   margin: 0px !important;
  line-height: 100px;
}
.display-flex.car-text-1 .col-1-text h3
{
   margin-bottom: 0px !important;
}
  .dark-blue-band {
        height: 490px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px !important;
    }
    p.grey-text
    { 
        text-align:left;
        
    }
    .sb-first-content {
    font-size: 83px;
}
    .sb-first-bg-1 .sb-footnote {
        position: absolute;
        right: 30%;
        bottom: 15px;
        margin-left: 0em !important;
        padding-bottom: 0px !important;
    }

.sb-first-bg-2 .sb-footnote {
        margin-left: 0px !important;
        position: absolute;
        right: 24%;
        bottom: 15px;
        padding: 0px !important;
    }
.sb-first-bg-2 {
        position: relative;
    }
.sb-third-head {
    font-size: 85px;
}
.sb-third-footnote
{
   position: absolute;
    left: 28%;
    bottom: 15px;
    width: auto;
    margin-right: 0px;
    padding-bottom: 0px;
}
.left-col-2-1 .left-col-2-1-footnote {
        position: absolute;
        right: 24%;
        bottom: 16px;
        padding: 0px !important;
    }
    .banner-o-1 .footnote {
         position: absolute;
        right: 0px !important;
        padding-top: calc(51vw - 17px);
    }
    .display-flex .col-text-2
    {
        padding: 2% 5% 2% 2% !important;
    }
    .banner-o-1
    {
        background-size: 100% 100%;
    }

}

@media only screen and (min-width:768px) and (max-width:992px)
{
    .banner-o-1 {
    background-size: 100% 100%;
    }
        .banner-o-1 .footnote {
        position: absolute;
        right: 0px !important;
        padding-top: calc(56vw - 17px);
        margin-right: 17em;
    }
    
    .display-flex.car-text-1
{
  display: flex !important;
    flex-direction: column;
height: 720px;
}
.col-text-2
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4% 6% 2% 6%;
}
.col-1-text h2 {
        margin-top: 0px !important;
        font-size: 65px !important;
        padding: 32px 10px 0px 10px !important;
    }
    .col-1-text h3 {
     font-size: 50px; 
    margin-top: 0px !important;
}
.display-flex.car-text-1 .col-1-text
{
  flex: auto;
    display: flex;
flex-direction: column;
    justify-content: center;
}
p.grey-text {
        line-height: 48px;
        font-size: 33px;
    }
.dark-grey-text {
        font-size: 36px;
    }
.dark-blue-band
{ 
height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: center;
padding: 0% 5.5% 0% 5.5% !important;
}
.resources-banner .display-flex {
        display: block !important;
    }
    .left-col-2-1,
    .sb-third-bg{
        background-size: cover;
        background-position: right;
    }

.sb-third-content, .sb-third-head, .sb-third-footnote {
        width: 72%;
    }
    .sb-third-head {
    font-size: 32px;
}
.sb-third-content {
    font-size: 18px;
}
.sb-first-content {
        font-size: 38px !important;
    }
.sb-third-footnote {
        position: absolute;
        left: 28%;
        bottom: 15px;
        width: auto;
        margin-right: 0px;
        padding-bottom: 0px;
    }
    .sb-first-bg-1 .sb-footnote {
        position: absolute;
        right: 30%;
        bottom: 15px;
        margin-left: 0em !important;
        padding-bottom: 0px !important;
    }
    .sb-first-bg-2 {
        position: relative;
    }
    .sb-first-bg-2 .sb-footnote {
        margin-left: 0px !important;
        position: absolute;
        right: 24%;
        bottom: 15px;
        padding: 0px !important;
    }
    .left-col-2-2 p {
    font-size: 47px;
    }
    .light-blue-band-text {
    font-size: 23px;
    }
    .left-col-2.left-col-2-1
    {
        background-size: 85% 100% !important;
    background-position: 115px 0px !important;
    }
    #gene-mutations .left-col-2.left-col-2-1 p:first-child
    {
        font-size: 30px !important;
        width: 70% !important;
    padding: 7% 10% 4% 55px !important;
    line-height: 40px !important;
    }
    .left-col-2-1-footnote {
    font-size: 12px !important;
    padding: 0% 0% 0% 25% !important;
}
div.right-col-2-1 p:first-child {
        padding: 10% 1% 0% 15% !important;
        font-size: 21px !important;
    line-height: 28px !important;
    }

}
@media only screen and (min-width:1201px) and (max-width:1600px){
    .left-col-11 .download-btn,.download-btn ,.right-col-11 .download-btn{
    margin-top: 20px;
    max-width: 200px;
}
.grey-text {
  font-size: 34px;
}
.right-col-11 .download-btn {
    /* margin-top: 10px; */
}
.col-11-content{
        min-height: 190px;
        padding-right: 18px;
        font-size: 21px;
}
}