/* NAVBAR */

.ek-navbar{

background:linear-gradient(90deg,#071f1a,#0b2e26);
border-bottom:1px solid #1f8f5f;
padding:12px 0;

}

.navbar-brand{

font-size:22px;
color:#2ecc71 !important;
letter-spacing:1px;

}

.nav-link{

color:#cfe8e4 !important;
font-weight:500;
margin-right:10px;
padding:8px 14px !important;
border-radius:6px;

}

.nav-link:hover{

background:#143d35;
color:#2ecc71 !important;

}

.navbar-nav{

align-items:center;

}

/* ------------------------------
CONTAINER
------------------------------ */
/* CONTAINER SaaS */

.ek-container{

max-width:1400px;
margin:auto;

}

}

/* ------------------------------
FOOTER
------------------------------ */

.footer{

margin-top:60px;
padding:30px;
background:#081714;
border-top:1px solid #1f8f5f;

}

.footer p{

margin:0;
color:#aaa;

}

/* ------------------------------
SCROLLBAR
------------------------------ */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#0f1f1c;

}

::-webkit-scrollbar-thumb{

background:#1f8f5f;
border-radius:4px;

}


.form-container{

background:#132f29;
padding:40px;
border-radius:10px;
max-width:650px;
margin-top:20px;

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

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

}


label{

font-size:14px;
font-weight:600;
color:#b8e6d8;

}

input, select, textarea{

width:100%;
padding:12px 14px;

border-radius:6px;
border:1px solid #1f8f5f;

background:#0f2520;
color:white;

font-size:14px;

}

/* ------------------------------
PREVIEW WHATSAPP
------------------------------ */

.preview-box{

background:#122521;
border-radius:10px;
padding:20px;
margin-top:20px;
border:1px solid #1f8f5f;

}

#preview-msg{

background:white;
color:#222;
padding:15px;
border-radius:8px;
margin-top:10px;
font-size:15px;
line-height:1.5;
max-width:350px;

}