@media(max-width:1400px){


}

@media(max-width:1199px){
.how-it-works-section .how-step-circle{    width: 14rem;height: 14rem;}
.hero-banner .hero-sub{max-width: 80%;}
}

@media(max-width:991px){

.mobile-menu-toggle { display: inline-flex;  align-items: center; justify-content: center;}


.header .nav{display: none; }
.body-overlay.active{display: block;}

.same-section{padding: 3rem 0;}
.same-heading.text-center .max-wid-50{max-width: 80%;}
.same-heading{margin-bottom: 2rem;}
.text-center-mobile{text-align: center;}
.text-center-mobile .max-wid-80{margin: auto;}
/*  header css */
.mobile-menu-toggle { display: inline-flex;  align-items: center; justify-content: center;}
.header .container-fluid{padding: 0 1rem;}
.one-system-section .app-card .icon-img{width: 15%;}
.one-system-section .app-card{align-items: self-start;}
.one-system-section .app-card p{max-width: 100%;}
.footer .footer-content .footer-text{max-width: 100%;}  
.hero-banner h1{font-size: 5rem;}
.one-system-section .bottom-note{margin-top: 2rem;}
.how-it-works-section .how-step-circle{width: 12rem; height: 12rem;margin-right: -1rem;  padding: 1rem 1.5rem 1.5rem;}
.how-it-works-section .how-step-number{bottom: 0.5rem;}


}

@media(max-width:767px){
html{font-size: 14px;}

.same-heading.text-center .max-wid-50{max-width: 100%;}
.max-wid-80{max-width: 100%;}
.same-heading h2{font-size: 2rem;}
.same-heading h2 br{display: none;}
.same-heading h3{font-size: 1.6rem;}
.how-it-works-section .how-it-works-steps{flex-wrap: wrap;gap: 1rem; }
.how-it-works-section .how-step-circle{margin: 0;}
.hero-banner .hero-sub{max-width: 100%;}
.what-you-can-do .identity-feature-card{padding: 1rem;}
.identity-features-section .identity-feature-card{padding: 1rem;}
.life-pilot-section .life-pilot{min-height: inherit;}
.how-it-works-section .how-step-circle{padding:1rem ;}
}


@media(max-width:567px){
   html{font-size: 13px;}
.how-it-works-section .how-step-number{position: relative; bottom: inherit; transform: inherit; left: inherit; margin-top: 0.4rem;}

}

@media(max-width:420px){
.hero-banner h1{font-size: 3.2rem;}
.hero-banner .banner-img .mouse-icon{bottom: 2rem;}
.nz-life-audience-section .nz-badge{font-size: 1rem;}
.nz-life-audience-section .same-heading .nz-subtitle{font-size: 1rem;}
.life-pilot-section .section-bottom-btn{flex-wrap: wrap;}
.footer .footer-content{padding: 6rem 0 2rem;}
.nz-life-audience-section .nz-list li{align-items: self-start;}
.life-pilot-section .life-pilot{padding: 2rem 1rem; }

}