/* ===== GLOBAL ===== */
body{
margin:0;
font-family:'Poppins',sans-serif;
background:#f4f6f9;
color:#333;
line-height:1.6;
}

/* ===== NAVBAR ===== */
nav{
background:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 60px;
box-shadow:0 3px 20px rgba(0,0,0,0.05);
position:sticky;
top:0;
z-index:1000;
}

nav img{
height:50px;
}

nav a{
text-decoration:none;
color:#333;
margin-left:30px;
font-weight:500;
transition:0.3s;
}

nav a:hover{
color:#f47b20;
}

/* ===== NAVBAR hamberger index ===== */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
position:relative;
background:white;
}

.nav-links{
display:flex;
gap:30px;
list-style:none;
}

.nav-links li{
list-style:none;
}

.nav-links a{
text-decoration:none;
color:#222;
font-weight:500;
}

/* HAMBURGER */

.menu-toggle{
display:none;
flex-direction:column;
cursor:pointer;
gap:6px;
}

.menu-toggle span{
width:28px;
height:3px;
background:#222;
transition:0.3s;
}

/* MOBILE */

@media(max-width:768px){

.nav-links{
position:absolute;
top:100%;
right:0;
width:100%;
background:white;
flex-direction:column;
align-items:center;
padding:30px 0;
display:none;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.nav-links.active{
display:flex;
}

.menu-toggle{
display:flex;
}

}

/* ===== HERO SECTION ===== */
.hero{
position:relative;
height:100vh;
background:
linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url('images/BG web.png');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
padding:20px;
}

.hero h1{
font-size:60px;
font-weight:700;
margin-bottom:20px;
max-width:900px;
}

.hero p{
font-size:22px;
margin-bottom:40px;
}

.btn-primary{
background:#f47b20;
color:white;
padding:14px 30px;
border:none;
border-radius:6px;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

.btn-primary:hover{
background:#d96512;
}

/* ===== SECTIONS ===== */
section{
padding:90px 20px;
max-width:1200px;
margin:auto;
}

.section-highlight{
background:#fff4ec;
}

h2{
text-align:center;
color:#f47b20;
margin-bottom:50px;
font-size:34px;
}

/* ===== GRID ===== */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:40px;
}

/* ===== CARD ===== */
.card{
background:white;
padding:35px;
border-radius:12px;
box-shadow:0 10px 40px rgba(0,0,0,0.05);
transition:0.3s;
}

.card:hover{
transform:translateY(-8px);
}

/* ===== STATS ===== */
.stats{
display:flex;
justify-content:center;
gap:100px;
flex-wrap:wrap;
text-align:center;
}

.stat-number{
font-size:40px;
font-weight:700;
color:#f47b20;
}

/* ===== CTA ===== */
.cta{
position:relative;
height:68vh;
background:
linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url("https://plus.unsplash.com/premium_photo-1770303841205-3e4773f789c7?q=80&w=1034&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
padding:20px;
}

/* ===== FOOTER ===== */
footer{
background:#111;
color:white;
padding:50px 20px;
text-align:center;
}
/* ===== FORM STYLING ===== */

form{
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 10px 40px rgba(0,0,0,0.05);
max-width:900px;
margin:auto;
}

.form-row{
display:flex;
gap:30px;
flex-wrap:wrap;
}

.form-group{
flex:1;
display:flex;
flex-direction:column;
margin-bottom:20px;
}

label{
font-weight:600;
margin-bottom:8px;
}

input, textarea{
padding:12px;
border:1px solid #ccc;
border-radius:6px;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

input:focus, textarea:focus{
border-color:#f47b20;
outline:none;
}

.input-error{
border:2px solid #e53935 !important;
background:#fff5f5;
}

.error-message{
color:#e53935;
font-size:14px;
margin-top:5px;
}

/* ===== SERVICE CTA ===== */

.cta-service{
text-align:center;
padding:80px 20px;
background:#f47b20;
color:white;
margin-top:80px;
}

.cta-service h2{
color:white;
margin-bottom:20px;
}

.cta-service p{
margin-bottom:30px;
font-size:18px;
}

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

.cta-premium{
position:relative;
background:
linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1920');
background-size:cover;
background-position:center;
background-attachment:fixed;
padding:140px 20px;
text-align:center;
color:white;
margin-top:120px;
overflow:hidden;
}

/* Glass content box */
.cta-content{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(8px);
padding:60px;
border-radius:16px;
max-width:900px;
margin:auto;
box-shadow:0 20px 60px rgba(0,0,0,0.4);
}

.cta-content h2{
font-size:42px;
margin-bottom:20px;
}

.cta-content p{
font-size:20px;
margin-bottom:40px;
max-width:700px;
margin-left:auto;
margin-right:auto;
}

/* Premium Button */
.cta-btn-premium{
display:inline-block;
background:#f47b20;
color:white;
padding:18px 45px;
border-radius:8px;
font-weight:600;
text-decoration:none;
font-size:18px;
transition:all 0.3s ease;
position:relative;
}

.cta-btn-premium:hover{
background:#ff8a2d;
transform:translateY(-4px);
box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

/* Fade animation */
.fade-in{
opacity:0;
transform:translateY(30px);
transition:all 1s ease;
}

.fade-in.visible{
opacity:1;
transform:translateY(0);
}
/* Spinner */
.spinner{
display:none;
width:18px;
height:18px;
border:3px solid white;
border-top:3px solid transparent;
border-radius:50%;
animation:spin 0.8s linear infinite;
margin-left:10px;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

/* Success Message */
.success-message{
display:none;
margin-top:20px;
padding:15px;
background:#e8f5e9;
color:#2e7d32;
border-radius:6px;
font-weight:500;
}

/* ===== CORE SERVICE CTA ===== */

.core-service-cta{
text-align:center;
margin-top:10px;
padding-top:30px;
border-top:1px solid #eee;
}

.core-service-cta p{
font-size:18px;
margin-bottom:20px;
color:#555;
}

.btn-core-cta{
display:inline-block;
background:#f47b20;
color:white;
padding:14px 35px;
border-radius:6px;
font-weight:600;
text-decoration:none;
transition:all 0.3s ease;
}

.btn-core-cta:hover{
background:#d96512;
transform:translateY(-3px);
box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

/* ======LOGO =====*/
.logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logo {
    height: 60px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.logo:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 8px rgba(255,120,0,0.6));
}

/* ===== ENTERPRISE CTA ===== */

.enterprise-cta{
margin-top:30px;
padding:60px 30px;
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1920');
background-size:cover;
background-position:center;
color:white;
text-align:center;
border-radius:20px;
}

.enterprise-cta h2{
font-size:28px;
margin-bottom:10px;
}

.enterprise-cta p{
max-width:700px;
margin:0 auto 30px;
opacity:0.8;
}

.btn-enterprise{
display:inline-block;
padding:16px 40px;
background:#f47b20;
color:white;
text-decoration:none;
font-weight:600;
border-radius:8px;
transition:0.3s;
}

.btn-enterprise:hover{
background:#d96512;
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

/* CARD LAYOUT FIX */

.division-card{
display:flex;
flex-direction:column;
background:#f7f7f7;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
height:100%;
}

/* IMAGE FIXED AREA */
.division-image{
height:220px;
overflow:hidden;
}

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

/* CONTENT FLEX */
.division-content{
flex:1;
display:flex;
flex-direction:column;
padding:30px;
}

/* PUSH BUTTON TO BOTTOM */
.division-btn{
margin-top:auto;
display:inline-block;
padding:14px 30px;
background:#f47b20;
color:white;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:0.3s;
}

.division-btn:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.1);
transition:0.3s;
}