p{
    text-align: justify;
}

.bannner-main{
    height: 100vh ;
}

.about-imgmain img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.footer-contact-listmain li{
    align-items: center;
    gap: 10px;
}

.st-form-field.st-style1 input, .st-form-field.st-style1 textarea, .st-form-field.st-style1 select{
    color: #b5b5b5;
}

.about-order-content{
    order: 1;
}
.about-order-img{
    order: 2;
}
.st-iconbox.st-style1.st-type2:hover{
transform: translateY(-10px); /* Move up */
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
border: none;
}

.qualified-img img{
    width: 38px;
}
.service-img-icon img{
    width: 48px;
}
.whyus-icon-img img{
    width: 40px;
}

.about-imgmain {
    position: sticky;
    top: 100px;
}

.crutch-img-stick {
    position: sticky;
    top: 100px;
}

.faq-img-unset {
    align-items: unset !important;
}

.about-imgmain::before{
    content: "";
    position: absolute;
    top: 14px;
    right: -14px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: rgb(40 115 231 / 49%);
    z-index: -1;
}
.logo-babusha img{
    max-width: 200px;
}

.st-footer-logo{
    max-width: 200px;
}

.footer-contact-listmain li:hover{
    color: #0141A5;
}

.modaldate-index .ui-widget.ui-widget-content{
    z-index: 9999 !Important;
}

.img-logo-slider-carosuel img{
    max-width: 200px;
    max-height: 90px;
    min-height: 90px;
}
.img-logo-slider-carosuel{
    height: 100% !important;
    border: 1px solid black;
}
.img-logo-slider-carosuel:hover{
    transform: translateY(-10px) !Important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border: none;
}

.crutch-img-stick img{
    border-radius: 7px;
}

.heading-formtop{
    display: flex;
    justify-content: center;
}
.heading-formtop h4{
    width: 85%;
}
.modal-headmaincross{
    position: absolute;
    position: absolute;
    right: 0;
    z-index: 999;
}
.common-spanall span{
    color: #0141A5;
}


.video-container {
      position: relative;
      width: 100%;
      padding-top: 56.25%; /* 16:9 ratio */
      background-image: url('https://okayindia.co.in/dr-babusha-pandey/uploads/1747803093_293c462010d4e6f4997f.jpg');
      background-size: cover;
      background-position: center;
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
    }

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
    }

    .video-container.active iframe {
      display: block;
    }

    .video-overlay {
      position: absolute;
      top: 0; left: 0;
      right: 0; bottom: 0;
      z-index: 2;
      background-color: rgba(0,0,0,0.3);
      display: flex;
      justify-content: center;
      align-items: center;
      transition: opacity 0.3s;
    }
    
    .video-overlay::before {
      content: "▶";
      color: white;
      font-size: 50px;
      text-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    
    .video-container.active .video-overlay {
      opacity: 0;
      pointer-events: none;
    }
    
    .yt-video-sticky{
        position: sticky;
        top: 100px;
    }
    
     .servi-box-four-new {
      position: relative;
      padding: 60px 20px 0px;
      border-radius: 20px;
      text-align: left;
      background: url('https://www.babushaholistichealth.com/uploads/circle-img.png') no-repeat center center;
      background-size: 208px 179px;
      min-height: 360px;
      background-repeat: no-repeat;
      height: 100%;
      border: 1px solid #0141A5;
      opacity: 0;
      transform: translateY(40px);
      animation: fadeUp 1s ease forwards;

      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .servi-box-four-new:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    /* Staggered animation delays */
    .servi-box-four-new:nth-child(1) { animation-delay: 0.2s; }
    .servi-box-four-new:nth-child(2) { animation-delay: 0.4s; }
    .servi-box-four-new:nth-child(3) { animation-delay: 0.6s; }
    .servi-box-four-new:nth-child(4) { animation-delay: 0.8s; }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .servi-box-four-new img.icon {
      height: 28px;
      /*margin-bottom: 20px;*/
    }

    .title.title-new-four {
      font-weight: 700;
      color: black;
      font-size: 20px;
      margin-bottom: 10px;
    }

    @media (max-width: 767px) {
      .servi-box-four-new {
        text-align: center;
      }
      .img-icon-sernew{
          display: inline-flex !Important;
          justify-content: center;
      }
    }
    
    
    .img-icon-sernew{
        background-color: rgba(103, 88, 243, 0.1);
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    }