:root{

--green:#00563F;
--gold:#D4AF37;
--dark:#071A16;
--light:#F7FAF8;

}


*{
box-sizing:border-box;
}


body{

margin:0;
font-family:Arial,sans-serif;
background:var(--light);
color:#10201c;

}



.hero-premium{

padding:90px 8%;
display:flex;
align-items:center;
gap:50px;

}



.hero-text{

flex:1;

}



.badge{

background:#e8f3ef;
color:var(--green);
padding:8px 20px;
border-radius:30px;
font-size:14px;

}



.hero-text h1{

font-size:60px;
color:var(--green);

}



.hero-text h2{

font-size:34px;

}



.hero-text p{

font-size:20px;
line-height:1.7;

}



.hero-image{

flex:1;

}


.hero-image img{

width:100%;
border-radius:25px;
box-shadow:0 20px 50px #ccc;

}



.hero-buttons{

margin-top:30px;

}



.btn{

background:var(--green);
color:white!important;
padding:15px 35px;
border-radius:10px;
text-decoration:none;
display:inline-block;

}



.btn-outline{

border:2px solid var(--green);
color:var(--green);
padding:13px 30px;
border-radius:10px;
text-decoration:none;
margin-left:15px;

}



.stats{

display:grid;
grid-template-columns:repeat(4,1fr);
padding:40px 8%;
gap:20px;

}



.stats div{

background:white;
padding:35px;
text-align:center;
border-radius:20px;

}



.stats strong{

display:block;
font-size:30px;
color:var(--green);

}



.features-section,
.preview,
.cta{

padding:80px 8%;
text-align:center;

}



.feature-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}



.feature-card{

background:white;
padding:35px;
border-radius:20px;

}



.screens{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}



.screens img{

width:100%;
border-radius:20px;

}



.cta{

background:var(--dark);
color:white;

}



@media(max-width:900px){


.hero-premium{

flex-direction:column;

}


.hero-text h1{

font-size:40px;

}


.stats,
.feature-grid,
.screens{

grid-template-columns:1fr;

}


}




.hero-dashboard{

flex:1;

}



.device-frame{

background:white;
padding:20px;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.15);

animation:float 5s ease-in-out infinite;

}



.device-frame img{

width:100%;
border-radius:15px;

}



@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}




.why-veno{

padding:80px 8%;
text-align:center;

}




.modules{

padding:80px 8%;
text-align:center;

}




.module-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}




.module-card{

background:white;
border-radius:25px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;

}



.module-card:hover{

transform:translateY(-10px);

}




.module-card img{

width:100%;
border-radius:15px;

}



.solutions{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
padding:80px 8%;

}



.solutions div{

background:#00563F;
color:white;
padding:50px;
border-radius:30px;

}



@media(max-width:900px){


.module-grid,
.solutions{

grid-template-columns:1fr;

}


}





.veno-footer{

background:#071A16;
padding:25px 8%;
color:white;
text-align:center;

}


.footer-line{

display:flex;
justify-content:center;
align-items:center;
gap:12px;
font-size:14px;
opacity:.9;

}



@media(max-width:700px){

.footer-line{

flex-direction:column;
gap:8px;

}

.footer-line span:nth-child(even){

display:none;

}

}




.veno-header{

position:sticky;
top:0;
z-index:1000;
background:rgba(255,255,255,.92);
backdrop-filter:blur(12px);
box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.veno-container{

max-width:1400px;
margin:auto;
padding:18px 6%;

display:flex;
align-items:center;
justify-content:space-between;
gap:25px;

}



.veno-logo{

display:flex;
align-items:center;
gap:12px;
font-weight:700;
color:#00563F;

}



.veno-logo img{

width:55px;
height:55px;
object-fit:contain;

}



.veno-nav{

display:flex;
gap:25px;

}



.veno-nav a{

text-decoration:none;
color:#24332f;
font-size:15px;
font-weight:500;

}



.veno-nav a:hover{

color:#00563F;

}



.veno-actions{

display:flex;
gap:12px;

}



.login-btn{

background:#00563F;
color:white!important;
padding:12px 22px;
border-radius:10px;
text-decoration:none;

}



.demo-btn{

border:2px solid #D4AF37;
color:#00563F!important;
padding:10px 22px;
border-radius:10px;
text-decoration:none;

}



@media(max-width:1100px){


.veno-nav{

display:none;

}


.veno-container{

flex-wrap:wrap;

}


}



@media(max-width:600px){


.veno-actions{

width:100%;
justify-content:center;

}


.login-btn,
.demo-btn{

padding:10px 15px;

}

}





.veno-logo img{

width:170px;
height:auto;
object-fit:contain;

}



@media(max-width:600px){

.veno-logo img{

width:130px;

}

}



.veno-logo img{

width:140px;
height:auto;

}



.language{

display:flex;
gap:8px;
align-items:center;
font-size:14px;

}


.language a{

text-decoration:none;
color:#00563F;

}



.hero-dashboard{

position:relative;

}



.hero-dashboard:before{

content:"";
position:absolute;
width:80%;
height:80%;
background:#00563F;
opacity:.12;
filter:blur(60px);
z-index:-1;

}



.trust-bar{

margin:50px 8%;
padding:35px;
background:white;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);

display:grid;
grid-template-columns:1.2fr repeat(4,1fr);
gap:25px;
align-items:center;

}



.trust-title{

font-size:22px;
font-weight:700;
color:#00563F;

}



.trust-item strong{

display:block;
color:#00563F;
margin-bottom:8px;

}



.trust-item span{

font-size:14px;
color:#555;

}



@media(max-width:1100px){

.trust-bar{

grid-template-columns:1fr;

}

}





.macbook{

width:100%;
max-width:650px;
filter:drop-shadow(0 30px 50px rgba(0,0,0,.18));

}



.mac-top{

height:28px;
background:#111;
border-radius:18px 18px 0 0;

display:flex;
align-items:center;
padding-left:18px;
gap:7px;

}



.mac-top span{

width:8px;
height:8px;
background:#777;
border-radius:50%;

}



.mac-screen{

background:#000;
padding:8px;
border-radius:0 0 8px 8px;

}



.mac-screen img{

width:100%;
display:block;
border-radius:4px;

}



.mac-base{

height:18px;
background:linear-gradient(#ddd,#aaa);
border-radius:0 0 25px 25px;

position:relative;

}



.mac-base:after{

content:"";
position:absolute;
left:35%;
right:35%;
height:5px;
bottom:0;
background:#888;
border-radius:10px;

}



.hero-dashboard:before{

content:"";
position:absolute;
width:400px;
height:400px;
background:#00563F;
opacity:.12;
filter:blur(100px);
z-index:-1;

}




.macbook{

width:92%;
max-width:600px;

transform:translateY(10px);

filter:
drop-shadow(0 35px 45px rgba(0,0,0,.22));

}



.mac-screen{

position:relative;
overflow:hidden;

}



.mac-screen:after{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:
linear-gradient(
120deg,
rgba(255,255,255,.22),
transparent 35%
);

pointer-events:none;

}



.hero-trust{

display:flex;

gap:18px;

margin-top:35px;

flex-wrap:wrap;

}



.hero-trust div{

background:white;

padding:12px 20px;

border-radius:30px;

font-size:14px;

font-weight:600;

color:#00563F;

box-shadow:
0 8px 20px rgba(0,0,0,.06);

}



@media(max-width:900px){

.hero-trust{

justify-content:center;

}


.macbook{

width:100%;

}


}




.feature-device{

background:#111;

border-radius:14px;

padding:7px;

box-shadow:
0 25px 50px rgba(0,0,0,.18);

transition:.4s;

}



.feature-device:hover{

transform:translateY(-10px);

}



.device-bar{

height:18px;

display:flex;

gap:5px;

align-items:center;

padding-left:8px;

}



.device-bar span{

width:6px;
height:6px;

background:#888;

border-radius:50%;

}



.feature-device img{

width:100%;

display:block;

border-radius:8px;

}





.mini-mac{

background:#111;

padding:6px;

border-radius:12px;

box-shadow:
0 18px 35px rgba(0,0,0,.18);

transition:.35s;

}



.mini-mac:hover{

transform:translateY(-8px);

}



.mini-top{

height:16px;

display:flex;

gap:5px;

align-items:center;

padding-left:8px;

}



.mini-top span{

width:6px;
height:6px;

background:#777;

border-radius:50%;

}



.mini-screen img{

width:100%;

display:block;

border-radius:5px;

}



.mini-base{

height:8px;

background:linear-gradient(#ddd,#999);

border-radius:0 0 12px 12px;

}





.solution-card{

height:300px;

border-radius:30px;

overflow:hidden;

position:relative;

background-size:cover;

background-position:center;

transition:.4s;

}



.solution-card:hover{

transform:translateY(-8px);

}



.solution-card:before{

content:"";

position:absolute;

inset:0;

background:
linear-gradient(
90deg,
rgba(0,86,63,.92),
rgba(0,86,63,.55)
);

}



.human{

background-image:url('/veno/images/human-pharmacy.jpg');

}



.veterinary{

background-image:url('/veno/images/veterinary-pharmacy.jpg');

}



.solution-overlay{

position:absolute;

z-index:2;

left:50px;

top:70px;

color:white;

}



.solution-overlay h2{

font-size:32px;

margin-bottom:15px;

}



.solution-overlay p{

font-size:17px;

max-width:420px;

}



.solution-overlay a{

display:inline-block;

margin-top:20px;

padding:12px 25px;

border-radius:30px;

background:#D4AF37;

color:#111;

text-decoration:none;

font-weight:bold;

}





/* VENO SOLUTIONS IMAGE CARDS */

.solutions{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
padding:80px 8%;

}


.solution-card{

background:white;
border-radius:25px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
transition:.3s;

}


.solution-card:hover{

transform:translateY(-8px);

}


.solution-card img{

width:100%;
height:280px;
object-fit:cover;

}


.solution-card h3{

font-size:28px;
color:#00563F;
margin:25px 0 10px;

}


.solution-card p{

padding:0 30px 30px;
color:#555;

}



@media(max-width:768px){

.solutions{

grid-template-columns:1fr;

}

}



img{
max-width:100%;
height:auto;
display:block;
}


.solution-card img{
aspect-ratio:16/9;
object-fit:cover;
}




/* GLOBAL IMAGE PERFORMANCE */

img{

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

}




/* PREMIUM SOLUTION CARDS */

.solutions{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
padding:70px 8%;
}


.solution-card{

position:relative;
height:360px;
border-radius:30px;
overflow:hidden;
box-shadow:0 20px 45px rgba(0,0,0,.12);
transition:.4s;
}


.solution-card:hover{

transform:translateY(-10px);
box-shadow:0 30px 60px rgba(0,0,0,.18);

}


.solution-card img{

width:100%;
height:100%;
object-fit:cover;

}


.solution-card:after{

content:"";
position:absolute;
inset:0;

background:
linear-gradient(
0deg,
rgba(0,40,30,.95),
rgba(0,86,63,.15)
);

}



.solution-card h3{

position:absolute;
bottom:95px;
left:40px;

z-index:2;

font-size:32px;
color:white;

margin:0;

}



.solution-card p{

position:absolute;
bottom:55px;
left:40px;

z-index:2;

color:white;

font-size:16px;

margin:0;

}


.solution-card:before{

content:"Explore Solution";
position:absolute;

bottom:20px;
left:40px;

z-index:3;

background:#D4AF37;

color:#111;

padding:8px 22px;

border-radius:25px;

font-weight:600;

font-size:14px;

}



@media(max-width:768px){

.solutions{

grid-template-columns:1fr;

}


.solution-card{

height:300px;

}

}




/* ===== PREMIUM SOLUTION CARDS ===== */

.solutions{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    padding:70px 8%;
}


.solution-card{

    position:relative;
    height:420px;
    border-radius:32px;
    overflow:hidden;
    background:#00563F;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:.4s;

}


.solution-card:hover{

    transform:translateY(-8px);

}


.solution-card img{

    width:100%;
    height:100%;
    object-fit:cover;

}


.solution-card:after{

    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,45,35,.95) 10%,
    rgba(0,86,63,.25) 70%
    );

}



.solution-content{

    position:absolute;
    bottom:45px;
    left:40px;
    right:40px;
    z-index:2;
    color:white;

}


.solution-content h3{

    font-size:34px;
    margin-bottom:15px;
    color:white;

}


.solution-content p{

    font-size:17px;
    line-height:1.6;
    margin-bottom:25px;

}



.solution-btn{

    display:inline-block;

    background:#D4AF37;

    color:#111;

    padding:12px 28px;

    border-radius:30px;

    font-weight:700;

    text-decoration:none;

}



.solution-icon{

    width:60px;
    height:60px;

    border-radius:50%;

    background:#008060;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

}



@media(max-width:768px){

.solutions{

grid-template-columns:1fr;

}

.solution-card{

height:350px;

}

}



.solution-card:before{
display:none!important;
}



.solutions-v2{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:32px;
margin:80px auto;
max-width:1280px;
}


.solution-box{
position:relative;
height:360px;
overflow:hidden;
border-radius:32px;
background:#00563f;
box-shadow:0 20px 40px rgba(0,0,0,.12);
}


.solution-box img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}


.solution-overlay{
position:absolute;
inset:auto 25px 25px 25px;
background:rgba(0,86,63,.92);
padding:35px;
border-radius:24px;
color:white;
text-align:left;
}


.solution-overlay h3{
font-size:32px;
margin:0 0 15px;
}


.solution-overlay p{
font-size:17px;
margin-bottom:25px;
}


.solution-overlay a{
display:inline-block;
background:#d6ad32;
color:#111;
padding:12px 28px;
border-radius:30px;
font-weight:700;
text-decoration:none;
}



@media(max-width:768px){

.solutions-v2{
grid-template-columns:1fr;
}

}



/* VENO SOLUTIONS PREMIUM STYLE */

.solutions-v2{
    max-width:1280px;
    margin:90px auto;
    gap:35px;
}


.solution-box{
    height:330px;
    border-radius:30px;
    overflow:hidden;
    position:relative;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}


.solution-box img{
    transition:.5s ease;
}


.solution-box:hover img{
    transform:scale(1.05);
}



.solution-overlay{

    left:35px;
    right:35px;
    bottom:35px;

    padding:32px;

    border-radius:26px;

    background:
    linear-gradient(
    135deg,
    rgba(0,86,63,.92),
    rgba(0,50,40,.80)
    );

    backdrop-filter:blur(8px);

}



.solution-overlay h3{

    font-size:34px;
    font-weight:700;
    margin-bottom:12px;

}



.solution-overlay p{

    font-size:16px;
    opacity:.95;
    margin-bottom:22px;

}



.solution-overlay a{

    padding:11px 26px;
    border-radius:40px;

    background:#d6ad32;

    font-size:15px;

    transition:.3s;

}


.solution-overlay a:hover{

    transform:translateY(-3px);

    background:#e4bd45;

}



@media(max-width:768px){

.solution-box{
height:380px;
}

.solution-overlay{
left:20px;
right:20px;
bottom:20px;
padding:25px;
}

.solution-overlay h3{
font-size:26px;
}

}



/* WHY VENO PREMIUM */

.why-veno{

max-width:1280px;
margin:100px auto;
padding:0 20px;

}


.why-header{

text-align:center;
margin-bottom:50px;

}


.why-header h2{

font-size:42px;
color:#073b2f;

}


.why-header p{

font-size:18px;
color:#555;

}



.why-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}



.why-card{

background:white;
padding:40px 25px;
border-radius:28px;
text-align:center;

box-shadow:0 20px 45px rgba(0,0,0,.08);

transition:.3s;

}


.why-card:hover{

transform:translateY(-8px);

}


.why-icon{

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

}


.why-card h3{

color:#006044;
font-size:24px;
margin-bottom:15px;

}


.why-card p{

color:#666;
line-height:1.6;

}



@media(max-width:900px){

.why-grid{

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

}

}


@media(max-width:600px){

.why-grid{

grid-template-columns:1fr;

}

}




/* VENO WHY CHOOSE FINAL POLISH */

.why-veno{
padding-top:50px;
}


.why-card{

height:280px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

}


.why-icon{

width:75px;
height:75px;

border-radius:50%;

background:#e8f4ef;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

margin-bottom:25px;

}



.why-card h3{

font-size:22px;

}


.why-card p{

font-size:16px;

line-height:1.5;

}



.why-card:hover .why-icon{

background:#d6ad32;

transform:scale(1.1);

transition:.3s;

}





/* ==============================
   VENO FEATURE CARDS PREMIUM STYLE
================================ */


.features-section h2,
.why-section h2 {
    font-size: 52px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.15;
    color:#063b2d;
}


.features-section p,
.why-section > p {
    font-size:22px;
    font-weight:500;
    color:#4b5563;
    margin-top:20px;
}


/* cards */

.feature-card,
.why-card {
    background:#ffffff;
    border-radius:28px;
    padding:45px 30px;
    text-align:center;
    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

    transition:.3s ease;
}


.feature-card:hover,
.why-card:hover {
    transform:translateY(-8px);
    box-shadow:
    0 25px 50px rgba(0,0,0,.10);
}



/* icons */

.feature-card img,
.why-card img {

    width:70px;
    height:70px;

    margin-bottom:25px;

}



/* title */

.feature-card h3,
.why-card h3 {

    font-size:28px;
    font-weight:800;

    color:#006247;

    margin-bottom:18px;

}



/* gold line */

.feature-card h3::after,
.why-card h3::after {

content:"";

display:block;

width:45px;

height:4px;

background:#d9af37;

border-radius:10px;

margin:18px auto 0;

}



/* description */


.feature-card p,
.why-card p {

font-size:20px;

font-weight:500;

line-height:1.7;

color:#5b6470;

max-width:280px;

margin:auto;

}



/* section spacing */

.features-section,
.why-section {

padding-top:90px;

padding-bottom:90px;

}



/* mobile */

@media(max-width:768px){

.features-section h2,
.why-section h2{

font-size:34px;

}


.feature-card h3,
.why-card h3{

font-size:22px;

}


.feature-card p,
.why-card p{

font-size:17px;

}

}




/* VENO MANAGEMENT CARDS TYPOGRAPHY */

h3 {
    font-family: "Inter", sans-serif;
}


.complete-pharmacy-management h3,
.management-card h3,
.system-card h3 {

    font-size:26px !important;
    font-weight:800 !important;
    letter-spacing:-0.5px;
    line-height:1.25;
    color:#063b2d;

}


.complete-pharmacy-management p,
.management-card p,
.system-card p {

    font-size:18px !important;
    font-weight:500;
    line-height:1.6;
    color:#667085;

}


.complete-pharmacy-management img,
.management-card img,
.system-card img {

    border-radius:18px;
    margin-bottom:25px;

}


.complete-pharmacy-management .card,
.management-card,
.system-card {

    padding:35px 25px !important;
    border-radius:28px !important;

}


@media(max-width:768px){

.complete-pharmacy-management h3,
.management-card h3,
.system-card h3 {

font-size:22px !important;

}

.complete-pharmacy-management p,
.management-card p,
.system-card p {

font-size:16px !important;

}

}




/* ===== VENO COMPLETE MANAGEMENT CARDS ===== */

.system-preview-card h3,
.management-section h3,
.feature-box h3 {

    font-size: 24px !important;
    font-weight: 800 !important;
    color: #063b2d !important;
    line-height: 1.3 !important;
    letter-spacing: -0.4px;

}


.system-preview-card p,
.management-section p,
.feature-box p {

    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    color: #5b6670 !important;

}


/* Image inside cards */

.system-preview-card img,
.management-section img,
.feature-box img {

    width:100%;
    border-radius:20px;
    margin-bottom:25px;

}


/* Card style */

.system-preview-card,
.management-section .card,
.feature-box {

    border-radius:28px !important;
    padding:30px 25px !important;
    transition:0.3s ease;

}


.system-preview-card:hover,
.management-section .card:hover,
.feature-box:hover {

    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.08);

}


@media(max-width:768px){

.system-preview-card h3,
.management-section h3,
.feature-box h3 {

font-size:21px !important;

}


.system-preview-card p,
.management-section p,
.feature-box p {

font-size:15px !important;

}

}



/* ===== VENO MODULE CARDS PREMIUM STYLE ===== */


.module-card {

    background:#ffffff;
    border-radius:28px;
    padding:28px 25px 35px !important;
    text-align:center;
    transition:all .35s ease;
    border:1px solid #edf1ef;

}


.module-card:hover {

    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.08);

}



/* Mac Mockup */

.module-card .mini-mac {

    margin-bottom:28px;
    transform:scale(.95);
}


.module-card .mini-screen img {

    width:100%;
    border-radius:12px;

}



/* Titles */

.module-card h3 {

    font-size:24px !important;
    font-weight:800 !important;
    color:#063b2d !important;
    line-height:1.25 !important;
    margin-bottom:18px !important;
    letter-spacing:-0.4px;

}



/* Description */

.module-card p {

    font-size:17px !important;
    font-weight:500 !important;
    line-height:1.6 !important;
    color:#667085 !important;
    max-width:250px;
    margin:auto;

}


/* Responsive */

@media(max-width:768px){

.module-card h3{

font-size:21px !important;

}


.module-card p{

font-size:15px !important;

}

}




/* Fix Why Choose Section Spacing */

.why-choose-section {

    padding-top:80px !important;
    padding-bottom:80px !important;

}


.why-choose-section h2 {

    margin-top:0 !important;

}


section {

    scroll-margin-top:100px;

}




/* ===== PREMIUM WHY VENO CARDS ===== */


.why-veno {

padding-top:90px !important;
padding-bottom:90px !important;

}


.why-veno .why-header h2 {

font-size:48px !important;
font-weight:900 !important;
letter-spacing:-1.5px;
color:#063b2d;

}


.why-veno .why-header p {

font-size:19px !important;
color:#667085;
margin-top:15px;

}


/* Cards */

.why-card {

background:#ffffff;
border-radius:30px;
padding:45px 30px !important;
min-height:330px;
border:1px solid #edf2ef;
position:relative;
overflow:hidden;
transition:.35s ease;

}


.why-card:before {

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:#d4af37;

}


.why-card:hover {

transform:translateY(-12px);
box-shadow:0 25px 60px rgba(0,0,0,.08);

}



/* Icon */

.why-card .icon {

width:70px;
height:70px;
border-radius:50%;
background:#eaf6f1;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
margin:0 auto 30px;

}



/* Title */

.why-card strong {

display:block;
font-size:25px !important;
font-weight:850 !important;
color:#006b4f;
margin-bottom:18px;

}


/* Text */

.why-card span {

display:block;
font-size:17px !important;
line-height:1.7;
color:#667085;

}



@media(max-width:768px){

.why-veno .why-header h2{

font-size:34px !important;

}

.why-card strong{

font-size:22px !important;

}

}




/* ===== WHY VENO FINAL PREMIUM DESIGN ===== */


.why-veno{
    padding:80px 0 !important;
}


.why-header{
    text-align:center;
    margin-bottom:55px;
}


.why-header h2{
    font-size:46px !important;
    font-weight:900 !important;
    color:#063b2d;
    letter-spacing:-1px;
}


.why-header p{
    font-size:18px !important;
    color:#667085;
    margin-top:15px;
}



/* GRID */

.why-grid{
    gap:28px !important;
}



/* CARD */

.why-card{

    background:#ffffff;
    border:1px solid #edf1ef;
    border-radius:28px;

    height:310px;

    padding:35px 25px !important;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    transition:.35s ease;

    position:relative;
    overflow:hidden;

}



.why-card:before{

    content:"";
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:#d4af37;

}



.why-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.10);

}



/* ICON */

.why-icon{

    width:75px;
    height:75px;

    background:#eaf6f1;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;

    margin-bottom:25px;

    transition:.3s;

}


.why-card:hover .why-icon{

    background:#d4af37;
    transform:scale(1.1);

}



/* TITLE */

.why-card h3{

    font-size:24px !important;

    font-weight:850 !important;

    color:#006247 !important;

    margin-bottom:18px !important;

    line-height:1.3;

}



/* TEXT */

.why-card p{

    font-size:16px !important;

    font-weight:500;

    line-height:1.7;

    color:#667085 !important;

    max-width:250px;

}



@media(max-width:768px){

.why-header h2{

font-size:34px !important;

}


.why-card h3{

font-size:21px !important;

}

}




/* ===== PREMIUM MODULE CARDS ===== */


.module-card{

    background:#ffffff;

    border:1px solid #edf1ef;

    border-radius:28px;

    padding:30px 22px !important;

    height:390px;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}



.module-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.12);

}



.module-card:after{

    content:"";

    position:absolute;

    bottom:0;

    left:20%;

    width:60%;

    height:4px;

    background:#d4af37;

    border-radius:10px;

}



/* Laptop */


.mini-mac{

    transform:scale(1.08);

    margin-bottom:35px;

}



.mini-screen img{

    border-radius:10px;

}



/* Titles */


.module-card h3{

    font-size:24px !important;

    font-weight:850 !important;

    color:#063b2d !important;

    line-height:1.3;

    margin-bottom:15px !important;

}



/* Description */


.module-card p{

    font-size:16px !important;

    color:#667085 !important;

    line-height:1.7;

    max-width:240px;

}



/* Section title */


.management-title h2{

    font-size:42px !important;

    font-weight:900 !important;

    color:#063b2d;

}


.management-title p{

    font-size:18px;

    color:#667085;

}



@media(max-width:768px){

.module-card{

height:auto;

}

.module-card h3{

font-size:21px !important;

}

}





/* ===== PREMIUM CTA ===== */


.cta-section{

    padding:90px 20px !important;

    background:#03251e;

    text-align:center;

}


.cta-section h2{

    font-size:42px !important;

    font-weight:900 !important;

    color:white !important;

}


.cta-section p{

    color:#cbd5d1;

    font-size:18px;

    margin:20px auto 35px;

}


.cta-section a,
.cta-section button{

    background:#d4af37 !important;

    color:#063b2d !important;

    border-radius:50px !important;

    padding:16px 40px !important;

    font-weight:800;

}



/* ===== TRUSTED BAR ===== */


.trusted-section{

    margin:55px auto;

    max-width:1200px;

    background:white;

    border-radius:30px;

    padding:35px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}



.trusted-section h3{

    font-size:24px;

    color:#063b2d;

}



.trusted-section div{

    transition:.3s;

}


.trusted-section div:hover{

    transform:translateY(-5px);

}



/* FOOTER */


footer{

    background:#03251e !important;

}


footer p{

    color:#d1d5db;

}



@media(max-width:768px){

.cta-section h2{

font-size:32px !important;

}

}




/* ===== PREMIUM CTA SECTION ===== */


.cta{

    padding:100px 20px !important;

    background:#03251e !important;

    text-align:center;

}


.cta h2{

    color:white !important;

    font-size:44px !important;

    font-weight:900 !important;

    letter-spacing:-1px;

    margin-bottom:35px;

}



.cta .btn{

    display:inline-block;

    background:#d4af37 !important;

    color:#063b2d !important;

    padding:16px 45px !important;

    border-radius:50px !important;

    font-weight:800 !important;

    font-size:17px;

    transition:.3s;

}



.cta .btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(212,175,55,.35);

}




/* ===== TRUST BAR ===== */


.trust-bar{

    max-width:1250px;

    margin:60px auto;

    background:white;

    border-radius:30px;

    padding:40px !important;

    display:grid !important;

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

    gap:30px;

    align-items:center;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}



.trust-title{

    font-size:26px !important;

    font-weight:900;

    color:#063b2d;

}



.trust-item{

    padding:15px;

    transition:.3s;

}



.trust-item:hover{

    transform:translateY(-6px);

}



.trust-item strong{

    display:block;

    font-size:18px;

    color:#006247;

    margin-bottom:8px;

}



.trust-item span{

    font-size:14px;

    color:#667085;

}



@media(max-width:900px){

.trust-bar{

grid-template-columns:1fr;

text-align:center;

}

}





/* ================================
   VENO HERO PREMIUM DESIGN
================================ */


.hero-premium{

    background:linear-gradient(
        135deg,
        #ffffff 0%,
        #f4faf8 100%
    );

}


/* Main title */

.hero-premium h1{

    font-size:72px !important;
    font-weight:900 !important;
    line-height:1.05;
    letter-spacing:-2px;
    color:#005c45;

}


/* Subtitle */

.hero-premium h2{

    font-size:42px !important;
    font-weight:800 !important;
    line-height:1.15;
    color:#122b27;

}


/* Description */

.hero-premium p{

    font-size:20px;
    line-height:1.7;
    color:#475467;
    max-width:600px;

}



/* Badge */

.hero-premium .badge{

    background:#e8f5f1;
    color:#006b50;
    padding:10px 22px;
    border-radius:50px;
    font-weight:700;

}



/* Laptop */

.hero-dashboard{

    animation:venoFloat 4s ease-in-out infinite;

}


.hero-dashboard .macbook{

    filter:
    drop-shadow(0 30px 35px rgba(0,0,0,.18));

}



@keyframes venoFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

}



/* Buttons */

.hero-buttons .btn{

    border-radius:12px !important;
    padding:16px 34px !important;
    font-weight:700;

}


.hero-buttons .btn-outline{

    border:2px solid #006b50 !important;
    color:#006b50 !important;
    border-radius:12px !important;

}


.hero-buttons .btn-outline:hover{

    background:#006b50;
    color:white !important;

}



/* Mobile */

@media(max-width:768px){

.hero-premium h1{
font-size:42px !important;
}


.hero-premium h2{
font-size:28px !important;
}

}





/* ==================================
   VENO SOLUTIONS PREMIUM SECTION
================================== */


.solutions-v2{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    max-width:1300px;
    margin:80px auto;
    padding:0 40px;

}



.solution-box{

    position:relative;
    height:420px;
    overflow:hidden;
    border-radius:35px;
    box-shadow:0 25px 50px rgba(0,0,0,.12);

}



.solution-box img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;

}



.solution-box:hover img{

    transform:scale(1.08);

}



.solution-overlay{

    position:absolute;
    left:35px;
    right:35px;
    bottom:35px;

    background:rgba(0,82,62,.88);

    backdrop-filter:blur(8px);

    padding:35px;

    border-radius:25px;

    color:white;

}



.solution-overlay h3{

    font-size:34px;
    font-weight:800;
    margin-bottom:15px;

}



.solution-overlay p{

    font-size:18px;
    line-height:1.6;
    color:#e5f3ef;

}



.solution-overlay a{

    display:inline-block;

    margin-top:20px;

    background:#d8ad2c;

    color:#111;

    padding:13px 30px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}



.solution-overlay a:hover{

    transform:translateY(-3px);

    background:#f0c63d;

}



@media(max-width:768px){

.solutions-v2{

grid-template-columns:1fr;
padding:20px;

}


.solution-box{

height:360px;

}


.solution-overlay h3{

font-size:26px;

}

}




/* ==========================
   VENO PREMIUM FOOTER
========================== */


.veno-footer{

background:#03251e;

color:white;

padding:60px 8% 25px;

}



.footer-content{

display:flex;

justify-content:space-between;

gap:40px;

max-width:1200px;

margin:auto;

}



.footer-brand img{

width:65px;

margin-bottom:15px;

}



.footer-brand h3{

font-size:26px;

color:white;

margin:0 0 15px;

}



.footer-brand p{

color:#cbd5d1;

max-width:350px;

line-height:1.7;

}



.footer-contact h4{

font-size:20px;

color:#d4af37;

margin-bottom:20px;

}



.footer-contact p{

color:#e5e7eb;

margin:10px 0;

}



.footer-bottom{

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

margin-top:45px;

padding-top:20px;

text-align:center;

color:#cbd5d1;

font-size:14px;

}



.footer-bottom span{

margin:0 10px;

}



@media(max-width:768px){

.footer-content{

flex-direction:column;

text-align:center;

}


.footer-brand p{

margin:auto;

}

}




/* ==========================
   FINAL TRUST + FOOTER POLISH
========================== */


/* Trust bar */

.trust-bar{

    margin-bottom:40px !important;
    border-radius:30px !important;
    padding:35px 45px !important;

}



.trust-title{

    font-size:28px !important;
    font-weight:800 !important;
    color:#005c45 !important;

}



.trust-item strong{

    font-size:20px !important;
    font-weight:800 !important;
    color:#006b50 !important;

}


.trust-item span{

    font-size:15px !important;
    color:#667085 !important;

}



/* Footer */

.veno-footer{

    padding-top:50px !important;

}



.footer-brand img{

    width:120px !important;

    filter:brightness(0) invert(1);

}



.footer-brand h3{

    font-size:30px !important;

}



.footer-contact{

    text-align:right;

}



.footer-contact h4{

    font-size:24px !important;

}



.footer-bottom{

    font-size:15px !important;

}



@media(max-width:768px){

.footer-contact{

text-align:center;

}


.trust-bar{

padding:25px !important;

}

}




/* NEW VENO FOOTER DESIGN */


.veno-footer{

background:#03251e;
padding:70px 8% 25px;
color:white;

}


.footer-content{

display:flex;
justify-content:space-between;
max-width:1200px;
margin:auto;

}



.footer-brand img{

width:170px;
filter:brightness(0) invert(1);
margin-bottom:20px;

}



.footer-brand h3{

font-size:30px;
color:white;

}



.footer-brand p{

color:#d1d5db;
max-width:380px;
line-height:1.8;

}



.footer-social{

display:flex;
gap:15px;
margin-top:30px;

}



.footer-social a{

width:45px;
height:45px;

border:1px solid rgba(255,255,255,.35);

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

color:white;

font-size:13px;

text-decoration:none;

}



.footer-social a:hover{

background:#d4af37;
color:#111;

}



.footer-contact h4{

color:#d4af37;
font-size:24px;

}



.footer-contact p{

color:white;
font-size:17px;

}



.footer-bottom{

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

margin-top:50px;

padding-top:25px;

text-align:center;

color:#d1d5db;

}



@media(max-width:768px){

.footer-content{

flex-direction:column;
gap:40px;

}

}





/* Footer Social Icons Upgrade */


.footer-social a{

width:48px !important;
height:48px !important;

display:flex;
align-items:center;
justify-content:center;

border:1px solid rgba(255,255,255,.35);

border-radius:50%;

color:white;

font-size:20px;

font-weight:700;

}


.footer-social a i{

font-style:normal;

}



.footer-social a:hover{

background:#d4af37;

border-color:#d4af37;

color:#06251d;

}



.footer-brand img{

width:190px !important;

margin-bottom:25px;

}


.footer-brand h3{

margin-top:10px;

}



.footer-contact{

padding-top:20px;

}


.footer-contact p{

font-size:18px !important;

}




/* ==========================
   COMPACT PREMIUM FOOTER
========================== */


.veno-footer{

    padding:40px 8% 18px !important;

}


.footer-content{

    max-width:1100px !important;

}


.footer-brand img{

    width:130px !important;
    margin-bottom:15px !important;

}


.footer-brand h3{

    font-size:24px !important;
    margin-bottom:10px !important;

}


.footer-brand p{

    font-size:15px !important;
    line-height:1.5 !important;
    max-width:320px !important;

}



.footer-social{

    margin-top:20px !important;
}


.footer-social a{

    width:38px !important;
    height:38px !important;
    font-size:16px !important;

}



.footer-contact{

    padding-top:10px !important;

}



.footer-contact h4{

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

}



.footer-contact p{

    font-size:15px !important;
    margin:8px 0 !important;

}



.footer-bottom{

    margin-top:30px !important;
    padding-top:15px !important;
    font-size:13px !important;

}




/* ==========================
   VENO PREMIUM HEADER
========================== */


.veno-header{

    position:sticky;
    top:0;
    z-index:999;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(12px);

    box-shadow:0 8px 30px rgba(0,0,0,.06);

}



.veno-container{

    max-width:1300px;

    margin:auto;

    padding:15px 40px !important;

}



.veno-logo img{

    width:150px !important;

    height:auto;

}




/* Navigation */


.veno-nav{

    gap:30px !important;

}



.veno-nav a{

    color:#263238 !important;

    font-size:15px !important;

    font-weight:600;

    transition:.3s;

    position:relative;

}



.veno-nav a:hover{

    color:#006b50 !important;

}



.veno-nav a:after{

    content:"";

    position:absolute;

    bottom:-8px;

    left:0;

    width:0;

    height:2px;

    background:#d4af37;

    transition:.3s;

}



.veno-nav a:hover:after{

    width:100%;

}




/* Language */


.language{

    font-size:14px;

    color:#667085;

}



.language a{

    color:#006b50;

    font-weight:600;

}



/* Login Button */


.login-btn{

    border:1px solid #006b50 !important;

    color:#006b50 !important;

    background:white;

    padding:11px 22px !important;

    border-radius:30px !important;

    font-weight:700;

}



/* Demo Button */


.demo-btn{

    background:#d4af37 !important;

    color:#111 !important;

    padding:12px 26px !important;

    border-radius:30px !important;

    font-weight:800;

    box-shadow:0 10px 25px rgba(212,175,55,.25);

}



.demo-btn:hover{

    transform:translateY(-3px);

}



/* Mobile */


@media(max-width:900px){

.veno-container{

padding:15px 20px !important;

}

}




/* ==========================
   FEATURES PAGE
========================== */


.page-hero{
    padding:90px 20px 60px;
    text-align:center;
    background:linear-gradient(135deg,#006b50,#003d30);
    color:white;
}


.page-hero h1{
    font-size:48px;
    margin-bottom:20px;
    font-weight:800;
}


.page-hero p{
    max-width:700px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    opacity:.9;
}



.features-grid{

    max-width:1200px;
    margin:70px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}



.feature-card{

    background:white;
    padding:35px;
    border-radius:20px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    transition:.3s;

    border-top:4px solid #d4af37;

}



.feature-card:hover{

    transform:translateY(-8px);

}



.feature-card h3{

    color:#006b50;
    font-size:22px;
    margin-bottom:15px;

}



.feature-card p{

    color:#667085;
    line-height:1.7;

}



@media(max-width:900px){

.features-grid{

grid-template-columns:1fr;

}


.page-hero h1{

font-size:34px;

}

}




/* ==========================
   PRICING PAGE
========================== */


.pricing-grid{

max-width:1200px;
margin:70px auto;
padding:0 20px;

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}


.price-card{

background:white;
padding:40px 30px;
border-radius:22px;

text-align:center;

box-shadow:
0 15px 40px rgba(0,0,0,.08);

border-top:4px solid #d4af37;

transition:.3s;

}


.price-card:hover{

transform:translateY(-8px);

}


.price-card h3{

font-size:26px;
color:#006b50;

}


.price{

font-size:40px;
font-weight:800;
margin:25px 0;
color:#003d30;

}


.price span{

font-size:16px;

}


.price-card ul{

list-style:none;
padding:0;

}


.price-card li{

padding:10px;
color:#667085;

}


.price-btn{

display:inline-block;

margin-top:25px;

padding:12px 30px;

border-radius:30px;

background:#006b50;

color:white;

text-decoration:none;

}


.featured{

transform:scale(1.05);

border-top-color:#006b50;

}


@media(max-width:900px){

.pricing-grid{

grid-template-columns:1fr;

}

.featured{

transform:none;

}

}



/* FIX PRICING PRICE DISPLAY */

.price-card .price{
    display:block !important;
    font-size:42px !important;
    font-weight:800 !important;
    color:#003d30 !important;
    margin:25px 0 !important;
    line-height:1.2 !important;
}

.price-card .price span{
    display:inline !important;
    font-size:16px !important;
    color:#003d30 !important;
    font-weight:600 !important;
}




/* ==========================
   DEMO PAGE FIX
========================== */


.demo-section{

max-width:1200px !important;
margin:70px auto !important;
padding:0 30px !important;

display:grid !important;
grid-template-columns:1fr 1fr !important;

gap:50px !important;

}



.demo-info h2{

font-size:34px !important;
color:#006b50 !important;

}


.demo-info p{

font-size:18px !important;
line-height:1.8 !important;
color:#667085 !important;

}



.contact-item{

margin-top:25px !important;

}


.contact-item strong{

display:block !important;
color:#003d30 !important;
font-size:18px !important;

}


.contact-item span{

color:#667085 !important;

}




.demo-form{

background:#ffffff !important;

padding:40px !important;

border-radius:25px !important;

box-shadow:0 15px 40px rgba(0,0,0,.08) !important;

}




.demo-form input,
.demo-form select,
.demo-form textarea{


width:100% !important;

box-sizing:border-box !important;

padding:15px !important;

margin-bottom:18px !important;

border-radius:12px !important;

border:1px solid #ddd !important;

font-size:16px !important;

}



.demo-form textarea{

height:130px !important;

}



.demo-form button{

width:100% !important;

padding:15px !important;

border-radius:30px !important;

border:none !important;

background:#006b50 !important;

color:white !important;

font-size:18px !important;

font-weight:600 !important;

cursor:pointer !important;

}




@media(max-width:900px){

.demo-section{

grid-template-columns:1fr !important;

}

}




/* FIX PREVIEW HERO TITLE */

.page-hero h1{
color:white !important;
display:block !important;
opacity:1 !important;
visibility:visible !important;
}


.preview-card img{

background:white;
padding:15px;
box-shadow:0 20px 50px rgba(0,0,0,.12);

}





/* PREVIEW IMAGE SIZE FIX */

.preview-card{

grid-template-columns:420px 1fr !important;

}


.preview-card img{

width:420px !important;

height:auto !important;

max-height:260px !important;

object-fit:contain !important;

margin:auto !important;

}



@media(max-width:900px){

.preview-card{

grid-template-columns:1fr !important;

}


.preview-card img{

width:100% !important;

max-height:none !important;

}

}




/* PREVIEW BETTER LAYOUT */


.preview-showcase{

max-width:1200px !important;
margin:70px auto !important;

padding:0 30px !important;

}



.preview-card{

display:grid !important;

grid-template-columns:520px 1fr !important;

gap:60px !important;

align-items:center !important;

margin-bottom:70px !important;

background:white !important;

padding:35px !important;

border-radius:25px !important;

box-shadow:0 15px 40px rgba(0,0,0,.08) !important;

}



.preview-card img{

width:520px !important;

height:300px !important;

object-fit:contain !important;

padding:10px !important;

background:#fff !important;

border-radius:15px !important;

}



.preview-card h3{

font-size:32px !important;

color:#006b50 !important;

margin-bottom:20px !important;

}



.preview-card p{

font-size:18px !important;

line-height:1.8 !important;

color:#667085 !important;

}



@media(max-width:900px){

.preview-card{

grid-template-columns:1fr !important;

}


.preview-card img{

width:100% !important;

height:auto !important;

}

}




/* FINAL PREVIEW IMAGE POLISH */

.preview-card img{

width:560px !important;

height:330px !important;

}


.preview-card{

gap:40px !important;

}




/* MACBOOK MOCKUP STYLE */

.laptop-mockup{

position:relative;

background:#111;

padding:12px 12px 18px;

border-radius:15px 15px 8px 8px;

box-shadow:
0 25px 50px rgba(0,0,0,.25);

}


.laptop-mockup:after{

content:"";

position:absolute;

bottom:-14px;

left:-25px;

right:-25px;

height:14px;

background:#cfcfcf;

border-radius:0 0 20px 20px;

}


.laptop-mockup img{

display:block;

width:100% !important;

height:auto !important;

max-height:none !important;

padding:0 !important;

background:none !important;

border-radius:4px;

box-shadow:none !important;

}


@media(max-width:900px){

.laptop-mockup{

margin:auto;

}

}




.solutions-grid{

max-width:1200px;
margin:80px auto;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
padding:0 30px;

}


.solution-card{

background:white;
padding:45px;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
border-top:4px solid #d9af2f;
text-align:center;

}


.solution-card h2{

color:#006b55;
font-size:30px;

}


.solution-card p{

color:#667085;
font-size:18px;
line-height:1.8;

}


.solution-card a{

display:inline-block;
margin-top:25px;
padding:12px 30px;
background:#006b55;
color:white;
border-radius:30px;
text-decoration:none;

}


@media(max-width:900px){

.solutions-grid{
grid-template-columns:1fr;
}

}



/* Final Solutions Card Fix */

.solutions-grid .solution-card{

background:#ffffff !important;
background-image:none !important;
opacity:1 !important;
filter:none !important;
color:#1d2939 !important;
overflow:hidden;

}


.solutions-grid .solution-card::before,
.solutions-grid .solution-card::after{

display:none !important;

}


.solutions-grid .solution-card h2{

color:#006b55 !important;

}


.solutions-grid .solution-card p{

color:#667085 !important;
visibility:visible !important;

}


.solutions-grid .solution-card a{

color:#ffffff !important;
background:#006b55 !important;

}



.solution-image{
width:100%;
height:220px;
object-fit:contain;
margin-bottom:25px;
border-radius:18px;
}

.solution-card{
min-height:520px;
display:flex;
flex-direction:column;
justify-content:flex-start;
}


/* Solutions Cards Layout Fix */

.solution-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:620px;
}

.solution-image{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:18px;
    margin-bottom:35px;
}

.solution-card h2{
    margin:10px 0 20px;
    position:relative;
    z-index:2;
}

.solution-card p{
    margin-top:0;
    min-height:80px;
}

.solution-card a{
    margin-top:auto;
    width:85%;
    text-align:center;
}


@media(max-width:900px){

.solution-card{
    min-height:auto;
}

.solution-image{
    height:220px;
}

}


/* Final Solution Card Order Fix */

.solutions-grid .solution-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:35px;
}

.solutions-grid .solution-image{
    order:1;
    width:100%;
    height:240px;
    object-fit:cover;
    border-radius:20px;
    margin-bottom:30px;
}

.solutions-grid .solution-card h2{
    order:2;
    margin:0 0 20px !important;
    line-height:1.3;
}

.solutions-grid .solution-card p{
    order:3;
    margin:0 !important;
    min-height:90px;
    line-height:1.8;
}

.solutions-grid .solution-card a{
    order:4;
    margin-top:25px;
}



/* Solutions Cards Optimization */

.solution-card{
    padding:25px !important;
    min-height:420px !important;
    border-radius:28px !important;
}

.solution-card img.solution-image{
    width:100% !important;
    height:220px !important;
    object-fit:cover !important;
    border-radius:18px !important;
    margin-bottom:25px !important;
}

.solution-card h2{
    font-size:32px !important;
    margin:15px 0 !important;
}

.solution-card p{
    font-size:18px !important;
    line-height:1.8 !important;
    margin-top:20px !important;
}

.solution-card .btn{
    margin-top:20px !important;
}

@media(max-width:768px){

.solution-card{
    min-height:auto !important;
}

.solution-card h2{
    font-size:24px !important;
}

}



/* ==============================
   FINAL SOLUTIONS RESET
============================== */

.solutions-grid{
    align-items:stretch;
}


.solutions-grid .solution-card{

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;

    height:auto !important;
    min-height:520px !important;

    padding:30px !important;

    overflow:hidden !important;
}


.solutions-grid .solution-image{

    position:relative !important;

    width:100% !important;
    height:230px !important;

    object-fit:cover !important;

    margin:0 0 30px 0 !important;

}


.solutions-grid .solution-card h2{

    position:static !important;

    display:block !important;

    margin:0 0 20px 0 !important;

    font-size:30px !important;

    line-height:1.3 !important;

}


.solutions-grid .solution-card p{

    position:static !important;

    display:block !important;

    margin:0 !important;

    min-height:90px !important;

    line-height:1.8 !important;

}


.solutions-grid .solution-card a{

    position:static !important;

    margin-top:auto !important;

}



/* Solutions cards final sizing */

.solutions-grid .solution-card{
    min-height:440px !important;
    padding:25px !important;
    transition:all .3s ease !important;
}


.solutions-grid .solution-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}


.solutions-grid .solution-image{
    height:190px !important;
    object-fit:cover !important;
    border-radius:18px !important;
}


.solutions-grid .solution-card h2{
    font-size:26px !important;
    margin-top:20px !important;
    margin-bottom:12px !important;
}


.solutions-grid .solution-card p{
    font-size:17px !important;
    min-height:auto !important;
}


.solutions-grid .solution-card a{
    margin-top:25px !important;
}



/* MacBook Mockup Solutions */

.macbook-mockup{
    position:relative;
    background:#111;
    padding:8px 8px 18px;
    border-radius:14px;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
    margin-bottom:25px;
}

.macbook-mockup:after{
    content:"";
    position:absolute;
    bottom:-8px;
    left:15%;
    width:70%;
    height:8px;
    background:#111;
    border-radius:0 0 12px 12px;
}

.macbook-mockup .solution-image{
    width:100%;
    height:200px;
    object-fit:cover;
    display:block;
    border-radius:8px;
}


/* Macbook system screenshots only */

.macbook-mockup{
    background:#d9dde2;
    padding:8px 8px 16px;
    border-radius:14px;
    box-shadow:0 12px 25px rgba(0,0,0,.15);
    width:90%;
    margin:0 auto 25px;
}

.macbook-mockup:after{
    content:"";
    display:block;
    width:18%;
    height:7px;
    background:#b8bec5;
    margin:8px auto -10px;
    border-radius:10px;
}

.macbook-mockup .solution-image{
    height:180px;
    object-fit:cover;
    border-radius:8px;
}

.solution-card > .solution-image{
    height:230px;
    object-fit:cover;
    border-radius:16px;
}


/* Improve Mac Mockup Design */

.macbook-mockup{
    width:75%;
    background:linear-gradient(145deg,#f5f6f7,#cfd3d8);
    padding:10px 10px 20px;
    border-radius:18px;
    margin:0 auto 20px;
    box-shadow:
    0 15px 35px rgba(0,0,0,.18),
    inset 0 1px 2px rgba(255,255,255,.8);
}

.macbook-mockup .solution-image{
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:10px;
}

.macbook-mockup:after{
    width:15%;
    height:6px;
    background:#aeb4bb;
    margin:12px auto -8px;
}

.solution-card h2{
    margin-top:15px;
}

.solution-card{
    padding-bottom:35px;
}


/* Final Mac Mockup Style */

.solution-card .macbook-mockup{
    width:85%;
    margin:0 auto 10px;
    background:linear-gradient(
        145deg,
        #eef1f5,
        #cfd4db
    );
    padding:12px 12px 22px;
    border-radius:20px;
    box-shadow:
    0 20px 45px rgba(0,0,0,.20),
    inset 0 2px 5px rgba(255,255,255,.9);
}

.solution-card .macbook-mockup img{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:12px;
}

.solution-card .macbook-mockup:after{
    content:"";
    display:block;
    width:18%;
    height:7px;
    background:#aeb5bd;
    border-radius:10px;
    margin:14px auto -8px;
}

.solution-card h2{
    margin-top:18px;
}




/* MacBook Mockup */

.macbook{
    width:85%;
    margin:0 auto 25px;
    position:relative;
    padding:12px 12px 30px;
    background:linear-gradient(145deg,#e9edf2,#bfc5cc);
    border-radius:14px 14px 22px 22px;
    box-shadow:0 20px 35px rgba(0,0,0,.18);
}


.macbook:before{
    content:"";
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    width:7px;
    height:7px;
    background:#555;
    border-radius:50%;
}


.macbook-screen{
    background:#000;
    border-radius:10px;
    overflow:hidden;
}


.macbook-screen img{
    width:100%;
    height:170px;
    object-fit:cover;
    display:block;
}


.macbook:after{
    content:"";
    display:block;
    width:35%;
    height:8px;
    background:#aeb5bd;
    border-radius:20px;
    margin:18px auto -18px;
}


.solution-card h2{
    margin-top:20px;
}



.macbook{
    all:unset;
}

.macbook-screen{
    all:unset;
}


/* Use Preview Laptop Mockup in Solutions */

.solution-card .laptop-mockup{
    width:85%;
    margin:0 auto 25px;
}

.solution-card .laptop-mockup img{
    width:100%;
    height:auto;
    display:block;
}



.solutions-hero{

background:
radial-gradient(circle at top right,#0c8068,transparent 40%),
linear-gradient(135deg,#003d32,#006b56);

min-height:650px;
display:flex;
align-items:center;
justify-content:space-between;
padding:80px 10%;
gap:50px;
color:white;

}



.hero-content{
max-width:600px;
}



.hero-badge{

display:inline-block;
background:#d9ae35;
color:#fff;
padding:8px 20px;
border-radius:30px;
font-size:14px;
margin-bottom:25px;

}



.solutions-hero h1{

font-size:55px;
line-height:1.15;
margin-bottom:25px;

}


.solutions-hero h1 span{

color:#d9ae35;

}


.solutions-hero p{

font-size:20px;
line-height:1.7;
opacity:.9;

}



.hero-features{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:40px;

}


.hero-features div{

background:rgba(255,255,255,.12);
padding:15px;
border-radius:15px;

}


.hero-features strong{

display:block;
font-size:18px;

}


.hero-features small{

opacity:.8;

}




.hero-device{

width:45%;

}


.macbook{

background:#111;
padding:15px;
border-radius:20px;
box-shadow:0 30px 60px rgba(0,0,0,.35);

}


.macbook .screen{

background:#fff;
border-radius:10px;
overflow:hidden;

}


.macbook img{

width:100%;
display:block;

}


.macbook:after{

content:"";
display:block;
width:30%;
height:12px;
background:#bbb;
margin:12px auto -20px;
border-radius:10px;

}


.macbook.small{

margin-top:10px;

}




@media(max-width:900px){

.solutions-hero{

flex-direction:column;
padding:50px 20px;

}

.hero-device{

width:100%;

}

.solutions-hero h1{

font-size:38px;

}

}




.solutions-hero{
position:relative;
overflow:hidden;
background:
linear-gradient(120deg,#002f29,#006b56);
min-height:620px;
display:flex;
align-items:center;
justify-content:space-between;
padding:70px 7%;
color:#fff;
}


.hero-bg-pattern{
position:absolute;
inset:0;
background-image:
radial-gradient(circle,rgba(80,255,200,.18) 1px,transparent 1px);
background-size:35px 35px;
opacity:.25;
}


.hero-content{
position:relative;
z-index:2;
width:45%;
}


.hero-badge{
color:#e5b73b;
font-weight:700;
font-size:18px;
}


.solutions-hero h1{
font-size:55px;
line-height:1.15;
margin:25px 0;
}


.solutions-hero h1 span{
color:#9be2b8;
}


.solutions-hero p{
font-size:20px;
line-height:1.7;
}


.hero-features{
display:flex;
gap:25px;
margin-top:45px;
}


.hero-features div{
text-align:center;
}


.hero-features b{
display:block;
font-size:17px;
}


.hero-features small{
opacity:.8;
}


.hero-laptop{
position:relative;
z-index:2;
width:50%;
}


.hero-laptop img{
width:100%;
filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));
}


@media(max-width:900px){

.solutions-hero{
flex-direction:column;
}

.hero-content,
.hero-laptop{
width:100%;
}

.solutions-hero h1{
font-size:38px;
}

}



/* ===== FINAL HERO MACBOOK FIX ===== */

.hero-laptop{
    width: 55%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    z-index:2;
}

.hero-laptop .macbook{
    width:100%;
    max-width:720px;
    position:relative;
    background:#d9dde3;
    border-radius:18px;
    padding:12px 12px 35px;
    box-shadow:
    0 30px 60px rgba(0,0,0,.35);
}

.hero-laptop .macbook .screen{
    width:100%;
    overflow:hidden;
    border-radius:10px;
    background:#000;
}

.hero-laptop .macbook .screen img{
    width:100%;
    height:auto;
    display:block;
}

.hero-laptop .macbook:after{
    content:"";
    position:absolute;
    bottom:10px;
    left:35%;
    width:30%;
    height:6px;
    background:#aeb6c1;
    border-radius:20px;
}


@media(max-width:992px){

.hero-laptop{
    width:100%;
    margin-top:40px;
}

.hero-laptop .macbook{
    max-width:500px;
}

}


/* ===== HERO GOLD ACCENT LINE ===== */

.solutions-hero h1::after{
    content:"";
    display:block;
    width:85px;
    height:5px;
    margin-top:28px;
    background:#D8A928;
    border-radius:10px;
    box-shadow:0 0 12px rgba(216,169,40,.45);
}


/* improve badge visibility */

.hero-badge{
    background:#D8A928 !important;
    color:#ffffff !important;
    opacity:1 !important;
    font-weight:700;
}


/* FINAL HERO ALIGNMENT */

.hero-content{
    position:relative;
}

.hero-badge{
    display:inline-block !important;
    margin-bottom:25px;
    background:#D8A928 !important;
    color:#fff !important;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
}


.hero-laptop{
    transform:translateY(-35px);
}


@media(max-width:992px){
.hero-laptop{
    transform:none;
}
}


/* ===== HERO FEATURE CARDS - PROFESSIONAL STYLE ===== */

.hero-features{
    display:grid;
    grid-template-columns:repeat(4, minmax(140px, 1fr));
    gap:18px;
    margin-top:38px;
    max-width:720px;
}

.hero-features > div{
    position:relative;
    padding:20px 18px 18px;
    border-radius:18px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.10);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:
        0 12px 30px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.08);
    transition:all .25s ease;
    overflow:hidden;
    min-height:110px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.hero-features > div::before{
    content:"";
    position:absolute;
    top:14px;
    left:18px;
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(135deg, rgba(216,169,40,0.25), rgba(255,255,255,0.08));
    border:1px solid rgba(216,169,40,0.28);
    box-shadow:0 0 18px rgba(216,169,40,0.10);
}

.hero-features > div::after{
    content:"";
    position:absolute;
    top:27px;
    left:31px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#D8A928;
    box-shadow:0 0 10px rgba(216,169,40,0.45);
}

.hero-features > div:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,0.11);
    border-color:rgba(216,169,40,0.28);
    box-shadow:
        0 18px 40px rgba(0,0,0,0.22),
        0 0 0 1px rgba(216,169,40,0.08),
        0 0 24px rgba(216,169,40,0.10);
}

.hero-features > div b{
    display:block;
    font-size:1.45rem;
    line-height:1.05;
    font-weight:800;
    color:#ffffff;
    margin-top:40px;
    margin-bottom:6px;
    letter-spacing:-0.3px;
}

.hero-features > div small{
    display:block;
    font-size:1rem;
    line-height:1.35;
    color:rgba(255,255,255,0.82);
    font-weight:500;
}

.hero-features > div:nth-child(3) b{
    font-size:1.25rem;
}

.hero-features > div:nth-child(4) b{
    font-size:1.28rem;
}

@media (max-width: 1200px){
    .hero-features{
        grid-template-columns:repeat(2, minmax(160px, 1fr));
        max-width:480px;
    }
}

@media (max-width: 768px){
    .hero-features{
        grid-template-columns:1fr 1fr;
        gap:14px;
        max-width:100%;
    }

    .hero-features > div{
        min-height:100px;
        padding:18px 15px 16px;
    }

    .hero-features > div b{
        font-size:1.15rem;
        margin-top:38px;
    }

    .hero-features > div small{
        font-size:.9rem;
    }
}

@media (max-width: 520px){
    .hero-features{
        grid-template-columns:1fr;
    }
}


/* ===== PREMIUM HERO CARDS FINAL ===== */

.hero-features > div{
    min-height:95px;
    padding:18px 16px 15px;
    border-radius:20px;
}

.hero-features > div::before{
    width:38px;
    height:38px;
    border-radius:12px;
    top:14px;
    left:16px;
}

.hero-features > div::after{
    top:25px;
    left:27px;
    width:16px;
    height:16px;
    background:#D8A928;
}


/* replace dots with icons */

.hero-features > div:nth-child(1)::after{
    content:"▣";
    background:none;
    color:#D8A928;
    font-size:18px;
    box-shadow:none;
}

.hero-features > div:nth-child(2)::after{
    content:"🛒";
    background:none;
    color:#D8A928;
    font-size:15px;
    box-shadow:none;
}

.hero-features > div:nth-child(3)::after{
    content:"⌘";
    background:none;
    color:#D8A928;
    font-size:20px;
    box-shadow:none;
}

.hero-features > div:nth-child(4)::after{
    content:"↗";
    background:none;
    color:#D8A928;
    font-size:22px;
    box-shadow:none;
}


.hero-features > div b{
    font-size:1.25rem;
    margin-top:34px;
}

.hero-features > div small{
    font-size:.9rem;
}


@media(max-width:768px){
.hero-features > div{
    min-height:90px;
}
}


/* ===== FINAL FEATURE ICONS ===== */

.hero-features > div::after{
    background:none !important;
    box-shadow:none !important;
    font-family:Arial, sans-serif;
    font-weight:700;
}


/* Inventory */
.hero-features > div:nth-child(1)::after{
    content:"▣";
    font-size:22px;
    color:#D8A928;
}


/* Sales */
.hero-features > div:nth-child(2)::after{
    content:"$";
    font-size:22px;
    color:#D8A928;
}


/* Branch */
.hero-features > div:nth-child(3)::after{
    content:"⌘";
    font-size:24px;
    color:#D8A928;
}


/* Reports */
.hero-features > div:nth-child(4)::after{
    content:"↗";
    font-size:25px;
    color:#D8A928;
}


/* ===== COMPACT HERO FEATURE CARDS ===== */

.hero-features{
    display:flex;
    gap:14px;
    margin-top:32px;
    max-width:680px;
}

.hero-features > div{
    width:150px;
    min-height:78px;
    padding:14px 14px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}


.hero-features > div::before{
    width:32px;
    height:32px;
    top:12px;
    left:12px;
    border-radius:10px;
}


.hero-features > div::after{
    top:20px;
    left:21px;
    font-size:16px;
}


.hero-features > div b{
    font-size:1.05rem;
    margin-top:28px;
    margin-bottom:3px;
    white-space:nowrap;
}


.hero-features > div small{
    font-size:.82rem;
}


.hero-features > div:nth-child(3) b,
.hero-features > div:nth-child(4) b{
    font-size:1rem;
}


@media(max-width:900px){

.hero-features{
    flex-wrap:wrap;
}

.hero-features > div{
    width:140px;
}

}


/* FIX HERO CARD ICON POSITION */

.hero-features > div{
    position:relative;
    padding:14px 16px 12px;
    height:92px;
    justify-content:flex-end;
}


.hero-features > div::before{
    position:absolute;
    top:10px;
    left:14px;
    width:30px;
    height:30px;
}


.hero-features > div::after{
    position:absolute;
    top:17px;
    left:22px;
    font-size:15px;
}


.hero-features > div b{
    margin-top:0;
    line-height:1.1;
    position:relative;
    z-index:2;
}


.hero-features > div small{
    position:relative;
    z-index:2;
    margin-top:4px;
}



/* HERO FEATURE CARDS FINAL FIX */

.hero-features > div{
    position:relative !important;
    height:105px !important;
    padding:45px 14px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;
    overflow:hidden;
}


/* icon box */
.hero-features > div::before{
    content:"";
    position:absolute !important;
    top:12px !important;
    left:14px !important;
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
    border:1px solid rgba(220,170,40,.5);
    background:rgba(220,170,40,.08);
}


/* icon */
.hero-features > div::after{
    top:20px !important;
    left:23px !important;
    font-size:16px !important;
}


/* text */
.hero-features b{
    position:relative !important;
    z-index:3;
    display:block !important;
    line-height:1.1 !important;
    margin:0 !important;
}


.hero-features small{
    position:relative !important;
    z-index:3;
    display:block !important;
    margin-top:5px !important;
}




/* ===== HOME HERO SAME AS SOLUTIONS ===== */

.hero-premium .badge{
    background:#D8A928;
    color:white;
    padding:8px 22px;
    border-radius:30px;
    font-weight:700;
    display:inline-block;
}


.hero-premium h1::after{
    content:"";
    display:block;
    width:85px;
    height:5px;
    margin-top:22px;
    background:#D8A928;
    border-radius:10px;
}


.hero-dashboard .macbook{
    transform:translateY(-25px);
    box-shadow:0 30px 60px rgba(0,0,0,.35);
}


.hero-premium .hero-features{
    display:flex;
    gap:14px;
    margin-top:32px;
}


.hero-premium .hero-features > div{
    width:145px;
    height:92px;
    padding:42px 14px 12px;
    position:relative;
    border-radius:16px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    overflow:hidden;
}


.hero-premium .hero-features > div:before{
    content:"";
    position:absolute;
    top:12px;
    left:14px;
    width:30px;
    height:30px;
    border-radius:10px;
    background:rgba(216,169,40,.15);
    border:1px solid rgba(216,169,40,.4);
}


.hero-premium .hero-features b{
    color:white;
    font-size:1.05rem;
    display:block;
}


.hero-premium .hero-features small{
    color:rgba(255,255,255,.8);
}


@media(max-width:992px){

.hero-premium .hero-features{
    flex-wrap:wrap;
}

.hero-premium .hero-features > div{
    width:140px;
}

}




/* ===== FIX HOME HERO CARDS ===== */

.hero-premium .hero-features > div{

background:rgba(255,255,255,0.08) !important;

border:1px solid rgba(255,255,255,0.18) !important;

box-shadow:0 10px 30px rgba(0,0,0,.15);

color:white !important;

height:110px;

padding:48px 18px 15px !important;

}


.hero-premium .hero-features b{

color:#ffffff !important;

font-size:18px;

}


.hero-premium .hero-features small{

color:rgba(255,255,255,.75) !important;

font-size:14px;

}


/* Icon position */

.hero-premium .hero-features > div:before{

top:12px !important;

left:18px !important;

}


/* Gold Badge */

.hero-premium .hero-badge{

background:#D8A928 !important;

color:white !important;

border-radius:30px;

padding:9px 24px;

font-weight:700;

}


/* Gold line */

.hero-premium h1:after{

content:"";

display:block;

width:90px;

height:5px;

background:#D8A928;

border-radius:10px;

margin-top:25px;

}




/* ===== VENO HOME HERO FINAL LAYOUT ===== */

.hero-premium,
.home-hero{

padding:90px 7% !important;

min-height:650px;

display:flex;

align-items:center;

overflow:hidden;

}


.hero-content{

width:50%;

z-index:2;

}


.hero-content h1{

font-size:64px !important;

line-height:1.08;

font-weight:800;

margin-bottom:25px;

}


.hero-content h1 span{

color:#9BE3C0 !important;

}


.hero-content h1:after{

content:"";

display:block;

width:90px;

height:5px;

background:#D9AA28;

margin-top:25px;

border-radius:10px;

}



.hero-content p{

font-size:21px;

line-height:1.7;

max-width:650px;

}



.hero-laptop{

width:50%;

display:flex;

justify-content:center;

align-items:center;

}



.hero-laptop img{

width:720px;

max-width:none;

filter:drop-shadow(0 30px 40px rgba(0,0,0,.25));

}



.hero-features{

display:flex;

gap:18px;

margin-top:40px;

}


.hero-features > div{

width:140px;

height:100px;

padding:18px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.2);

border-radius:20px;

position:relative;

}


.hero-features b{

display:block;

margin-top:35px;

font-size:17px;

color:white;

}


.hero-features small{

color:#cbd5d1;

}


.hero-features > div:before{

position:absolute;

top:12px;

left:15px;

}


@media(max-width:900px){

.hero-content,
.hero-laptop{

width:100%;

}

.hero-premium,
.home-hero{

flex-direction:column;

}

.hero-content h1{

font-size:42px !important;

}

}




/* ===== HOME HERO FINAL FIX ===== */
.home-hero-fixed{
    background: linear-gradient(180deg, #f7faf8 0%, #eef5f2 100%) !important;
    padding: 72px 7% 56px !important;
    min-height: 680px !important;
    display: grid !important;
    grid-template-columns: 1.05fr 0.95fr !important;
    align-items: center !important;
    gap: 48px !important;
    overflow: hidden !important;
}

.home-hero-fixed .home-hero-content{
    max-width: 680px;
}

.home-hero-fixed .hero-badge{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    background: #d9aa28 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .3px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 10px 24px rgba(217,170,40,.22) !important;
}

.home-hero-fixed .home-hero-content h1{
    font-size: clamp(48px, 6vw, 78px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    color: #06654a !important;
    margin: 0 0 22px 0 !important;
    letter-spacing: -1.5px !important;
}

.home-hero-fixed .home-hero-content h1 span{
    color: #0b7a5b !important;
}

.home-hero-fixed .home-hero-content h1::after{
    content: "";
    display: block;
    width: 96px;
    height: 5px;
    margin-top: 24px;
    border-radius: 999px;
    background: #d9aa28;
}

.home-hero-fixed .home-hero-content p{
    font-size: 18px !important;
    line-height: 1.75 !important;
    color: #55657a !important;
    max-width: 620px !important;
    margin: 0 0 30px 0 !important;
}

.home-hero-fixed .home-hero-mockup{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
}

.home-hero-fixed .home-hero-mockup img{
    width: min(100%, 650px) !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: drop-shadow(0 24px 42px rgba(0,0,0,.18)) !important;
    margin: 0 auto !important;
}

.home-hero-fixed .home-feature-cards{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
    gap: 14px !important;
    margin-top: 30px !important;
    max-width: 720px !important;
}

.home-hero-fixed .home-feature-cards > div{
    position: relative !important;
    min-height: 108px !important;
    padding: 18px 16px 16px 16px !important;
    border-radius: 18px !important;
    background: rgba(6,101,74,.07) !important;
    border: 1px solid rgba(6,101,74,.14) !important;
    box-shadow: 0 10px 30px rgba(6,101,74,.08) !important;
    backdrop-filter: blur(8px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
}

.home-hero-fixed .home-feature-cards > div::before{
    top: 14px !important;
    left: 14px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(217,170,40,.45) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 10px 20px rgba(6,101,74,.08) !important;
    color: #d9aa28 !important;
    font-size: 16px !important;
}

.home-hero-fixed .home-feature-cards > div b{
    display: block !important;
    margin: 0 !important;
    padding-top: 0 !important;
    color: #13372d !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.home-hero-fixed .home-feature-cards > div small{
    display: block !important;
    margin-top: 4px !important;
    color: #5f6f80 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.home-hero-fixed .home-feature-cards > div:hover{
    transform: translateY(-4px);
    border-color: rgba(217,170,40,.45) !important;
    box-shadow: 0 18px 36px rgba(6,101,74,.12) !important;
}

@media (max-width: 1100px){
    .home-hero-fixed{
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        padding: 60px 6% 44px !important;
    }

    .home-hero-fixed .home-hero-content{
        max-width: 100% !important;
    }

    .home-hero-fixed .home-hero-mockup{
        order: 2 !important;
    }

    .home-hero-fixed .home-feature-cards{
        grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
        max-width: 100% !important;
    }
}

@media (max-width: 640px){
    .home-hero-fixed .home-hero-content h1{
        font-size: 42px !important;
    }

    .home-hero-fixed .home-feature-cards{
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    .home-hero-fixed .home-feature-cards > div{
        min-height: 98px !important;
        padding: 16px 14px 14px 14px !important;
    }

    .home-hero-fixed .home-feature-cards > div b{
        font-size: 15px !important;
    }

    .home-hero-fixed .home-feature-cards > div small{
        font-size: 13px !important;
    }
}


/* ===== FINAL HOME HERO ALIGNMENT ===== */

.home-hero-fixed{

padding-top:120px !important;
padding-bottom:80px !important;

min-height:720px !important;

}


.home-hero-fixed .home-hero-content{

padding-top:20px !important;

}


.home-hero-fixed .home-hero-content h1{

margin-top:0 !important;

font-size:72px !important;

}


.home-hero-fixed .home-hero-mockup img{

width:560px !important;

max-width:560px !important;

transform:translateY(20px);

}



.home-hero-fixed .home-feature-cards{

margin-top:25px !important;

}


.home-hero-fixed .home-feature-cards > div{

height:105px !important;

min-height:105px !important;

background:rgba(6,101,74,.10) !important;

}


.home-hero-fixed .home-feature-cards > div::before{

top:12px !important;

}


.home-hero-fixed .home-feature-cards b{

margin-top:0 !important;

padding-top:35px !important;

}


@media(max-width:1100px){

.home-hero-fixed .home-hero-content h1{

font-size:52px !important;

}


.home-hero-fixed .home-hero-mockup img{

width:480px !important;

}

}




/* ===== HOME HERO FINAL FIX ===== */

.home-hero-fixed{
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    min-height: auto !important;
}

.home-hero-fixed .container,
.home-hero-fixed .hero-container,
.home-hero-fixed .home-hero-inner{
    align-items: center !important;
}

.home-hero-fixed .home-hero-content,
.home-hero-fixed .hero-content{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.home-hero-fixed .home-hero-mockup,
.home-hero-fixed .hero-mockup,
.home-hero-fixed .macbook-mockup{
    position: relative !important;
    max-width: 560px !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* شيل أي زيادات/أجناب إضافية */
.home-hero-fixed .home-hero-mockup::before,
.home-hero-fixed .home-hero-mockup::after,
.home-hero-fixed .hero-mockup::before,
.home-hero-fixed .hero-mockup::after,
.home-hero-fixed .macbook-mockup::before,
.home-hero-fixed .macbook-mockup::after{
    display: none !important;
    content: none !important;
}

.home-hero-fixed .home-hero-mockup img,
.home-hero-fixed .hero-mockup img,
.home-hero-fixed .macbook-mockup img{
    width: 100% !important;
    max-width: 540px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    border-radius: 18px !important;
}

/* تقليل الفراغ الداخلي */
.home-hero-fixed .home-feature-cards,
.home-hero-fixed .hero-features{
    margin-top: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    max-width: 700px !important;
}

/* الكروت */
.home-hero-fixed .home-feature-cards > div,
.home-hero-fixed .hero-features > div{
    position: relative !important;
    min-height: 95px !important;
    padding: 16px 14px 14px !important;
    border-radius: 18px !important;
    background: rgba(10, 89, 69, 0.08) !important;
    border: 1px solid rgba(10, 89, 69, 0.12) !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
}

/* أيقونة الكارت */
.home-hero-fixed .home-feature-cards > div::before,
.home-hero-fixed .hero-features > div::before{
    top: 12px !important;
    left: 14px !important;
    width: 34px !important;
    height: 34px !important;
    transform: none !important;
    border-radius: 10px !important;
}

/* عنوان الكارت */
.home-hero-fixed .home-feature-cards > div b,
.home-hero-fixed .hero-features > div b{
    display: block !important;
    margin: 26px 0 3px 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #0b2e26 !important;
}

/* وصف الكارت */
.home-hero-fixed .home-feature-cards > div small,
.home-hero-fixed .hero-features > div small{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    color: #516274 !important;
}

/* عنوان الهيرو */
.home-hero-fixed h1{
    margin-bottom: 18px !important;
}

.home-hero-fixed p{
    max-width: 620px !important;
}

/* موبايل */
@media (max-width: 991px){
    .home-hero-fixed{
        padding-top: 32px !important;
        padding-bottom: 36px !important;
    }

    .home-hero-fixed .home-feature-cards,
    .home-hero-fixed .hero-features{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-hero-fixed .home-hero-mockup,
    .home-hero-fixed .hero-mockup,
    .home-hero-fixed .macbook-mockup{
        max-width: 100% !important;
        margin-top: 24px !important;
    }

    .home-hero-fixed .home-hero-mockup img,
    .home-hero-fixed .hero-mockup img,
    .home-hero-fixed .macbook-mockup img{
        max-width: 100% !important;
    }
}



/* ===== MOCKUP LEFT BLACK PART FIX ===== */

/* الحاوية الأساسية للموك اب */
.hero-laptop,
.hero-mockup,
.macbook-mockup,
.home-hero-mockup,
.page-hero-mockup,
.hero-image-mockup {
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    max-width: 560px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* إزالة أي أجزاء إضافية طالعة من الجنب */
.hero-laptop::before,
.hero-laptop::after,
.hero-mockup::before,
.hero-mockup::after,
.macbook-mockup::before,
.macbook-mockup::after,
.home-hero-mockup::before,
.home-hero-mockup::after,
.page-hero-mockup::before,
.page-hero-mockup::after,
.hero-image-mockup::before,
.hero-image-mockup::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* الصورة نفسها */
.hero-laptop img,
.hero-mockup img,
.macbook-mockup img,
.home-hero-mockup img,
.page-hero-mockup img,
.hero-image-mockup img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 2 !important;
}

/* لو فيه عنصر داخلي عامل الزيادة السوداء */
.hero-laptop .mockup-side,
.hero-laptop .mockup-extra,
.hero-laptop .mockup-left,
.macbook-mockup .mockup-side,
.macbook-mockup .mockup-extra,
.macbook-mockup .mockup-left,
.hero-mockup .mockup-side,
.hero-mockup .mockup-extra,
.hero-mockup .mockup-left {
    display: none !important;
}

/* منع أي بروز خارج الموك اب */
.hero-laptop *,
.hero-mockup *,
.macbook-mockup * {
    max-width: 100%;
}


/* ===== FINAL MACBOOK MOCKUP CLEAN FIX ===== */

.hero-laptop .macbook{
    width:100% !important;
    max-width:600px !important;
    margin:0 auto !important;
    transform:none !important;
    filter:drop-shadow(0 25px 40px rgba(0,0,0,.15)) !important;
    overflow:hidden !important;
}

.hero-laptop .mac-top{
    width:100% !important;
}

.hero-laptop .mac-screen{
    width:100% !important;
    background:#000 !important;
    padding:8px !important;
}

.hero-laptop .mac-screen img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
}

.hero-laptop .mac-base{
    width:100% !important;
}

/* remove black side overflow */
.hero-laptop,
.hero-laptop *{
    box-sizing:border-box !important;
}

.hero-laptop{
    overflow:hidden !important;
}

.hero-laptop:before,
.hero-laptop:after{
    display:none !important;
}



/* ===== CLEAN HOME MOCKUP ONLY ===== */

.home-laptop-clean{

width:620px;

max-width:100%;

margin:auto;

position:relative;

}


.home-laptop-clean img{

width:100%;

height:auto;

display:block;

object-fit:contain;

filter:drop-shadow(0 35px 45px rgba(0,0,0,.18));

border-radius:14px;

}


/* disable old home mac styles */

.hero-dashboard .macbook,
.hero-dashboard .mac-top,
.hero-dashboard .mac-screen,
.hero-dashboard .mac-base{

display:none !important;

}




/* ===== HOME LAPTOP MOCKUP RESTORE ===== */

.home-laptop-clean{
    width:620px;
    max-width:100%;
    margin:auto;
}


.laptop-frame{
    background:#111;
    padding:10px;
    border-radius:18px 18px 8px 8px;
    box-shadow:0 30px 60px rgba(0,0,0,.25);
}


.laptop-screen{
    overflow:hidden;
    border-radius:10px;
    background:white;
}


.laptop-screen img{
    width:100%;
    display:block;
}


.laptop-frame:after{
    content:"";
    display:block;
    height:16px;
    margin:10px -10px -26px;
    background:linear-gradient(#ddd,#aaa);
    border-radius:0 0 25px 25px;
}


/* Move Home Mockup Up */

.hero-dashboard{
    align-self:flex-start;
    transform:translateY(-90px);
}


.home-laptop-clean{
    margin-top:0 !important;
}


@media(max-width:900px){

.hero-dashboard{
    transform:translateY(0);
}

}




/* ===== HOME HERO TYPOGRAPHY SIZE ===== */

.hero-content h1{
    font-size:64px !important;
    line-height:1.05 !important;
    letter-spacing:-1px;
}


.hero-content p{
    font-size:20px !important;
    line-height:1.6;
}


@media(max-width:1200px){

.hero-content h1{
    font-size:52px !important;
}

}




/* ===== HOME ONLY HERO TITLE SIZE ===== */

.home-hero-fixed .hero-text h1{
    font-size:72px !important;
    line-height:1.05 !important;
    margin-bottom:25px;
}


.home-hero-fixed .hero-text p{
    font-size:20px !important;
    line-height:1.6;
}


@media(max-width:1200px){

.home-hero-fixed .hero-text h1{
    font-size:58px !important;
}

}




/* ===== FINAL HOME HERO COMPACT ===== */

.home-hero-fixed .hero-text h1{
    font-size:58px !important;
    line-height:1 !important;
    letter-spacing:-1.5px;
    margin-bottom:20px !important;
}


.home-hero-fixed .hero-text p{
    font-size:18px !important;
    max-width:520px;
    line-height:1.5;
}


.home-hero-fixed{
    padding-top:40px !important;
    padding-bottom:40px !important;
}


.home-hero-fixed .hero-dashboard{
    transform:translateY(-20px);
}


@media(max-width:1200px){

.home-hero-fixed .hero-text h1{
    font-size:48px !important;
}

}




/* ===== ULTRA COMPACT HOME HERO ===== */

.home-hero-fixed{
    padding-top:20px !important;
    padding-bottom:20px !important;
    min-height:auto !important;
}


.home-hero-fixed .hero-text h1{
    font-size:46px !important;
    line-height:0.95 !important;
    letter-spacing:-2px;
    margin-bottom:12px !important;
}


.home-hero-fixed .hero-text p{
    font-size:16px !important;
    line-height:1.45 !important;
    margin-bottom:15px !important;
}


.home-hero-fixed .hero-dashboard{
    transform:translateY(-45px);
}


.home-hero-fixed .hero-text{
    transform:translateY(-20px);
}



@media(max-width:1200px){

.home-hero-fixed .hero-text h1{
    font-size:42px !important;
}

}



/* FINAL HOME HERO FIX */

.home-hero-fixed{
    padding-top:60px !important;
}

.home-hero-fixed .hero-text h1::after{
    margin-top:25px !important;
}

.home-hero-fixed .hero-text{
    padding-top:20px !important;
}



/* VENO MOBILE HEADER */

.mobile-menu-btn{
    display:none;
    background:none;
    border:0;
    font-size:28px;
    color:#00563F;
    cursor:pointer;
}


@media(max-width:900px){

.veno-header{
    padding:15px 20px;
}

.veno-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.veno-logo img{
    width:120px;
}


.mobile-menu-btn{
    display:block;
}


.veno-nav{
    display:none;
    position:absolute;
    top:80px;
    left:20px;
    right:20px;
    background:white;
    padding:25px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    z-index:9999;
}


.veno-nav.active{
    display:flex;
    flex-direction:column;
    gap:18px;
}


.veno-actions{
    display:none;
}

}




/* ===============================
   PREMIUM MOBILE HEADER
================================ */

@media(max-width:900px){

.veno-header{
    height:75px;
    padding:12px 18px;
}

.veno-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.veno-logo img{
    width:125px;
    height:auto;
}


.mobile-menu-btn{
    order:3;
    width:42px;
    height:42px;
    border-radius:10px;
    background:#00563F;
    color:white;
    font-size:22px;
}


.veno-nav{
    display:none!important;
}


.veno-nav.active{
    display:flex!important;
}


.veno-actions{
    display:none!important;
}

}


/* ===============================
 FEATURES MOBILE HERO
================================ */

@media(max-width:900px){

.features-hero,
.page-hero{
    min-height:330px!important;
    padding:70px 25px!important;
}


.features-hero h1,
.page-hero h1{

font-size:34px!important;
line-height:1.25!important;
margin-bottom:20px!important;

}


.features-hero p,
.page-hero p{

font-size:16px!important;
line-height:1.8!important;

}


}


/* ===============================
 FEATURE CARDS MOBILE
================================ */

@media(max-width:900px){

.solution-card,
.feature-card{

margin:15px 20px!important;
padding:35px 25px!important;
border-radius:25px!important;

}


.solution-card h3,
.feature-card h3{

font-size:22px!important;

}


.solution-card p,
.feature-card p{

font-size:16px!important;

}

}




/* ================================
   FINAL MOBILE PREMIUM POLISH
================================ */

@media(max-width:900px){


/* Header */

.veno-header{
    height:70px!important;
    padding:10px 18px!important;
}


.veno-logo img{
    width:110px!important;
}


.mobile-menu-btn{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:18px!important;
}



/* Hero Sections */

.features-hero,
.page-hero,
.solution-hero{

    min-height:290px!important;
    padding:55px 22px 45px!important;
    display:flex;
    align-items:center;
}


.features-hero h1,
.page-hero h1,
.solution-hero h1{

    font-size:30px!important;
    line-height:1.25!important;
    margin-bottom:18px!important;

}


.features-hero p,
.page-hero p,
.solution-hero p{

    font-size:15px!important;
    line-height:1.7!important;
    max-width:330px;
    margin:auto;

}



/* Cards */

.feature-card,
.solution-card{

    margin:18px 16px!important;
    padding:32px 22px!important;
    border-radius:28px!important;

}


.feature-card h3,
.solution-card h3{

    font-size:21px!important;
    margin-bottom:14px!important;

}


.feature-card p,
.solution-card p{

    font-size:15px!important;
    line-height:1.7!important;

}


/* Remove extra empty spaces */

section{
    overflow:hidden;
}


}




/* ================================
   HOME MOBILE HERO FIX
================================ */

@media(max-width:900px){


.home-hero-fixed{

    padding:45px 20px 40px!important;
    min-height:auto!important;

}


.home-hero-fixed .hero-text{

    text-align:left!important;

}


.home-hero-fixed h1{

    font-size:42px!important;
    line-height:1.15!important;
    margin-bottom:25px!important;

}


.home-hero-fixed h2{

    font-size:28px!important;
    line-height:1.35!important;
    margin-bottom:18px!important;

}


.home-hero-fixed p{

    font-size:16px!important;
    line-height:1.7!important;

}



.home-feature-cards{

    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-top:25px!important;

}


.home-feature-cards > div{

    padding:18px!important;
    border-radius:20px!important;

}



.home-dashboard{

    margin-top:30px!important;

}


.hero-dashboard{

    transform:none!important;

}


}





/* ================================
   MOBILE HEADER ALIGNMENT FIX
================================ */

@media(max-width:900px){

.veno-header{
    height:72px!important;
    display:flex!important;
    align-items:center!important;
}


.veno-container{

    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

}


.veno-logo{

    display:flex!important;
    align-items:center!important;
    height:100%!important;

}


.veno-logo img{

    width:115px!important;
    display:block!important;

}


.mobile-menu-btn{

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:40px!important;
    height:40px!important;

    padding:0!important;
    margin:0!important;

    line-height:1!important;

}


}



/* FIX MOBILE HEADER POSITION */

@media(max-width:900px){

.veno-header{
    width:100%;
    height:72px!important;
}


.veno-container{

    width:100%!important;
    padding:0 18px!important;

    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;

}


.veno-logo{

    margin:0!important;
    display:flex!important;
    align-items:center!important;

}


.mobile-menu-btn{

    margin-left:auto!important;
    flex-shrink:0!important;

}


/* keep logo left */

.veno-logo img{

    width:120px!important;

}


}



/* ==================================
   COMPLETE MOBILE RESPONSIVE FIX
   HOME PAGE
================================== */

@media(max-width:768px){


html,body{
    overflow-x:hidden!important;
    width:100%!important;
}


/* Hero container */

.home-hero-fixed{

    width:100%!important;
    max-width:100%!important;
    padding:35px 22px!important;
    overflow:hidden!important;

}


.home-hero-fixed .hero-text{

    width:100%!important;
    max-width:100%!important;

}


/* Main title */

.home-hero-fixed h1{

    font-size:34px!important;
    line-height:1.15!important;
    word-break:normal!important;
    white-space:normal!important;

}


.home-hero-fixed h2{

    font-size:25px!important;
    line-height:1.35!important;
    width:100%!important;

}


.home-hero-fixed p{

    font-size:16px!important;
    width:100%!important;
    line-height:1.7!important;

}



/* Feature cards */

.home-feature-cards{

    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:15px!important;

}


.home-feature-cards > div{

    width:100%!important;
    min-height:120px!important;
    padding:20px!important;
    box-sizing:border-box!important;

}



/* Dashboard */

.hero-dashboard{

    width:100%!important;
    margin-top:30px!important;

}


.hero-dashboard img{

    max-width:100%!important;
    height:auto!important;

}


}



/* ==================================
   FINAL HOME MOBILE OVERFLOW FIX
================================== */

@media(max-width:768px){

html,body{
    width:100%;
    overflow-x:hidden!important;
}

.hero-premium{
    width:100%!important;
    max-width:100%!important;
    padding:40px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:30px!important;
    overflow:hidden!important;
}


.hero-text{
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
}


.hero-text h1{
    font-size:38px!important;
    line-height:1.2!important;
    white-space:normal!important;
    word-break:break-word!important;
}


.hero-text h2{
    font-size:26px!important;
    line-height:1.4!important;
}


.hero-text p{
    font-size:16px!important;
    line-height:1.7!important;
}


.hero-features,
.home-feature-cards{

    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;

}


.hero-features > div,
.home-feature-cards > div{

    width:100%!important;
    min-width:0!important;

}


.hero-image,
.hero-dashboard{

    width:100%!important;
    max-width:100%!important;

}


.hero-dashboard img,
.hero-image img{

    width:100%!important;
    height:auto!important;

}

}