/*==================================
Hero Mobile
==================================*/


@media (max-width:768px){

.nx-hero .nx-container{

display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:35px;

}

.hero-content{

width:100%;

}

.hero-content h1{

font-size:34px;
line-height:1.5;

}

.hero-content p{

font-size:16px;
line-height:2;

}

.hero-buttons{

display:flex;
flex-direction:column;
align-items:center;
gap:18px;

}

.hero-buttons .nx-btn{

width:220px;
height:56px;
max-width:90%;

}

.hero-image{

width:90%;
max-width:360px;
margin:auto;

}

.hero-image img{

width:100%;
height:auto;
display:block;

}

}


/*==================================
Features Mobile
==================================*/

@media (max-width:768px){

.features-grid,
.nx-features-grid{

display:flex !important;
flex-direction:column !important;
gap:20px !important;

}

.feature-card,
.nx-feature-card{

width:100% !important;
max-width:100% !important;
padding:30px 22px !important;
min-height:auto !important;

}

.feature-card h3,
.nx-feature-card h3{

font-size:28px !important;
line-height:1.5 !important;
word-break:normal !important;

}

.feature-card p,
.nx-feature-card p{

font-size:17px !important;
line-height:2 !important;
word-break:normal !important;

}

.feature-card i,
.nx-feature-card i,
.feature-card svg,
.nx-feature-card svg{

font-size:42px !important;
margin-bottom:20px;

}

}


/*==================================
Features Mobile
==================================*/

@media (max-width:768px){

.nx-features .nx-container{

display:flex;
flex-direction:column;
gap:22px;

}

.feature-card{

width:100%;
padding:28px 22px;
border-radius:24px;

}

.nx-icon{

width:72px;
height:72px;
font-size:34px;
margin-bottom:16px;

}

.feature-card h3{

font-size:26px;
gap:10px;
margin-bottom:14px;

}

.feature-card p{

font-size:16px;
line-height:1.9;

}

}


/*==================================
Products Mobile
==================================*/

@media (max-width:768px){

.nx-card a{

display:inline-block;

padding:10px 20px;

font-size:15px;

border-radius:12px;

margin-top:12px;

}

}

@media (max-width:768px){

.nx-card{

padding:18px;

border-radius:18px;

}

.nx-card h3{

font-size:20px;

line-height:1.5;

}

.nx-card p{

font-size:15px;

line-height:1.8;

}

.nx-card-image img{

border-radius:14px;

}

}