.wavesection{
  content: " ";
  width: 100%;
  height: 50px;
  margin: 0px 0px -10px 0px;
  background-image: url('../img/wave.svg');
}



.descpara{
    font-family: "Poppins", sans-serif;
    margin-top: 5px;
}

.newdesc{
    width: 100%;
    /* background: url('../img/faqbac.jpg'); */
     /* background: #f5f9ff; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   
    margin: 0px 0px 0px 0px;
}
.newproductdescription {
  background: #ffffff;
  width: 98%;
  padding: 0;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  height: 600px; /* adjust as needed */
  margin: 0px auto 10px auto;
  position: relative;
  border-radius: 10px;
  border: 1px solid #d6f4ff;
  box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.1);
}

/* Subnav sticky */
.headlinetitle {
    position: sticky !important;
    width: 100%;
    z-index: 1;
    
    
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    display: flex;
    text-align: center;
    background-color: #d6e5ff;
    /* border-radius: 10px; */
    scrollbar-width: none;
    box-shadow: 2px 1px 5px 2px rgba(0,0,0,0.1);
    

    
    top: 60px;
}

.headlinetitle .title {
  /* remove width:100%; */
  width: 100%;  /* adjust size (120px–150px works well) */
  
  background: #fff;
  padding: 8px 0;
  /* margin: 2px; */
  /* border-radius: 5px; */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  font-weight: 600;
  color: #000;
  text-align: center;
  scrollbar-width: none;
  cursor: pointer;
}


/* Scrollable inner content */
.descriptionpart {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
  scrollbar-width: none;
}

.description, .uses, .benefits, .howitwork, .howtouse,
.sideeffect, .safetyadvice, .faq, .composition {
    width: 100%;
  margin: 15px 0;
  padding: 15px;
  border-radius: 10px;
  background: #edf3fd;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  text-align: justify;
  border: 1px solid #699dff;
}

.description h4, .uses h4, .benefits h4, .howitwork h4, .howtouse h4,
.sideeffect h4, .safetyadvice h4, .faq h4, .composition h4{
    padding: 0px 0px 5px 0px;
    text-align: start;
}


.headlinetitle .title.active {
  background: #0e3988;   /* your theme color */
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}





.btn {
  
  cursor: pointer;
  /* // display: block; */
  font-size:16px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 0 2em;
  max-width: 160px; 
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%; 

}

.btn-4 {
  border: 1px solid;
  overflow: hidden;
  position: relative;
  
  span {
    z-index: 20;
  }
  
  &:after {
    background: #171111;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }
}

.btn-4:hover {
  
  &:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}



@media (max-width: 768px) {
    .newproductdescription {
        height: 600px;
        position: static;
        margin: 10px 0px;
        width: 100%;
    }
    .headlinetitle {
        position: sticky;
        top: auto;
        border-radius: 10px;
        margin-bottom: 10px;
        padding: 0px 0;
        width: 100%;
        overflow-x: auto;
        width: 100%;
    }

    .headlinetitle .title {
  /* remove width:100%; */
  min-width: 150px;  /* adjust size (120px–150px works well) */
  
  background: #fff;
  padding: 8px 0;
  margin: 2px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  font-weight: 600;
  color: #000;
  text-align: center;
  cursor: pointer;
}

     
    .descriptionpart {
       
        scroll-padding-top: 0;
    }
    .description, .uses, .benefits, .howitwork, .howtouse,
    .sideeffect, .safetyadvice, .faq {
        box-shadow: none;
        margin: 10px 0;
        padding: 10px;
        flex: 1;
    }   
    
}




/* productbrocjure */
.productinfodetails{
    background: #f5f9ff;
    margin: 0px 0px 20px 0px ;
}

.detailsimagescorosel{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    scroll-behavior: smooth;
    scrollbar-width: none;
    margin: 10px 0px 25px 0px;
    border-radius:50px;
    
}

.detailsimagescorosel .images{
    width: 90%;
    height: auto;
    margin: 0px auto;
}

.detailsimagescorosel .images img{
    width: 100%;
    height: auto;
    
}

.detailsimagescorosel .images:first-child img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.detailsimagescorosel .images:last-child img {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}



@media (max-width: 500px){
    .detailsimagescorosel .images{
    width: 100%;
    height: auto;
    margin: 0px auto;
    }
    
}









/* faq part */
.faqpart{
  margin-top: 10px;
}
.panel-group{
  margin-bottom: 0px !important;
}

.panel {
  background-color: #ffffff00  !important;
}
.panel-default{
  border: none !important;
  border-bottom: 1px solid #a3ceff !important;
  box-shadow: none;
  margin-bottom: 0px !important;
  border-radius: 0px !important;

}

.panel-default>.panel-heading{
  background: #ffffff00 !important;
  color: #000000 !important;
  padding: 10px 0px ;
  border-radius: 5px !important;
  cursor: pointer;
  
} 

.panel-body{
  border-top: none !important;
  padding: 5px 0px !important;
}


/* sidebar arrow */
/* Default: all arrows up (▲) */
.panel-heading::after {
  font-family: 'Glyphicons Halflings';
  content: "\25B2"; /* ▲ up arrow */
  float: right;
  color: rgb(82, 145, 255);
  transition: transform 0.2s;
}

/* When accordion is open (target the next element) → arrow down (▼) */
.panel-heading.active::after {
  content: "\25BC"; /* ▼ down arrow */
}

.shopLowerInfo{
    justify-content: space-between;
}
















/* desclaimer css */

.disc{
    background-color: #edf3fd;
    border-radius: 10px;
    padding: 10px;
    margin:20px 0px 10px 0px;
    border: 1px solid #cddeff;
}
.disc p{
    font-size: 10.5px;
    color: #000;
    
    text-align: justify;
}
.flextitle{
    display: flex;
    align-items: baseline;
    gap: 5px;
}
@media (max-width: 500px) {
  .flextitle{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 5px;
}
.disc p{
    font-size: 9px !important;
    color: #000;
    
    text-align: justify;
}

.coroselimg{
  left: 0px;
}

.innerauthen{
  border-radius: 5px !important;
}

.description, .uses, .benefits, .howitwork, .howtouse, .sideeffect, .safetyadvice, .faq, .composition{
  margin: 10px 0;
}

.contenttimagemobile{
  display: block !important;
}
.contenttimage{
  display: none;
}
.qualitytext p{
    font-size: 10px !important;
}
.shopLowerInfo{
  margin-top: 5px !important;
}
}




.contenttimagemobile{
  display: none;
}


.howitwork ul li, .description ul li, .uses ul li, .benefits ul li, .howtouse ul li, .sideeffect ul li, .safetyadvice ul li, .faq ul li, .composition ul li {
    list-style-type: disc;
    margin-left: 15px;
}

.doctorpannelbox{
  margin-bottom:10px !important;
}


@media (max-width:500px) {
  .disc p{
    font-size: 8px !important;
  }
}