/*==========================================
LARGE TABLETS
==========================================*/

@media (max-width:1200px){

.hero-wrapper,
.about-wrapper{

grid-template-columns:1fr;

gap:60px;

text-align:center;

}

.hero-content{

margin:auto;

}

.hero-buttons,
.hero-stats{

justify-content:center;

}

.hero-image{

margin-top:20px;

}

.capability-card{

position:relative;

left:auto;

bottom:auto;

margin:30px auto 0;

}

.highlight-grid,
.why-grid{

grid-template-columns:repeat(2,1fr);

}

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}



/*==========================================
TABLETS
==========================================*/

@media (max-width:991px){

.header{

padding:18px 0;

}

.menu-toggle{

display:flex;

align-items:center;

justify-content:center;

}

.consult-btn{

display:none;

}

nav{

position:absolute;

top:100%;

left:0;

width:100%;

background:#081C2E;

display:flex;

flex-direction:column;

padding:30px;

gap:25px;

border-top:1px solid rgba(255,255,255,.08);

max-height:0;

overflow:hidden;

transition:.35s;

}

nav.active{

max-height:600px;

}

.hero{

padding-top:170px;

}

.hero-content h1{

font-size:3.4rem;

}

.hero-content p{

font-size:1rem;

}

.hero-image img{

height:auto;

max-width:650px;

}

.about-features{

grid-template-columns:1fr;

}

.trust-wrapper{

grid-template-columns:repeat(3,1fr);

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo{

justify-content:center;

}

.footer-column ul li{

justify-content:center;

}

}



/*==========================================
MOBILE
==========================================*/

@media (max-width:768px){

.container{

width:92%;

}

.hero{

padding-top:150px;

padding-bottom:70px;

}

.hero-content h1{

font-size:2.6rem;

letter-spacing:-1px;

}

.hero-content p{

font-size:.98rem;

line-height:1.8;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons .btn{

width:100%;

}

.hero-stats{

flex-direction:column;

}

.stat-card{

width:100%;

}

.hero-image img{

border-radius:20px;

}

.capability-card{

width:100%;

padding:25px;

}

.about-content h2,

.section-heading h2,

.cta-box h2{

font-size:2.2rem;

}

.highlight-grid,

.why-grid{

grid-template-columns:1fr;

}

.trust-wrapper{

grid-template-columns:repeat(2,1fr);

}

.cta-box{

padding:45px 30px;

}

}



/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width:480px){

.logo-text h2{

font-size:1.2rem;

}

.logo-text span{

font-size:.65rem;

}

.hero-content h1{

font-size:2.15rem;

}

.hero-badge{

font-size:.75rem;

padding:10px 16px;

}

.hero-content p{

font-size:.92rem;

}

.section-heading{

margin-bottom:45px;

}

.section-heading h2{

font-size:2rem;

}

.about-content h2{

font-size:2rem;

}

.cta-box{

padding:35px 20px;

}

.cta-box h2{

font-size:2rem;

}

.trust-wrapper{

grid-template-columns:1fr;

}

.footer{

text-align:center;

}

}