.main-hero-anim {
  position:absolute;
  background:#fff;
  width:100%;
  /* max-width:1200px; */
  height: 113vh;
  top: -100px;
  left:50%;
  transform: translateX(-50%);
}

.scrollDist{
    width: 100%;
    height: 200%;
    position: absolute;
}

.text-banner-after{
    text-align: center;
}

.main-hero-anim-container{
    position: relative;
      height: 100vh;
      width: 100%;
      background-color: #fff;
}

.hero-no-padding-top{
    padding-top: 0;
}

.hero-no-padding-top .heading{
    padding-top: 20px;
}

.bsb-overlay{--bsb-overlay-opacity:0.5;--bsb-overlay-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay:after{background-color:rgba(var(--bsb-overlay-bg-color),var(--bsb-overlay-opacity));bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:0}.bsb-overlay>*{position:relative;z-index:1}.bsb-overlay-figure{--bsb-overlay-figure-opacity:0.5;--bsb-overlay-figure-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay-figure:after{background-color:rgba(var(--bsb-overlay-figure-bg-color),var(--bsb-overlay-figure-opacity));bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.bsb-overlay-hover{--bsb-overlay-hover-opacity:0.5;--bsb-overlay-hover-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay-hover>a{bottom:0;display:block;left:0;position:relative;right:0;top:0}.bsb-overlay-hover>a>img.bsb-scale{--bsb-scale:1}.bsb-overlay-hover>a>img.bsb-scale,.bsb-overlay-hover>a>img.bsb-scale-up{transform:scale3d(var(--bsb-scale),var(--bsb-scale),var(--bsb-scale));transform-style:preserve-3d;transition:transform .5s}.bsb-overlay-hover>a>img.bsb-scale-up{--bsb-scale:1.2}.bsb-overlay-hover>a:after{background-color:rgba(var(--bsb-overlay-hover-bg-color),var(--bsb-overlay-hover-opacity));content:"";cursor:pointer!important;display:block;z-index:0}.bsb-overlay-hover>a:after,.bsb-overlay-hover>figcaption{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.bsb-overlay-hover>figcaption{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:1}.bsb-overlay-hover>figcaption>*{opacity:0}.bsb-overlay-hover:hover>a>img.bsb-hover-scale{--bsb-scale-hover:1;transform:scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))}.bsb-overlay-hover:hover>a>img.bsb-hover-scale-up{--bsb-scale-hover:1.2;transform:scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))}.bsb-overlay-hover:hover>a:after{opacity:1;transition:opacity .15s linear}.bsb-overlay-hover:hover>figcaption{opacity:1;transition:opacity .15s linear .1s}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeIn{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeIn}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInUp{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInUp}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInDown{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInDown}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInLeft{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInLeft}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInRight{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInRight}.bsb-overlay-hover:hover>figcaption>.bsb-hover-zoomIn{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-zoomIn}.bsb-btn-xl{--bs-btn-padding-y:0.625rem;--bs-btn-padding-x:1.25rem;--bs-btn-font-size:calc(1.26rem + 0.12vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-xl{--bs-btn-font-size:1.35rem}}.bsb-btn-2xl{--bs-btn-padding-y:0.75rem;--bs-btn-padding-x:1.5rem;--bs-btn-font-size:calc(1.27rem + 0.24vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-2xl{--bs-btn-font-size:1.45rem}}.bsb-btn-3xl{--bs-btn-padding-y:0.875rem;--bs-btn-padding-x:1.75rem;--bs-btn-font-size:calc(1.28rem + 0.36vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-3xl{--bs-btn-font-size:1.55rem}}.bsb-btn-4xl{--bs-btn-padding-y:1rem;--bs-btn-padding-x:2rem;--bs-btn-font-size:calc(1.29rem + 0.48vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-4xl{--bs-btn-font-size:1.65rem}}.bsb-btn-5xl{--bs-btn-padding-y:1.125rem;--bs-btn-padding-x:2.25rem;--bs-btn-font-size:calc(1.3rem + 0.6vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-5xl{--bs-btn-font-size:1.75rem}}.bsb-hero-5{background-position:50%;background-size:cover}.bsb-hero-5 .container>.row{min-height:667px}@media(min-width:1200px){.bsb-hero-5 .container>.row{min-height:1012px}}

.desctop,
.banner-logo,
.mountBg{
    display: block;
}

.mobile,
.banner-logo-mobile,
.mountBg-mobile{
    display: none;
}

@media(max-width: 1400px){
    .main-hero-anim{
        height: calc(35vh + 35vw);
    }

    .main-hero-anim-container{
        height: calc(31vh + 30vw);
    }
}

@media(max-width: 767px){
    .main-hero-anim{
        height: 115vh;
    }

    .main-hero-anim-container{
        height: 102vh;
    }

    .desctop,
    .banner-logo,
    .mountBg{
        display: none;
    }

    .text-banner-after,
    .banner-text{
        font-size: 40px;
    }

    .mobile,
    .banner-logo-mobile,
    .mountBg-mobile{
        display: block;
    }

    .main-hero-anim{
        top: -90px;
    }
}

@media(max-width: 600px){
    .main-hero-anim{
        height: calc(60vh + 60vw + 90px);
    }

    .main-hero-anim-container{
         height: calc(60vh + 60vw);
    }

    .main-hero-anim .svg_wrapper{
        position: relative;
    }
    
    .main-hero-anim .svg_wrapper::after{
        content: '';
        background-color: white;
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 10px;
        z-index: 4;
    }

  .text-banner-after,
    .banner-text{
        font-size: 60px;
    }
}

@media(max-width: 500px){
    .main-hero-anim{
        height: calc(50vh + 60vw + 90px);
    }

    .main-hero-anim-container{
         height: calc(50vh + 60vw);
    }

}

@media(max-width: 400px){
    .main-hero-anim{
        height: calc(40vh + 60vw + 90px);
    }

    .main-hero-anim-container{
         height: calc(40vh + 60vw);
    }

  
}