*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

/* ::-webkit-scrollbar {
    width: 10px;
  }
  

  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgb(250, 247, 249); 
    border-radius: 10px;
  }
   

  ::-webkit-scrollbar-thumb {
    background:#e53089; 

  }
   */
  
/* ============================headerpage===================== */
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--bs-navbar-active-color);
    margin-left: 20px;
}
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: black;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    margin-left: 20px;
}

.popup-container {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Popup content */
.popup-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* Close button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.ddv {
    margin: 20px;
    padding: 20px;
    border: 1px solid #d65aa0;
}

/* ==========================index Page=================== */
/* .w-100 {
    width: 100% !important;
    height: 270px;
} */
.carousel-indicators [data-bs-target] {
    width: 1px;
    height: 1px;
    border-radius: 50%;
}

/* -----section 1----- */
.heading.center {
    text-align: center;
}
.heading {
    color: #e53089;
    letter-spacing: -1px;
    margin: 0 auto 20px;
    font-family: Poppins, sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1em;
}
.heading1{
    color: #e53089;
    font-size: 18px;
    margin: 10px auto 5px;
    font-family: Poppins, sans-serif;
    font-weight: 600;

}
.heading1ot{
    color: #090105;
    /* letter-spacing: -1px; */
    margin: 10px auto 5px;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 700;
    /* line-height: 1.1em; */
}
.heading-31 {
    color: #0b0109;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
}
.about-text-block {
    direction: ltr;
    color: #0e0c0c;
    text-align: center;
    margin: 0;
    font-size: 16px;
    /* line-height: 1.5rem; */
    font-weight:550;
}
.about-text-block111{
    direction: ltr;
    color: #0e0c0c;
    text-align: center;
    margin: 0;
    font-size: 16px;
    line-height: 1.5rem;
    /* font-weight:600; */
}
/* .indx_box11{
width: 100%;
height: 100%;
background-color: #999;
} */
/* -------index section3---- */
.indx_sec3{
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
}
.award-text-block {
    direction: ltr;
    color: #999;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}
/* ------index section 4--- */
.heading11 {
    color: #e53089;
    /* letter-spacing: -1px; */
    margin: 0 auto 20px;
    font-family: Poppins, sans-serif;
    font-size:35px;
    text-align: center;
    font-weight: 800;
    line-height: 1.3em;
}


.about-text-block1{
    direction: ltr;
    color: #100303;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight:bold;
    line-height: 26px;
}
.about-text-block11{
    direction: ltr;
    color: #100303;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 17px;
    font-weight:500;
    /* line-height: 26px; */
}
/* ------index section 5--- */
.indx_sec5{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: white;
}
.indx5_box{
    width: 100%;
    height: 200px;
    background-color: #964488;
     background-image: linear-gradient(rgba(150, 68, 138, .5), rgba(150, 68, 138, .5)), url(./imgs/Prenatal-Package.jpg);
     background-size: auto, cover;
     padding-top: 11px;
     background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}
.indx5_box1{
    width: 100%;
    height: 200px;
    background-color: #964488;
     background-image: linear-gradient(rgba(150, 68, 138, .5), rgba(150, 68, 138, .5)), url(./imgs/Pack-Signature.jpg);
     background-size: auto, cover;
     padding-top: 11px;
     background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.indx5_sec{
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
}
.se5{
    width: 155px;
    height: 50px;
    margin: 30px auto;
}
.sec5_btn{
width: 150px;
height: 50px;
border: 1px solid #e53089;
background-color: white;
border-radius: 6px;
}
.sec5_btn:hover{
   background-color: #e53089;
    color: white;
    transition:all 1s;
}

/* ------index section 8--- */
.indx_sec6{
width: 70%;
height: 100%;
text-align: center;
margin: auto;
}
.text-block-58 {
    color: #aaa;
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
}
.carousel-control-next-icon {
    background-image: url(./imgs/right-2-svgrepo-com\ \(1\).svg);
}
.carousel-control-prev-icon {
    background-image: url(./imgs/right-2-svgrepo-com\ \(2\).svg);
}

.sec8_btn{
    width: 166px;
    height: 40px;
    background-color: #e53089;
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    border: none;
    border-radius: 10px;
    text-decoration: none;
}
/* .bbx{
    width: 320px;
    height: 70px;
    margin: auto;
} */
.indx8_sec{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1.5px dotted rgb(88, 86, 86);
}
.colimg{
    height: 100%;
}
.colimg:hover img{
    transform: scale(1.05,1.05);
    transition: all 1s;
}
.inda h5{
    color: black;
    font-size: 18px !important;
    text-decoration: none;
}
.inda{
    text-decoration: none;
}
.inda h5:hover{
    color: #e53089;
}
.indxbtn{
    width: 150px;
    /* height: 20px; */
    color: white;
    text-align: center;
    font-weight: bold;
    background-color: #e53089;
}
li::marker{
    color: #e10787;
    font-size: 18px;
}
.indxbtn1{
    width: 150px;
    /* height: 20px; */
    color: white;
    text-align: center;
    font-weight: bold;
    background-color: #e53089;
    margin: auto;
}
/* .bxxx{
    width: 100%;
    height: 270px;
    background-color: #100303;
} */
/* ====================================================Footer=============== */
.footerbg{
    height: 100%;
    background-color: #fbcee4;
}
.ppp{
    text-align: justify;
}
.f-deco{
        color: black;
    text-decoration: none;
    }
     .f-deco:hover{
          color:#e53089;
     }

/*.fat{*/
/*    color: black;*/
/*    text-decoration: none;*/
/*}*/
/*.fat:hover{*/
/*    color:#e53089;*/
/*}*/
.fh{
    color: rgb(10, 7, 7);
    font-weight: bold;
}

/* ===============================About=================================== */
.heading-left {
    color: #964488;
    margin-bottom: 20px;
    font-family: Poppins, sans-serif;
    font-size: 49px;
    font-weight: 800;
    line-height: 52px;
}
.text-block-28 {
    color: #e53089;
    margin-top: 0;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 400;
    /* line-height: 34px; */
    /* text-align: justify; */
    word-spacing:none;
}
.paragraph-2 {
    color: #888;
    margin-bottom: 20px;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-align: justify;
}
/* ------about section2------- */
.paragraph-4 {
    /* z-index: 999; */
    color: #e53089;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    position: static;  
}
.text-block-29 {
    color: #424242;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}
.abtsec2{
    height: 100%;
    /* background-color: #424242; */
}
.abtsec2:hover{
    transform: scale(1.05,1.05);
    transition: all 1s;
}

/* --------About sect3----- */
.abtsec3{
    width: 100%;
    height: 100%;
    background-color:#FFE7E7 ;
}
.heading-with-ul {
    color: #964488;
    text-transform: uppercase;
    border-bottom: 2px solid #e53089;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 60px;
}
.link-2 {
    color: #e53089;
    text-decoration: none;
}
.paragraph-5 {
    font-size: 18px;
    line-height: 24px;
}
/* ------about sec4------ */
.abtsec4{
    width:100%;
    height:100%;
    background-color:#474747;
}
.heading.center.dark {
    color: #fff;
}
.heading.center {
    text-align: center;
}
.heading {
    color: #e53089;
    /* letter-spacing: -1px; */
    margin: 0 auto 20px;
    font-family: Poppins, sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3em;
}
.abt4txt{
    color:#e53089;
    font-weight: bold;
    font-size: 24px;
}
.paragr{
    color: white;
}
.needhelpbox{
    width: 100%;
    height: 100%;
    background-color: #F9D0E2;
    border-radius: 10px;
    /* color: white; */
    color: #e10787;
    font-weight: bold;
}
.nh_border{
    border-bottom: 1px dashed rgb(225, 12, 169);
}
.abtsec4btn{
    background-color: transparent;
    border: none;
    color: #e53089;
}
.aa{
    color: black !important;
    text-decoration: none;
}
.colr{
    color: #e53089;
}
.colr2{
    color: #C14A8F;
}
.lh{
    line-height: 60px !important;
    font-size: 2.5rem !important;
}

/* ---------Success Rate--------------- */
.counter-container {
    display: flex;
    justify-content: space-around;
    text-align: center;
    /* margin: 20px; */
    padding: 10px;
    /* background-color: #f8f8f8; */
    border-radius: 10px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}

.counter {
    font-family: Arial, sans-serif;
}

.counter h1 {
    font-size: 2rem;
    margin: 0;
    margin-top: 10px;
    color:#e53089;
}

.counter p {
    font-size: 1em;
    margin: 10px 0 0;
    color: #090101;
    font-weight: bold;
}
/* =============================low cost ivf=================== */
.sticy {
    position: sticky;
    top: 60px;
  
  }
  
  .sticy-1 {
    position: sticky;
    top: 400px;
  
  }
   
  .lci_hed{
    color: #e53089;
    letter-spacing: -1px;
    margin: 0 auto 20px;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1em;
  }
  .lcibtn{
    width: 100%;
    height: 50px;
    background-color: #fee1e8;
    border: none;
    border-radius: 10px;
    color: #e10787;
    font-weight: bold;
    margin: auto;
  }
  .icibox{
    width: 100%;
    height: 100%;
    background-color: #F4F6F9;
    border-radius: 5px;
  }
  .lcib1{
    width: 100%;
    height: 50px;
    background-color: white;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom:9px;

  }
  .lcib1:hover{
    background-color: #F7CAD5;
    transition: all ease-in-out 0.5s;
    /* color: rgb(249, 13, 139); */
  }
.fabx1{
    width: 90px;
    height: 5px;
    background-color: #ec2fcd;
    margin: auto;
}
.faq{
    margin-top: 20px !important;
}

.faqa{
    width: 200px;
    height: 40px;
    margin:20px auto;
    color: white;
    border: none;
    background-color: #eb3da2;
    margin:20px  auto;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}
.faqa:hover{
    background-color: #ec299b;
    color: white;
}
/* =================================Contact============== */
.contbox{
    width: 100%;
    height: 100%;
    background-color: #FEF6F8;
}
.contbox1{
    width: 100%;
    height: 100%;
    /* background-color: #158cdb; */
}
.headingcont{
    color: #e72496;
    font-weight: 700;
}
.cir{
    width: 40px;
    height: 40px;
    border: 2px solid #eb1190;
    border-radius: 50%;
}
.cbox{
    border-bottom: 1px dashed rgb(93, 90, 90);
}
.conbtn{
    border: none;
    background-color: #cb42b4;
    font-weight: bold;
    color: white;
    border-radius: 5px;
    margin-top: 20px !important;
}
.cona{
    color: black;
    text-decoration: none;
}
/* ======================chaitanay shembekar========= */
.drbtn{
    margin-top: 20px;
    border: none;
    color: white;
    font-weight:bold;
    width: 100%;
    height: 40px;
    background-color: #aa4175;
}
.drhed{
    color: #910d4f;
    font-weight: bold;
    text-align: center;
}
.drbx{
    width: 50px;
    height: 2px;
    background-color: #ba159e;
    margin:10px auto;
}
.bp{
    width: 80%;
    height: 40px;
    /* background-color: #daebb0; */
    background-color: #DD70AE;
    margin:20px auto;
}
.bp a{
    text-decoration: none;
    font-size: 13px;
    color: rgb(252, 248, 249);
    font-weight: 700;
    /* padding-top: 20px !important; */
}
.bp1{
    width: 80%;
    height: 40px;
    /* background-color: #daebb0; */
    background-color: #DD70AE !important;
    margin:auto;
}
.bp1 a{
    text-decoration: none;
    font-size: 13px;
    color: rgb(252, 248, 249);
    font-weight: 700;
    /* padding-top: 20px !important; */
}
.bg-bp{
    max-height: 600px;
    background-color: #dde4cc;
}
.fat1{
    color: #ba159e;
    padding-left: 10px;
    font-weight: bold;
    text-decoration: none;
}
.fat1:hover{
    color:#e53089;
}
/* =============================online appoitment=================== */
.babox1{
    width: 100%;
    height: 100%;
    /* background-color: #77305a; */
}
.boabtn{
    width: 30%;
    border: none;
    background-color: #ce6abd;
    font-weight: bold;
    color: white;
    border-radius: 5px;
    animation: boabtn;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes boabtn {
   10%{box-shadow: 0px 0px 30px #ba159e;}
}
.boabtn:hover{
    background-color: #cb42b4;
    transition: all 1s;
    color: white;
}
.botxt{
    color: #ba159e;
    font-size: 20px;
    margin-bottom: 25px !important;
}
.booxx{
    width: 100%;
    height: 100%;
    /* border: 1px solid black; */
}

/* =============================Media And Talks=================== */
.vbox{
    border:1px solid rgb(158, 146, 146);
}
.vgbtn{
    width: 25%;
    height: 40px;
    margin:20px auto;
    background-color: #F5443B;
    color: white;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
    
}
.aaaa{
    text-decoration: none;
}
/* ===========================photogallery==================== */
.pgbox1{
    width: 100%;
    height:720px;
    /* background-color: #77305a; */
    position: sticky;
    top: 0px;
}
.headingph{
    color:#e53089;
    font-weight: bold;
    text-align: center;
    font-size: 35px;
}
.pib{
    width: 100%;
    /*height: 300px;*/
    /* background-color: #77305a; */
}
.photoimg{
    height: 250px;
}
.photogallrybtn{
    width: 200px;
    height: 35px;
    border-radius: none !important;
    background-color: #e53089;
    color: white;
    font-weight: 600;
}
.photogallrybtn:hover{
    width: 200px;
    height: 35px;
    border-radius: none !important;
    background-color: #e53089;
    color: white;
    font-weight: 600;
}

/* ===========================BLOG==================== */
.bb1{
    width: 100%;
   /* height:20%; */
    border-radius: 5px;
}
.bcol{
    color: #e53089;
    font-size: 25px;
    margin-top: 20px;
}
.lcib11{
    width: 100%;
    height:50px;
    border-bottom: 1px solid rgb(253, 19, 187);
    border-radius: 10px;
    font-weight: bold;
    margin-bottom:9px;
    align-items: center !important;

  }
  .lcib11:hover{
    background-color: #aa4175;
    transition: all ease-in-out 0.5s;
    color: white;
  }
  @media (min-width: 768px) and (max-width: 1024px) { /* Tablet View */
    .lcib11 {
        height: 100%;
    }
}
  .icibox1{
    width: 100%;
    height: 100%;
    background-color: #fefefe;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgb(239, 235, 235);
  }
/* =================PODCAST===================== */
.podbx{
    width: 300px;
    height: 400px;
    margin:100px auto;
}
video:-webkit-full-page-media {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

video {
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}
/* ==========================Blog====================== */

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    height: 200px;
}
.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
    height: 290px;
}
.btn-col{
    color: #ba159e;
    font-weight: bold;
}
.btn-col:hover{
    color: #aa4175;
}
/* --------------------responsive---------------- */
@media screen and (max-width: 479px) {
    
}

@media only screen and (max-width:450px) and (min-width:335px)
{
    .heading-left{
        font-size: 32px;
        line-height: 40px;
    }
    .text-block-28{
        font-size: 20px;
    }
    /* .paragraph-4 {
        font-size: 18px;
    } */
     .abtsec2{
        text-align: center !important;
     }
     .text-end {
        text-align: center !important;
    }
    .text-start {
        text-align: center !important;
    }
    .heading1{
        font-size: 30px;
    }
    .heading {
        margin-bottom: 20px;
        font-size: 28px !important;
        line-height: 35px;
    }
    .heading1{
        font-size: 18px;
        font-weight: 700;
    }
    .imgg{
        height: 180px;
    }
    .heading11 {
        font-size: 25px !important;   
    }
    .sec8_btn{
        margin-top: 20px;
    }
    .vgbtn{
        width: 45%;
    }
    .headingph{
        color:#e53089;
        font-weight: bold;
        text-align: center;
        font-size: 30px;
    }
    .counter h1 {
        font-size: 1.8rem;
        margin: 0;
        color:#e53089;
    }
    .counter p {
        font-size: 0.8em;
        margin: 10px 0 0;
        color: #555;
    }
    .about-text-block{
        font-size: 16px;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) {
    .paragraph-4 {
        max-width: 440px;
    }

}
.indxa{
    text-decoration: none;
    color: black;
}
.indxa:hover{
    color: black;
}

/* ==================Our Team================ */
.otcol{
    text-align: center;
    color:#e10787;
    font-size: 20px;
}
.otline{
    width: 100px;
    height: 3px;
    background-color: #e10787;
    margin: auto;
    margin-bottom: 10px;
}
.otline1{
    width: 100px;
    height: 3px;
    background-color: #e10787;
    margin: auto;
    margin-bottom: 10px;
}
.otp{
    margin-bottom: 1px;
}



/* -------------------------services------------------ */

.accordion-button:not(.collapsed) {
    color: #050004;
    background-color:#fef6f8;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #fadeeb;
}



/* ------------------Art And IVF --------------------- */

.artimg{
    position: relative;
    right: 60px;
    top: 30px;
}

/* ------------laproscopy---------------- */
.laproimg1{
    position: relative;
    bottom: 20px;
    right: 70px;
}
.laproimg2{
    position: relative;
    bottom: 20px;
}


/* ----------------Fetal Medice And gentics-------------- */
.fetalimag{
    position: relative;
    bottom: 47px;
}

/* ------------------Wellness Clinic------------ */
.wellimg{
    position: relative;
   top: 40px !important;
   right: 70px !important;
}

/* ---------media query------------- */
@media only screen and (max-width:450px) and (min-width:315px)
{
    .artimg{
        position: relative;
       left: 60px;
      bottom: 40px !important;
      margin-bottom: 30px;
    }
  /* ------------laproscopy---------------- */
  .laproimg1{
    position: relative;
    right: 0px;
}
.laproimg2{
    position: relative;
right: 0px;
}

/* ------------------fetal medicine and Genetics---------- */
.fetalimag{
    position: relative;
   top:40px;
   width: 300px !important;
margin-bottom: 30px;
}

/* ------------------Wellness Clinic------------ */
.wellimg{
    position: relative;
   top: 0px !important;
   right: 0px !important;
}

/* ------------index Page----------- */
.px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
}

/*===========pop up==================*/
/* Modal Styles */
    /* Simple popup styling */
    .popup {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        background-color: white;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        border-radius: 10px;
        text-align: center;
    }
    .popup button {
        padding: 10px 20px;
        margin-top: 10px;
        background-color: #28a745;
        color: white;
        border: none;
        cursor: pointer;
    }
    .popup button:hover {
        background-color: #218838;
    }
    
    * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.feed_box {
    max-width: 600px; /* Limit the width for larger screens */
    margin: 100px auto; /* Center the box */
}

.feed_box h1 {
    color: #e60e7a;
}

.feed_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.imgs img {
    cursor: pointer;
    transition: transform 0.2s;
    max-width: 30%; /* Ensure images are responsive */
    height: auto; /* Maintain aspect ratio */
}

.imgs img:hover {
    transform: scale(1.1); /* Adds a hover effect for images */
}

@media (max-width: 576px) {
    .feed_box {
        width: 90%; /* Make it wider on smaller screens */
    }
}


/* ===========================services click start====================== */
#services-list li a {
    cursor: pointer;
    color: black;
    text-decoration: none;
}

#services-list li a:hover {
    color: #e10787;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    /* background-color: #f9f9f9; */
    color: #333;
    /* border: 1px solid #ddd; */
    position: relative;
}

.faq-answer {
    display: none;
    /* Hidden by default */
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
    border-left: 3px solid #007bff;
    /* Blue left border */
}