/* service section background */
 .services-info-bg{
    background-color: var(--doctor-section-background);
}

.service-hr{
    border: 0.5px solid var(--secondary-color);
    background-color: var(--doctor-section-background);
    margin: 0px;
}


.service-details-img-section {
    position: relative;
}
.service-cover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 45px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.service-section-color{
    /* padding: 4.5% 8%; */
    /* padding: 6% 10% 4% 6%; */
    /* padding: 3% 8%; */
    padding: 6% 8%;

    background-color: var(--doctor-section-background);
    position: relative;
    z-index: 100;
}

.service-section-color h2{
    font-family: var(--font-bold);
    /* font-size: 2.2rem; */
    font-size: 1.8rem;
    padding-bottom: 10px;
    color: var(--secondary-color);

}

.service-section-color p{
    /* font-size: 2.2rem;
    font-weight: 900; */
    font-size: 18px;
    font-weight: 500;
    /* color: var(--primary-color); */
}


.service-section{
    /* padding: 4.5% 8%; */
    padding: 3% 10% 3% 6%;
    position: relative;
    z-index: 100;
}

/* .service-section h2{
    margin-bottom: 0px;
    font-family: var(--font-bold);
    font-size: 2.2rem;
    font-weight: 900;
    padding: 1% 1% 1% 2%;
    background-color: var(--secondary-color);
    border-radius: 10px;
    color: white;
    width: 90%;
} */

.service-section h2 {
    margin-bottom: 0px;
    font-family: var(--font-bold);
    font-size: 1.6rem;
    font-weight: 900;
    padding: 1% 2%;
    background-color: var(--secondary-color);
    border-radius: 10px;
    color: white;
    display: inline-block;
}


.custom-secondary-h2 h2{
    background-color: white;
    color: var(--secondary-color);
}

.custom-primary-h2 h2{
    background-color: white;
    color: var(--primary-color);
}

.custom-primary-p{
    /* background-color: white; */
    color: var(--primary-color);
}

.service-section-bg-section{
    padding: 1% 0%;
    border-radius: 10px;
    background-color: var(--secondary-color); 
   
}

.service-section-bg-section h2{
    color: var(--doctor-section-background);
}

.service-section-bg-section p{
    padding-top: 0px!important;
    color: var(--doctor-section-background);
}

.service-section p{
    /* font-size: 2.2rem;
    font-weight: 900; */
    font-size: 18px;
    font-weight: 500;
    padding: 2% 2% 0% 2%;
    margin-bottom: 0px;

    /* color: var(--primary-color); */
}

.service-section h5,h4,h3{
    padding: 2% 2% 0% 2%;
    font-family: var(--body-font);
    font-weight: 900;
}

.service-carousal-btn{
   
    color: var(--primary-color);
    background-color: var(--doctor-section-background);
    border: none;
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 10px;
    
}


.service-hero-section{
    position: relative;
}

.service-hero-section-info{
    /* padding: 10.5%; */
    margin: 0;
    position: absolute;
    /* top: 50%;
    left: 42%; */
    top: 50%;
    left: 40%;
    /* width: 100%; */
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.service-hero-section-heading-1{
    /* font-size: 52px; */
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 4rem;
    color: white;
    font-family: var(--font-bold);
}

.service-hero-section-heading-2{
    /* font-size: 55px; */
    font-size: 2.3rem;
    line-height: 4rem;
    font-weight: 900;
    color: var(--secondary-color);
    font-family: var(--font-bold);
}

.subheading-font{
    font-size: 20px!important;
}


.service-info-title-bg{
    background-color: var(--secondary-color);
    border-radius: 10px;
    color: white;
    width: 90%;
}


.service-info-title{
    border-radius: 10px;
    color: white;
    width: 90%;
    color: var(--secondary-color);
}


.service-info-title-bg h2{
    margin: 0px;
    font-family: var(--font-bold);
    font-size: 2.2rem;
    font-weight: 900;
    padding: 1% 1% 1% 2%;
}
.service-info-title-bg p {
    padding: 1% 1% 1% 2%;
    font-size: 1.2rem;
    font-family: var(--font-light);
    color:var(--footer-text-color);
}


.primary-text-info{
    font-size: 20px!important;
    font-family: var(--font-bold);
    /* font-weight: 900; */
    color: var(--primary-color);
    
}



.bg-lines-service-page-info{
    position: absolute;
    height: 80%;
    bottom: 0%;
    left: 0%;
    z-index: -1;
}




.service-section-unorder-list li{
    font-size: 18px;
    padding-top: 15px;
    /* line-height: 0px!important; */
    
}

.service-section-unorder-list-color li {
    font-size: 18px;
    color: var(--primary-color);
    font-family: var(--font-bold);
    font-weight: 500;
    padding-top: 15px;
    /* padding-top: 1.5%; */
}

.service-section-unorder-list-color p {
   padding: 1% 0%!important;
}


 li::marker {
    color: var(--secondary-color);
    /* font-size: 2.2rem; */
}


.bg-lines-what-is-service{
    position: absolute;
    height: 80%;
    bottom: 0%;
    right: 0%;
    z-index: -1;
}

.bg-lines-pcod{
    position: absolute;
    height: 30%;
    bottom: 0%;
    right: 0%;
    z-index: -1;
}


.advice-section{
    padding: 1.5% 4%;
    background-color: var(--primary-color);
}

.advice-section h1{
    color: var(--doctor-section-background);
    font-style: var(--font-bold);
    font-size: 1.5rem;
    font-weight: bold;
}

/* Service photo */
.service-photo{
    padding: 3% 0%;
}

.bg-lines-conclusion-section{
    position: absolute;
    height: 100%;
    right: 0%;
    bottom: 0%;
    z-index: -1;
}


/* service carsoual */

.service-carousal-section{
    padding: 0% 3% 10% 3%;
    position: relative;
   
    /* background-color: var(--doctor-section-background); */
}

.service-carousal{
     padding: 3% 3%;
     background-color: var(--doctor-section-background);
     border-radius: 20px;
}

.service-carousal h1,h2{
    /* color: var(--secondary-color); */
    color: var(--primary-color);
    font-family: var(--font-bold);

}


.service-carousal .items{
    overflow: hidden; 
}

.carousel-wrap{
    padding: 20px;
}


.service-carousal  .owl-nav {
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
}
.service-carousal  .owl-nav button.owl-prev {
    left: -4%;
    position: relative;
    float: left;
}
.service-carousal  .owl-nav button.owl-next {   
    float: right; 
    position: relative;
    right: -4%;
}
.service-carousal  .card { 
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  overflow: hidden;
  padding: 0;
}

/* .current-projects .card{
    position: absolute;
} */

.current-projects .project-address{
  
  display: none;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--primary-color);
  padding: 5px 10px;
  font-weight: 700;
  font-size: 2rem;
  border-radius: 5px;
  text-align: center;

}

.current-project a {
    text-decoration: none;
}

.item{
    padding: 0px 20px;
}

.item .card{
    padding: 13px;
    /* background-color: var(--secondary-color); */
}



.card-img{
    position: relative;
}

.card-img img{
    height: 250px;
}


.card-title{
    line-height: 1rem;
    position: absolute;
    margin-bottom: 0px;
    width: 100%;
    bottom: 0%;
    text-align: center;
    background-color: var(--doctor-section-background);
    padding: 15px 0px;
    font-family: var(--font-bold);
    color: var(--primary-color);
}

.sub-title{
    font-size: 15px;
}

.card .card-body{
    padding: 0px;
    color: var(--doctor-section-background);
    font-family: var(--font-bold);
}

.card-text{
    padding-top: 1.3rem !important;
    min-height: 141px;
    /* color: black; */
    color: var(--primary-color);
}




/* Heavy periods lines */

.heavy-periods-right-lines{
    position: absolute;
    height: 30%;
    bottom: -1%;
    right: 0%;
    z-index: -1;
}


.heavy-periods-right-lines-appointment{
    position: absolute;
    height: 78%;
    top: -63%;
    right: 0%;
    z-index: -1;
}


/* Hight Risk Pregnancy */

/* uterine-finrodids right lines */
.uterine-fibrodids-right-lines{
    position: absolute;
    height: 30%;
    bottom: 0%;
    right: 0%;
    z-index: -1;
}



/* media queries */


@media (max-width: 575.98px) {


    .service-section h2,.service-section-color h2 {
        font-size: 1.4rem;
        padding: 2%;
    }



    .bg-lines-what-is-service{
        position: absolute;
        height: 20%;
        bottom: 0%;
        right: 0%;
        z-index: -1; 
    }

    
    .service-hero-section-heading-1{
        /* font-size: 52px; */
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem;
        color: white;
        font-family: var(--font-bold);
    }
    
    .service-hero-section-heading-2{
        /* font-size: 55px; */
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 700;
        color: var(--secondary-color);
        text-align: center;

        
}

.cover-section-mb{
    padding: 5% 5%;
}


.service-section p {
    font-size: 18px;
    font-weight: 500;
    padding: 7% 2% 0% 2%;
    margin-bottom: 0px;
}

.service-section-unorder-list-color p {
    padding: 1% 0%!important;
 }


.service-section h5, h4, h3 {
    padding: 5% 2% 0% 2%;
    font-family: var(--body-font);
    font-weight: 900;
}

.service-section-bg-section {
    padding: 2% 2%;
    
}

.bg-lines-service-page-info {
    position: absolute;
    height: 50%;
    bottom: 0%;
    left: 0%;
    z-index: -1;
}

.heavy-periods-right-lines{
    position: absolute;
    height: 10%;
    bottom: -1%;
    right: 0%;
    z-index: -1;
}

.bg-lines-conclusion-section {
    position: absolute;
    height: 50%;
    right: 0%;
    bottom: 0%;
    z-index: -1;
}

.bg-lines-pcod, .uterine-fibrodids-right-lines {
 
    position: absolute;
    height: 10%;
    bottom: 0%;
    right: 0%;
    z-index: -1;

}

.service-carousal .owl-nav {
    position: absolute;
    left: -18px;
    top: 41%;
    right: -18px;
}

.service-details-img-section img{
    opacity: 0.4;
    /* background: rgba(0, 0, 0, 0.8); */
    height:150px;
}


}

