@media (max-width:1100px) {
    .header-navigation .logo {
        /* display: block; */
    }

    .header-navigation .logo img {
        /* width: 11rem; */
    }

    .header-navigation .social-icon {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -8rem;
        display: none;
        align-items: flex-end;
        justify-content: center;
    }

    .header-navigation .menu-wrap {
        display: none;
        margin-inline-start: 0;
        height: 25%;
    }

    .header-navigation .menu-wrap .mlogo {
        display: none;
    }

    .header-navigation .menu-toggle {
        display: flex;
        /* top: 1rem; */
    }

    .header-navigation.nav-open .social-icon {
        display: flex;
    }

    .header-navigation.nav-open {
        /* background-color: #0387E9; */
        height: auto;
        height: 15rem;
        /* position: relative; */
        z-index: 1000;
        background-color: #fff;
    }
    .scrolin .header-navigation.nav-open {
        display: none;
    }
    .scrolin.htop .header-navigation.nav-open {
        display: block;
    }

    .header-navigation.nav-open .menu-wrap {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        bottom: -4.5rem;
        height: auto;
    }

    .header-navigation.nav-open .menu-wrap .primary-menu-wrapper ul {
        /* gap: 2rem; */
    }

   
    .header-navigation .button-wrap {
        /* padding-right: 1rem; */
    }

    .scrolin .header-navigation.nav-open .menu-wrap {
        /* height: 15rem; */
    }

    .scrolledUp .header-navigation.nav-open {
        /* background-color: #0387E9; */
    }

   
}
@media (max-width:1024px) {
  

}


@media (max-width:1024px) {}



@media (max-width:991px) {
    
}
@media (max-width:900px) {
    
}
@media (max-width:812px) {
    
}
@media (max-width:768px) {
    .four-column-slider-wrap .nodesk .glide__slides {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media (max-width:767px) {
   .scrolin .header-navigation > div > div {
        /* padding-bottom: 1rem; */
   }
  
   
}
@media (max-width:700px) {
    .header-navigation .button-wrap .abtn a {
       
    }
    .header-navigation.nav-open {
        /* height: 30%; */
    }
    .header-navigation.nav-open .menu-wrap {
        bottom: -6.5rem;
    }
 
    
}
@media (max-width:600px) {
    
    .header-navigation {
        /* padding-left: 1rem; */
        /* padding-right: 1rem; */
    }

    .header-navigation .logo img {
        /* width: 40vw; */
    }

    .header-navigation .button-wrap {
        padding-right: 0;
    }

    .header-navigation .button-wrap .abtn a {
        padding-left: .5rem;
        padding-right: .5rem;
        padding: 10px;
    }
    .header-navigation .button-wrap .abtn a:nth-child(1) {
        /* display: none; */
    }
    .header-navigation .button-wrap .abtn a:nth-child(2) span {
        display: none;
    }
    .header-navigation.nav-open .menu-wrap {
        bottom: -6rem;
    }
    #primary-menu .menu-item-has-children.submenu-open > .sub-menu {
        left: -9rem;
    }

    .header-navigation.nav-open .menu-wrap .primary-menu-wrapper ul {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .header-navigation.nav-open .menu-wrap .primary-menu-wrapper ul a {
        padding: .5rem;
    }

    .header-navigation.nav-open .slantbg {
        height: 23rem;
    }

    .header-navigation.nav-open .social-icon {
        bottom: -12rem;
    }
    
    .banner-content {
        /* padding-top: 19vw;
        padding-bottom: 57vw; */
    }

    .slogn span {
        /* font-size: 4vw; */
    }

    .nopaddingimg {
        padding-top: 2rem;
    }
    
    
    
}
@media (max-width:568px) {}
@media (max-width:540px) {
    h1, h2, p, span {
        /* letter-spacing: -1px !important; */
    }

    .header-navigation .menu-wrap {
        height: 34%;
    }

    .header-navigation .logo img {
        /* width: 30vw; */
    }

    .header-navigation .menu-toggle {
        /* top: .5rem; */
    }
    .header-navigation.nav-open {
        height: 16rem;
    }
    .scrolin .header-navigation.nav-open {
        height: 16rem;
    }

    .header-navigation .container-large-1 > div {
        /* padding-top: 4rem; */
        margin-bottom: 0;
    }

    .scrolin .header-navigation.nav-open .menu-wrap {
        height: 34%;
    }
    

    .banner-title {
        font-size: 11.8vw;
    }
    .header-navigation.nav-open .menu-wrap {
        bottom: -9rem;
    }

    
}
@media (max-width:440px) {
    .header-navigation.nav-open {
        /* height: 33%; */
    }
    .abtn {
        gap: 1rem;
        /* flex-direction: column; */
        /* justify-content: center; */
    }

    .abtn a {
        font-size: 4vw !important;
        /* padding-left: 1rem; */
        /* padding-right: 1rem; */
        margin-right: 0;
        text-align: center;
        flex: 1;
    }
    .text-\[14px\] {
        font-size: 2.6vw !important;
    }
    .text-\[16px\] {
        font-size: 3.5vw !important;
    }
    .text-\[15px\], .text-\[17px\], .\[\&\>\*\]\:text-\[15px\] > * {
        font-size: 3.6vw !important;   
    }
    .text-\[18px\] {
        font-size: 4vw !important;
    }
    .text-\[20px\] {
        font-size: 3.5vw !important;
    }
    .text-\[22px\] {
        font-size: 5.5vw;
    }
    .text-\[24px\] { 
        font-size: 5.6vw !important;
    }
    .text-\[25px\] {
        font-size: 5.5vw !important;
    }
    .text-\[26px\] {
        font-size: 6vw;
    }
    .text-\[27px\] {
        font-size: 5.8vw !important;
    }
    .text-\[28px\] {
        font-size: 5.2vw;
    }
    .text-\[30px\] {
        font-size: 6vw !important;
    }
    .text-\[32px\] {
        font-size: 5.68vw;
    }
    .text-\[33px\] {
        font-size: 6vw;
    }
    .text-\[34px\] {
        font-size: 6.1vw;
    }
    .text-\[35px\] {
        font-size: 6.82vw !important;
    }
    .text-\[36px\] {
        font-size: 7.6vw;
    }
    .text-\[38px\] {
        font-size: 7.6vw !important;
    }
    .text-\[40px\] {
        font-size: 10vw !important;
    }
    .text-\[42px\] {
        font-size: 10.2vw;
    }
    .text-\[44px\] {
        font-size: 9vw;
    }
    .text-\[45px\] {
        font-size: 11vw !important;
    }
    .text-\[48px\] {
        font-size: 10.91vw !important;
    }
    .text-\[49px\] {    
        font-size: 5.36vw !important;
    }
    .text-\[50px\] {    
        font-size: 8.36vw !important;
    }
    .text-\[54px\] {
        font-size: 9vw;
    }
    .text-\[55px\] {
        font-size: 11vw;
    }
    .text-\[56px\] {
        font-size: 10.33vw;
    }
    .text-\[61px\] {
        font-size: 9.2vw !important;
    }
    .text-\[64px\] {
        font-size: 9.55vw;
    }
    .text-\[60px\], .text-\[65px\] {
        font-size: 8.5vw !important;

    }
    .\[\&\>\*\]\:text-\[22px\] > * {
        font-size: 4.2vw !important;
    }
    .webelieve .description p:nth-child(2) strong {
        font-size: 14vw;
    }
   
    
    .text-\[70px\], .sec7-wrap h2 {
    
    }
    .text-\[75px\] {
        font-size: 18vw;
    }
    .text-\[80px\] {
        font-size: 13.64vw;
    }
    .text-\[84px\] {
        font-size: 17vw;
    }
    
   
    
    .header-navigation .container-large-1 > div {
        /* padding-top: 3.5rem; */
    }

    .header-navigation .logo {
        /* padding-top: .5rem; */
    }

    .header-navigation .logo img {
        /* width: 60vw; */
    }
  
    .header-navigation .button-wrap {
        gap: .5rem;
    }

    .header-navigation .button-wrap .abtn-wrap {
        /* margin-top: 1rem; */
        gap: 1rem;
    }

    .header-navigation .abtn a {
        font-size: 4vw !important;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    

    .header-navigation .abtn a:first-child svg {
        /* display: none; */
    }

   
    .header-navigation.nav-open .menu-wrap {
        /* bottom: -12rem; */
        /* bottom: -8rem; */
    }


    .scrolin .header-navigation.nav-open .menu-wrap {
        /* height: 15rem; */
    }

    .banner-content {
        /* padding-top: 4.2rem; */
        /* padding-bottom: 2rem; */
    }
    .banner-content .banner-content-inner {
        align-items: center;
        text-align: center;
    }
    .banner-inner-wrap .banner-inner h1 {
        font-size: 12vw !important;
        /* text-align: center; */
        
    }

   
   

}
@media (max-width:414px) {
}
@media (max-width:400px) {
    .text-\[40px\] {
        font-size: 7.4vw !important;
    }
}

@media (max-width:393px) {
    .header-navigation .menu-wrap {
        height: 29%;
    }

   
    .banner-content .banner-content-inner {
        /* padding-left: 1rem; */
        /* padding-right: 1rem; */
    }
 
    .header-navigation .abtn a {
        font-size: 3vw !important;
        padding-top: .5rem;
        padding-bottom: .4rem;
    }
  
   
   
}
@media (max-width:375px) {
    .header-navigation .logo svg {
        width: 87%;
    }
}

@media (max-width:360px) {
    .header-navigation.nav-open {
        height: 55%;
    }
    
}

/* Tabs: .tabs-wrap — active panel visible with transition */
.tabs-wrap .tabs-content {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: max-height 0.4s ease-out, opacity 0.3s ease-out, visibility 0.3s;
}
.tabs-wrap .tabs-content.is-active {
	max-height: 3000px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.tabs-wrap .tabs-nav-item {
	transition: background-color 0.25s ease;
}
.tabs-wrap .tabs-nav-item.is-active {
	background-color: #fff;
    border-bottom: none;
}
.tabs-wrap .tabs-nav-item:not(.is-active) {
	background-color: rgba(12, 12, 12, 0.05);
}