.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


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

img{height: auto;}
a{text-decoration: none; color: initial;}
body, html, p, h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;}


.common-padding-a{padding: 80px 0;}
.common-padding-b{padding: 40px 0;}
.container{padding: 0 56px; margin: auto;}
.common-bg{background-color: #F1FAFE;}

.prostate-heading{font-size: 32px; font-weight: 700; color: #1E5A87; line-height: 1.1; margin-bottom: 24px;}
.prostate-para{font-size: 16px; font-weight: 500; color: #6D6E72; line-height: 1.5;}
.prostate-para p{font-size: 16px; font-weight: 500; color: #6D6E72; line-height: 1.5;}
.prostate-btn{font-size: 16px; font-weight: 600; color: #fff; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #EE4F39; height: 56px; width: 274px;}
#chatbotContainer[data-instance="medantabot"]{z-index: 9999 !important;}
#chatbotContainer[data-instance="medantabot"] .tulu-pt-5{padding: 20px !important;}

@media screen and (max-width:1199px) {
    
    .prostate-heading{font-size: 28px;}
    .container{padding: 0 40px;}
    .common-padding-a{padding: 60px 0;}
    .common-padding-b{padding: 30px 0;}
}

@media screen and (max-width:991px) {
    
    .prostate-heading{font-size: 24px;}
}

@media screen and (max-width:767px) {
    
    .prostate-heading{font-size: 20px; margin-bottom: 16px;}
    .prostate-para{font-size: 14px;}
    .prostate-para p{font-size: 14px;}
    .prostate-btn{font-size: 14px; width: 212px; height: 41px; border-radius: 4px;}
    .container{padding: 0 20px;}
    .common-padding-a{padding: 40px 0;}
    .common-padding-b{padding: 24px 0;}

    .prostate-cancer-medanta #cahoAssistantSmallButton{
        bottom: 5.5rem !important
    }
    /* .prostate-cancer-medanta #chatbotContainer[data-instance="medantabot"] {
        width: min(100%) !important;
    } */
    /* .prostate-cancer-medanta #chatMessagesListContainer{
        min-height: 89vh !important;
    }

    .prostate-cancer-medanta #chatbotContainer[data-instance="medantabot"] {
        width: min(100%) !important;
        max-height: 60vh !important;
        top: 0;
    } */
}

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

    .prostate-heading{font-size: 16px;}
    .container{padding: 0 15px;}
}


/* banner */
.banner-section img{width: 100%; height: auto; display: block;}
.innerpage-banner .img-wrap{margin-top: 54px;}
.innerpage-banner .banner-caption{right: initial; left: 26%; transform: translate(-50%, -50%); text-align: left; max-width: 460px; width: 100%;}
.innerpage-banner .banner-caption .banner-title{text-align: left; font-size: 76px; font-weight: 500; line-height: 1;}
.innerpage-banner .banner-caption p{font-size: 22px; font-weight: 600; color: #fff; line-height: 1.3; padding: 12px 0;}
/* speak us */
.speak-wrapper{background-color: #E2EEF9; border-radius: 16px; padding: 40px 24px;}
.speak-wrapper .prostate-heading{text-align: center;}

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

    .innerpage-banner .banner-caption .banner-title{font-size: 60px;}
    .innerpage-banner .banner-caption p{font-size: 20px;}
    .innerpage-banner .banner-caption{left: 28%; max-width: 420px;}
}

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

    .innerpage-banner .banner-caption .banner-title{font-size: 50px;}
    .innerpage-banner .banner-caption p{font-size: 18px; padding: 7px 0;}
    .innerpage-banner .banner-caption{left: 28%; max-width: 380px;}
}

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

    .speak-section .container{padding: 0;}
    .speak-section .speak-wrapper{padding: 30px 20px; border-radius: 0;}
    .speak-wrapper .prostate-heading{text-align: left;}
    .innerpage-banner .banner-caption .banner-title{font-size: 35px;}
    .innerpage-banner .banner-caption p{font-size: 16px; padding: 5px 0;}
    .innerpage-banner .banner-caption{left: 26%; max-width: 350px;}
}

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

    .speak-section .speak-wrapper{padding: 24px 15px;}
}

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

    .innerpage-banner .banner-caption .banner-title{font-size: 30px; margin-bottom: 10px;}
    .innerpage-banner .banner-caption p{font-size: 12px;}
    .innerpage-banner .banner-caption{left: 25px; max-width: 190px; transform: translate(0, -50%); padding: 0;}
}

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

    .innerpage-banner .banner-caption .banner-title{font-size: 25px;}
    .innerpage-banner .banner-caption p{font-size: 10px;}
    .innerpage-banner .banner-caption{left: 20px; max-width: 150px; transform: translate(0, -50%); padding: 0;}
}


/* second */
.second-wrapper{display: flex; align-items: center; gap: 24px;}
.second-left{width: 50%;}
.second-left .prostate-btn{margin-top: 24px;}
.second-right{width: 50%; position: relative;}
.second-main-img{display: flex; align-items: center; gap: 32px;}
.second-right-img-left{width: 50%;}
.second-right-img-right{width: 50%; display: flex; flex-direction: column; gap: 25px;}
.second-right .second-main-img img{width: 100%; display: block;}
.second-right .second-small-img img{width: 280px; height: auto; display: block;}
.second-right .second-small-img{position: absolute; bottom: 26px; left: -240px;}


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

    .second-right .second-small-img img{width: 240px;}
    .second-right .second-small-img{left: -200px; bottom: 20px;}
}

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

    .second-right .second-small-img{left: -160px; bottom: 15px;}
}

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

    .second-right .second-small-img{position: static; margin-top: 24px;}
    .second-main-img{gap: 20px;}
    .second-right-img-right{gap: 15px;}
}

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

    .second-right .second-small-img{margin-top: 16px;}
    .second-right .second-small-img img{margin: auto;}
    .second-wrapper{flex-direction: column;}
    .second-left{width: 100%;}
    .second-right{width: 100%;}
    .second-main-img{gap: 6px;}
    .second-right-img-right{gap: 7px;}
}


/* silent */
.silent-wrapper-a{display: flex; align-items: center; gap: 20px; margin-top: 40px;}
.silent-wrapper-a:nth-child(even){flex-direction: row-reverse;}
.silent-wrapper-a:first-child{margin-top: 0;}
.silent-left{width: 45%; height: auto; position: relative;}
.poster-img img{display: block; width: 100%;}
.poster-img{position: relative;}
.poster-img .youtube-icon{position: absolute; top: 50%; left: 50%; width: 80px; transform: translate(-50%, -50%);}
.silent-iframe{height: 100%; width: 100%; display: none;}
.silent-left iframe{width: 100%; height: 100%; aspect-ratio: 2/1.01;}
.silent-right{width: 55%;}
.silent-section .prostate-heading{text-align: center;}
.silent-right .prostate-para:first-child p{font-weight: 700; padding-bottom: 16px;}
.silent-btn{display: flex; align-items: center; gap: 12px; margin-top: 16px;}
.silent-btn span{font-size: 16px; font-weight: 700; color: #58595B; line-height: 1;}
.silent-btn span img{width: 34px; height: 34px; display: block;}

/* .silent-iframe {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;} */
.silent-iframe .cross-icon {position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: #fff; cursor: pointer; border-radius: 50%; padding: 5px;}
.cross-icon svg{width: 100%; height: 100%;}
.poster-img { position: relative; cursor: pointer; }

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

    .poster-img .youtube-icon{width: 60px;}
}


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

    .silent-left{width: 50%;}
    .silent-right{width: 50%;}
}

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

    .silent-wrapper-a{flex-direction: column; gap: 16px; margin-top: 24px;}
    .silent-wrapper-a:nth-child(even){flex-direction: column;}
    .silent-left{width: 100%;}
    .silent-right{width: 100%;}
    .poster-img .youtube-icon{width: 50px;}

}


/* look */
.look-section{background-color: #D0EDFB;}
.look-text{text-align: center;}
.look-card-a{padding: 20px; padding-left: 60px; position: relative; height: auto;}
.look-wrapper{margin-top: 24px; gap: 40px; display: grid; grid-template-columns: repeat(3, 1fr);}
.look-card-number{background-color: #1E5A87; font-size: 40px; font-weight: 700; color: #fff; line-height: 1; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 5;}
.look-card-inner{border: 1.49px solid #7DC5ED; background-color: #F1FAFE; padding: 50px 30px 50px 50px; border-radius: 30px; font-size: 22px; font-weight: 600; color: #1E5A87; line-height: 1.1; position: relative; z-index: 3; height: 100%;}
.look-card-bg{width: 50%; height: 100%; background-color: #1E5A87; position: absolute; left: 40px; border-radius: 50px; top: 50%; transform: translateY(-50%); z-index: 1;}


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

    .look-wrapper{gap: 30px;}
    .look-card-inner{padding: 38px 20px 38px 40px;}
    .look-card-number{font-size: 32px; width: 80px; height: 80px;}
    .look-card-bg{border-radius: 40px; left: 45px;}
}

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


    .look-card-inner{padding: 35px 10px 35px 25px; font-size: 18px;}
    .look-wrapper{gap: 20px;}
}

@media screen and (max-width:1024px){
    .look-wrapper{grid-template-columns: repeat(2, 1fr);}
    .look-card-number{font-size: 28px; width: 60px; height: 60px;}
    .look-card-a{padding: 15px; padding-left: 30px;}
    .look-card-bg{left: 21px;}
    .look-card-inner{padding: 35px 10px 35px 38px;}
}

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

    .look-card-inner{font-size: 14px; border-radius: 20px; padding: 32px 35px 32px 32px;}
    .look-card-a{padding: 9px; padding-left: 28px;}
    .look-card-number{font-size: 20px; width: 50px; height: 50px;}
    .look-card-bg{border-radius: 30px; left: 18px; width: 40%;}
}

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

    .look-wrapper{grid-template-columns: repeat(1, 1fr); gap: 12px;}
}

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

    .look-card-bg{width: 100px;}
    
}

/* catch */
.catch-section .prostate-heading{text-align: center;}
.catch-wrapper{display: flex; justify-content: center; gap: 31px;}
.catch-item{position: relative; z-index: 3; display: flex; justify-content: center; height: auto; flex: 1;}
.catch-item::before{content: ""; width: 100%; height: 100%; display: block; position: absolute; background-image: url("../images/prostate-cancer/catch-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: 0; z-index: 1;}
.catch-inner-area{position: relative; z-index: 3; padding: 36px;}
.catch-inner-area .prostate-btn{margin: auto; margin-bottom: 16px; color: #4170A6; text-shadow: 0px 4px 4px #00000040; background-color: transparent; padding-bottom: 0; height: initial; width: max-content; padding-top: 10px;}
.catch-check-btn{margin-top: 24px;}
.catch-check-btn .prostate-btn{margin: auto;}

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

    .catch-wrapper{flex-wrap: wrap;}
    .catch-item{width: 47%; flex: initial;}
}

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

    .catch-wrapper{flex-direction: column; gap: 14px;}
    .catch-item{width: 100%; max-width: 550px; margin: auto;}
}


/* number */
.number-section{background-color: #D2DEE7;}
.number-section .number-text{text-align: center;}
.number-border-area{position: relative;}

.number-card-wrapper{display: flex; justify-content: center; gap: 43px; margin-top: 25px; padding-top: 22px; padding-bottom: 23px; position: relative; z-index: 3; left: -3px;}
.number-card{background-color: #1E5A87; border-radius: 30px; padding: 50px 35px; display: flex; text-align: center; flex-direction: column; gap: 24px; max-width: 18.2%; width: 100%;}
.number-card:nth-child(even){background-color: #fff; box-shadow: 0px 2px 14px 0px #00000040;}
.number-borer-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%;}
.number-borer-img::after{content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-image: url("../images/prostate-cancer/number-circle-img.png"); background-repeat: no-repeat; background-size: cover;}
.number-borer-img::before{content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-image: url("../images/prostate-cancer/number-circle-img.png"); background-repeat: no-repeat; background-size: cover;}
.number-borer-img img{display: block; width: 100%; height: 100%;}
.numbre-card-text{font-size: 22px; font-weight: 600; color: #fff; line-height: 1.1;}
.number-card:nth-child(even) .numbre-card-text{color: #1E5A87;}
.number-card-img img{height: 83px; width: auto; display: block; margin: auto;}
.number-card-img-text{font-size: 51px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; gap: 5px; color: #fff; margin-top: 20px;}
.number-card:nth-child(even) .number-card-img-text{color: #1E5A87; white-space: nowrap;}
.number-card-img-text img{height: 35px; width: auto; display: block;}

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

    .number-card-wrapper{gap: 52px;}
}

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

    .number-card-img img{height: 75px;}
    .number-card-wrapper{gap: 38px;}
    .number-card-img-text img{height: 30px;}
    .number-card-img-text{font-size: 43px;}
    .number-borer-img::after,
    .number-borer-img::before{width: 40px; height: 40px;}
}

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

    .number-card-wrapper{gap: 38px;}
}

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

    .number-card-wrapper{gap: 35px;}
    .number-card{padding: 40px 30px;}
    .numbre-card-text{font-size: 20px;}
}

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

    .number-card-img img{height: 70px;}
    .number-card-wrapper{gap: 30px;}
    .number-card{padding: 30px;}
    .number-borer-img::after,
    .number-borer-img::before{width: 30px; height: 30px;}
}


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

    .numbre-card-text{font-size: 18px;}
    .number-card-wrapper{gap: 27px;}
}

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

    .number-borer-img{display: none;}
    .number-card-wrapper{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 16px; padding-top: 0;}
    .number-card{max-width: 100%; align-items: center; flex-direction: row; padding: 18px 22px; justify-content: flex-start; text-align: left; gap: 17px; border-radius: 12px;}
    .number-card-img img{height: 67px; }
    .number-border-area{padding: 0 40px;}
    .number-card-img-text img{height: 27px;}
    .number-card-img-text{font-size: 39px; margin-top: 0; flex: 1;}
    .num-card-image-area{display: flex; align-items: center; justify-content: space-between; width: 172px;}
    .number-section .number-text{text-align: left;}

}

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

    .number-border-area{padding: 0 20px;}
    .number-card-wrapper{gap: 10px; grid-template-columns: repeat(1, 1fr);}
    .numbre-card-text{font-size: 16px;}
    .number-card-img-text{font-size: 32px;}
    
}

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

    .number-border-area{padding: 0 15px;}
    .number-card-img-text{font-size: 28px;}
}

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

    .number-card{padding: 15px 18px; gap: 12px;}
    .number-card-img img{height: 62px;}
    .num-card-image-area{width: 160px;}
}

/* socho */
.socho-section .prostate-heading{text-align: center;}
.socho-wrapper{display: flex; gap: 30px;}
.socho-item-a{height: auto; position: relative; border-right: 1px solid #1E5A87; padding-right: 30px; flex: 1;}
.socho-item-a:last-child{padding-right: 0; border-right: 0;}
.socho-item-a li{padding-left: 30px; position: relative; list-style-type: none; padding-bottom: 16px; font-size: 14px; font-weight: 500; color: #6D6E72; line-height: 1.5;}
.socho-item-a li::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #6D6E72; position: absolute; top: 7px; left: 15px;}
.socho-item-a li:last-child{padding-bottom: 0;}
.socho-title{font-size: 18px; font-weight: 700; color: #454545; line-height: 1.1; padding-bottom: 16px;}



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

    .socho-item-a li::before{left: 7px;}
    .socho-item-a li{padding-left: 20px;}
    .socho-wrapper{gap: 20px;}
    .socho-item-a{padding-right: 20px;}
}

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

    .socho-wrapper{flex-direction: column; gap: 16px;}
    .socho-item-a{padding-right: 0; border-right: 0;}
    .socho-item-a::after{content: ""; display: block; width: 90%; margin: auto; height: 1px; border-bottom: 1px solid #454545; margin-top: 16px; opacity: 10%;}
    .socho-item-a:last-child:after{display: none;}

}
 

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

    .socho-section .prostate-heading{text-align: left;}
    .socho-title{font-size: 16px;}
}