html{scroll-behavior: smooth;}
/* .hero-banner{background: url("https://allout.in/wp-content/themes/allout_theme/assets/images/hero-banner-bg.png") no-repeat center top linear-gradient(90deg, #1A4C9E 0%, #3B82F6 100%); width: 100%; height: 100%; background-size: contain;} */
.hero-banner{
  background: 
              url("https://allout.in/wp-content/themes/allout_theme/assets/images/hero-banner-gradient.png") no-repeat center top;
  width: 100%; 
  height: 100%; 
  background-size: cover;
  margin-top: -5rem;
}
.heroTextSwiper h1{font-weight: normal;}
.heroTextSwiper h1 > span{font-weight: bold; color: #fff;}
.bg-brandBlue{background-color: #1A4C9E;}
.bg-blueGradientVer{background: linear-gradient(90deg, #1A4C9E 0%, #3B82F6 100%);}
.footer-ticker span + span:before{content:'';position:absolute;width: 1px;height: 100%;left: -1.5rem;top: 0;background: #cdcdcd;}
.footer-ticker span {position: relative;}
/* main.pt-40{padding-top: 120px;} */
.hot-spot-txt h2 span {
    color: #60a5fa
}
.hero-pagination .swiper-pagination-bullet{background: #FFFFFF4D;}
.hero-pagination .custom-line-bullet.swiper-pagination-bullet-active{background-color:#fff;}

.know-your-diseases{
    background: linear-gradient(180deg, #1A4C9E 0%, #3B82F6 100%);
    width: 100%; 
    height: 100%;
    position: relative;
    z-index: 0;
}
.know-your-diseases:before{
    content:'';
    background: url("https://allout.in/wp-content/themes/allout_theme/assets/images/kyd-box-bg.png") no-repeat center top;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.know-your-diseases .title-txt, 
.know-your-diseases .title-txt span, 
.know-your-diseases .title-disc,
.disease-tab.active-tab{color: #fff;}
.disease-tab.active-tab span::after{background-color: #fff;}

.allout-moms{
    background: linear-gradient(180deg, #1A4C9E 0%, #3B82F6 100%);
    width: 100%; 
    height: 100%;
    position: relative;
    z-index: 0;
}
.allout-moms:before{
    content:'';
    background: url("https://allout.in/wp-content/themes/allout_theme/assets/images/allout-moms-box-bg.png") no-repeat center top;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 53%;
    z-index: -1;
}
.product-card {background: linear-gradient(180deg, #1A4C9E 0%, #3B82F6 100%)}
.product-card-txt h3,
.product-card-txt p{color: #fff;}

.slider-next-btn.disease-button-next, .slider-next-btn.moms-button-next{background: linear-gradient(180deg, #FAFAFA 0%, #EAEAEA 117.74%);}
.slider-next-btn.disease-button-next svg, .slider-next-btn.moms-button-next svg{color: #000;}

.play-pause-btn {
    opacity: 1;
    transition: opacity 0.5s ease-in-out !important;
}

/* This is the class the JS adds to trigger the fade */
.play-pause-btn.fade-out {
    opacity: 0 !important;
    pointer-events: none !important;
}

.footer-bottom-menu li a{color: #9AA8BF;}

.banner-cta, .cta-btn{background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, #FAFAFA 0%, #EAEAEA 117.74%);}
.banner-cta svg, .cta-btn svg{color: #000 !important;}
.banner-cta:hover, .cta-btn:hover{background: linear-gradient(180deg, #FAFAFA 0%, #EAEAEA 117.74%), linear-gradient(0deg, #FFFFFF, #FFFFFF);}
.videoBox{position: relative; width: 100%; height: 100%;}
.videoHeader{z-index: -1;}
.videoHeader::before{
    content: '';
    background: url("https://allout.in/wp-content/themes/allout_theme/assets/images/video-header-bg1.png") no-repeat center top;
    background-size: 70%;
    position: absolute;
    top: 77%;
    left: 9%;
    width: 320px;
    height: 320px;
    z-index: 0;
    transform: translate(-50%, -50%);
}
.videoBox::after{
    content: '';
    background: url(https://allout.in/wp-content/themes/allout_theme/assets/images/video-header-bg2.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    bottom: -58%;
    left: 94%;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) { 
    .videoHeader::before{
        top: 50%;
        left: 10%;
    }
    .videoBox::after{
        bottom: -50%;
        left: 75%;
    }
}
.slider-nav-btn{padding: 11px 33px;}
.bg-white.gsap-fade-up.know-your-diseases .slider-nav-btn{display: block;}

@media screen and (max-width: 749px) { 
    ul#menu-mobile-menus li a {
    color: #FFF;} 
}

.ruppee-pricing-banner .banner-text h3{font-size: 32px;}
@media (max-width: 767px) {
    .ruppee-pricing-banner .banner-text h3 {
        font-size: 16px;
        line-height: 21px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .ruppee-pricing-banner, .rupee-pricing-banner {
        margin-top: 20px;
        margin-bottom: 80px;
    }
}