:root{
  /* Modern Knowledge Innovations - Brand Colors extracted from the logo */

	
  --mki-green:#194827;
  --mki-green-dark:#0F3F21;
  --mki-green-deep:#0B321A;
  --mki-green-light:#2D6B42;
  --mki-gold:#B99662;
  --mki-gold-dark:#9C7A45;
  --mki-gold-light:#E4D4B9;
  --mki-cream:#F8F4EC;
  --mki-paper:#F9F5EF;
  --mki-paper-2:#EFE4D0;
  --mki-white:#FFFFFF;
  --mki-dark:#1B2B20;
  --mki-muted:#6A6A62;
	    --font-primary:'Cairo',sans-serif;

  /* Backward-compatible variables used in the current HTML/CSS */
  --green:var(--mki-green);
  --green-2:var(--mki-green-dark);
  --green-3:var(--mki-green-light);
  --gold:var(--mki-gold);
  --gold-2:var(--mki-gold-light);
  --cream:var(--mki-gold-light);
  --paper:var(--mki-cream);
  --paper-2:var(--mki-paper);
  --dark:var(--mki-dark);
  --muted:var(--mki-muted);
  --white:var(--mki-white);
  --line:rgba(185,150,98,.24);
  --line-green:rgba(21,76,39,.12);
  --shadow:0 24px 70px rgba(21,76,39,.13);
  --shadow-soft:0 12px 35px rgba(21,76,39,.08);
  --grad:linear-gradient(135deg,#194827 0%,#1E5A33 46%,#B99662 100%);
  --gold-grad:linear-gradient(135deg,#B99662 0%,#E4D4B9 100%);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
 font-family:var(--font-primary);
  background:var(--mki-cream);
  color:var(--mki-dark);
  line-height:1.9;
  direction:rtl;
  overflow-x:hidden;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{
    width:min(1500px,94%);
    margin:auto;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 10% 10%,rgba(185,150,98,.12),transparent 32%),
    radial-gradient(circle at 90% 45%,rgba(21,76,39,.08),transparent 35%),
    linear-gradient(180deg,#F9F5EF 0%,#F8F4EC 100%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.055;
  background-image:
    linear-gradient(45deg,transparent 47%,var(--mki-gold) 48%,transparent 51%),
    linear-gradient(-45deg,transparent 47%,var(--mki-green) 48%,transparent 51%);
  background-size:86px 86px;
  pointer-events:none;
}

.topbar{background:var(--mki-green-dark);color:#F9F5EF;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}

.navbar{
  position:sticky;
  top:0;
  background:rgba(248,244,236,.95);
  backdrop-filter:blur(20px);
  z-index:30;
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 30px rgba(21,76,39,.06);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{
  width:150px;
  max-height:120px;
}
.brand strong{display:block;color:var(--mki-green);font-size:17px;line-height:1.25}
.brand span{display:block;color:var(--mki-gold);font-size:11px;line-height:1.25;font-family:Montserrat,Arial}
.nav-links{display:flex;gap:18px;align-items:center;font-weight:800;color:var(--mki-green);font-size:15px}
.nav-links a{position:relative;padding:8px 0;transition:.25s}
.nav-links a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:2px;background:var(--mki-gold);transition:.3s}
.nav-links a:hover,.nav-links a.active{color:var(--mki-gold-dark)}
.nav-links a:hover:after,.nav-links a.active:after{width:100%}
.menu-btn{display:none;background:var(--mki-green);color:#F9F5EF;border:0;border-radius:13px;width:44px;height:44px;font-size:24px;cursor:pointer}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:999px;
  padding:13px 26px;
  font-weight:900;
  border:1px solid transparent;
  cursor:pointer;
  transition:.25s;
  min-height:50px;
}
.btn-primary{
background: linear-gradient(
  135deg,
  #194827 0%,
  #1F5C32 35%,
  #A3895F 70%,
  #BB9A6E 100%
);
  color:#F9F5EF;
  border-color:var(--mki-green);
  box-shadow:0 14px 30px rgba(21,76,39,.24);
}
.btn-primary:hover{
  background:var(--mki-gold);
  border-color:var(--mki-gold);
  color:#F9F5EF;
  transform:translateY(-3px);
}
.btn-outline{
  border-color:var(--mki-gold);
  color:#F9F5EF;
background: linear-gradient(
  135deg,
  #194827 0%,
  #1F5C32 35%,
  #A3895F 70%,
  #BB9A6E 100%
);  
	box-shadow:var(--shadow-soft);
}
.btn-outline:hover{background:var(--mki-gold);border-color:var(--mki-green);color:#F9F5EF;transform:translateY(-3px)}

.pattern{position:relative;overflow:hidden}
.pattern:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 80% 10%,rgba(185,150,98,.18),transparent 34%),
    radial-gradient(circle at 15% 70%,rgba(21,76,39,.12),transparent 32%);
  pointer-events:none;
}

/* Hero Slider */
.hero-slider,
.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#F9F5EF 0%,#F8F4EC 50%,#EFE4D0 100%);
}
.hero-slider{min-height:690px}
.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .8s ease,transform 1.1s ease}
.slide.active{opacity:1;transform:scale(1)}
.slide-inner,
.hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:45px;
  align-items:center;
  min-height:690px;
}
.hero-content,.hero-grid>div:first-child{padding:80px 0}
.eyebrow{color:var(--mki-gold);font-weight:900;letter-spacing:.6px;font-family:Montserrat,Arial,sans-serif}
.hero-content h1,.page-hero h1,.hero-grid h1{
  font-size:clamp(40px,5.6vw,45px);
  line-height:1.13;
  margin:12px 0;
  color:var(--mki-green);
  letter-spacing:-1px;
}
.hero-content p,.page-hero p,.hero-grid p{font-size:20px;color:var(--mki-muted);max-width:710px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

.visual-card,
.hero-card{
  position:relative;
  background:linear-gradient(145deg,var(--mki-green),var(--mki-green-dark));
  border-radius:42px;
  padding:36px;
  color:#F9F5EF;
  min-height:470px;
  box-shadow:0 35px 100px rgba(21,76,39,.24);
  overflow:hidden;
}
.visual-card:before,.hero-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(228,212,185,.42);border-radius:32px;pointer-events:none}
.visual-card:after,.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-90px;bottom:-90px;background:rgba(185,150,98,.35);filter:blur(6px)}
.visual-logo,.hero-card img{position:relative;z-index:2;width:210px;margin:20px auto 26px;background:#F9F5EF;border-radius:34px;padding:20px}
.visual-card h2,.hero-card h2{position:relative;z-index:2;font-size:36px;line-height:1.25;margin:0 0 10px;color:#F9F5EF}
.visual-card p,.hero-card p{position:relative;z-index:2;color:rgba(255,255,255,.84);font-size:18px}
.floating-badge{position:absolute;z-index:3;background:#F9F5EF;color:var(--mki-green);border:1px solid var(--line);border-radius:20px;padding:13px 16px;box-shadow:var(--shadow);font-weight:900}
.badge-1{right:-12px;top:54px}.badge-2{left:20px;bottom:48px}
.slider-nav{position:absolute;z-index:6;right:50%;transform:translateX(50%);bottom:32px;display:flex;gap:10px}
.slider-dot{width:12px;height:12px;border-radius:999px;border:0;background:rgba(21,76,39,.25);cursor:pointer;transition:.25s}
.slider-dot.active{width:38px;background:var(--mki-gold)}
.slider-arrows{position:absolute;z-index:6;left:calc(4% + 10px);bottom:28px;display:flex;gap:10px}
.slider-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#F9F5EF;color:var(--mki-green);font-size:22px;cursor:pointer;box-shadow:var(--shadow-soft)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-42px;position:relative;z-index:8;padding-top: 100px;}
.stat{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.stat strong{display:block;color:var(--mki-green);font-size:32px;line-height:1}
.stat span{color:var(--mki-muted);font-weight:800}

.section{padding:88px 0;position:relative}
.section-title{text-align:center;margin-bottom:44px}
.section-title h2{position:relative;display:inline-block;padding-bottom:15px;font-size:44px;color:var(--mki-green);margin:0;line-height:1.25}
.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:90px;height:3px;background:var(--mki-gold);border-radius:20px}
.section-title p{color:var(--mki-muted);font-size:18px;margin:8px auto 0;max-width:750px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{position:relative;background:#F9F5EF;border:1px solid rgba(185,150,98,.18);border-radius:28px;padding:30px;box-shadow:var(--shadow-soft);transition:.28s;overflow:hidden}
.card:before{content:"";position:absolute;right:0;top:0;width:100%;height:5px;background:var(--gold-grad);opacity:.85}
.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(185,150,98,.36)}
.icon{width:60px;height:60px;border-radius:20px;background:rgba(185,150,98,.14);display:grid;place-items:center;color:var(--mki-green);font-size:28px;margin-bottom:16px}
.card h3{margin:0 0 8px;color:var(--mki-green);font-size:24px}
.card p{color:var(--mki-muted);margin:0}

.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
.panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:34px;padding:38px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.panel h2{color:var(--mki-green);font-size:40px;line-height:1.25;margin:0 0 12px}
.panel p{color:var(--mki-muted)}
.list{padding:0;margin:18px 0 0;list-style:none}
.list li{padding:11px 0;border-bottom:1px solid rgba(185,150,98,.18);color:var(--mki-muted);font-weight:700}
.list li:before{content:"◆";color:var(--mki-gold);margin-left:10px}

.cta{background:linear-gradient(135deg,#194827 0%,#1B4E2B 45%,#B99662 100%);color:#F9F5EF;border-radius:42px;padding:52px;display:flex;justify-content:space-between;align-items:center;gap:25px;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(21,76,39,.24)}
.cta:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:-120px;top:-160px}
.cta h2{font-size:38px;margin:0;line-height:1.3;color:#F9F5EF}
.cta p{margin:8px 0 0;color:rgba(255,255,255,.86)}
.cta .btn-outline{background:#F9F5EF;color:var(--mki-green)}
.cta .btn-outline:hover{background:var(--mki-green-dark);color:#F9F5EF;border-color:#F9F5EF}

.page-hero{position:relative;padding:82px 0;background:linear-gradient(135deg,rgba(21,76,39,.09),rgba(185,150,98,.16));border-bottom:1px solid var(--line);overflow:hidden}
.breadcrumb{color:var(--mki-gold);font-weight:900}
.sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sector{background:#F9F5EF;border:1px solid var(--line);border-radius:24px;padding:24px;text-align:center;color:var(--mki-green);font-weight:900;box-shadow:var(--shadow-soft);transition:.25s}
.sector:hover{transform:translateY(-4px);background:#F9F5EFdf8;border-color:rgba(185,150,98,.34)}
.project{display:grid;grid-template-columns:120px 1fr;gap:22px}
.project .num{font-size:42px;color:var(--mki-gold);font-weight:900}
.faq-item{background:#F9F5EF;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:14px;box-shadow:var(--shadow-soft)}
.faq-item h3{color:var(--mki-green);margin:0 0 8px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.form{display:grid;gap:14px}
.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#F9F5EF;font:inherit;color:var(--mki-dark);outline:none}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--mki-gold);box-shadow:0 0 0 4px rgba(185,150,98,.14)}
.form textarea{min-height:150px}

.footer{background:var(--mki-green-dark);color:#F9F5EF;padding:60px 0 18px;margin-top:70px;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(185,150,98,.20),transparent 36%);pointer-events:none}
.footer .container{position:relative}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px}
.footer h3{color:var(--mki-gold-light);margin-top:0}
.footer a,.footer p{color:rgba(255,255,255,.78);display:block;margin:8px 0}
.footer a:hover{color:#F9F5EF}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;text-align:center;color:rgba(255,255,255,.6);direction: ltr;text-align: center;}

@media(max-width:980px){
  .nav-links{position:absolute;right:0;left:0;top:82px;background:var(--mki-cream);display:none;flex-direction:column;padding:20px;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .menu-btn{display:block}
  .slide-inner,.hero-grid,.split,.contact-grid{grid-template-columns:1fr}
  .hero-slider,.slide-inner,.hero-grid{min-height:auto}
  .slide{position:relative;display:none}
  .slide.active{display:block}
  .hero-content,.hero-grid>div:first-child{padding:55px 0 25px}
  .visual-card,.hero-card{min-height:360px;margin-bottom:80px}
  .stats,.cards,.sectors,.footer-grid{grid-template-columns:1fr 1fr}
  .cta{display:block}
  .slider-arrows{left:auto;right:4%;bottom:18px}
}
@media(max-width:620px){
  .stats,.cards,.sectors,.footer-grid{grid-template-columns:1fr}
  .topbar .container{display:block;text-align:center}
  .brand img{width:130px}
  .brand strong{font-size:14px}
  .hero-actions .btn{width:100%}
  .visual-card,.hero-card{border-radius:28px}
  .floating-badge{display:none}
  .project{grid-template-columns:1fr}
  .section{padding:62px 0}
  .section-title h2{font-size:34px}
  .panel h2,.cta h2{font-size:30px}
  .hero-content h1,.hero-grid h1{font-size:39px}
  .stats{margin-top:-20px}
  .slider-nav{bottom:14px}
}

.topbar{
  background: linear-gradient(
  135deg,
  #194827 0%,
  #1F5C32 35%,
  #A3895F 70%,
  #BB9A6E 100%
);;
    color:#F9F5EF;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.topbar .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
}

.topbar-right,
.topbar-left{
    display:flex;
    align-items:center;
    gap:20px;
}

@media (max-width: 991px){

    .topbar{
        display:none;
    }

}

.topbar a{
    color:#F9F5EF;
    display:flex;
    align-items:center;
    gap:8px;
    transition:.3s;
	direction: ltr;
}

.topbar a:hover{
    color:#B99662;
}

.topbar i{
    font-size:22px;
}


.hero-features{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:25px 0 5px;
}

.hero-features span{
    background:#F9F5EF;
    border:1px solid rgba(185,150,98,.25);
    padding:9px 17px;
    border-radius:50px;
    color:#194827;
    font-weight:800;
    font-size:14px;
    box-shadow:0 8px 20px rgba(21,76,39,.06);
}



.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-top:-60px;
    position:relative;
    z-index:20;
}

.stat{
    position:relative;
    background:#F9F5EF;
    border-radius:28px;
    padding:35px 25px;
    text-align:center;
    border:1px solid rgba(185,150,98,.15);
    box-shadow:0 15px 40px rgba(21,76,39,.08);
    transition:.4s;
    overflow:hidden;
}

.stat:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #194827,
        #B99662
    );
}

.stat:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(21,76,39,.15);
}

.stat-icon{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#194827;
    background:
    linear-gradient(
        135deg,
        rgba(185,150,98,.15),
        rgba(21,76,39,.08)
    );
    transition:.4s;
}

.stat:hover .stat-icon{
    transform:rotateY(180deg);
    background:#194827;
    color:#F9F5EF;
}

.stat strong{
    display:block;
    font-size:46px;
    line-height:1;
    color:#194827;
    font-weight:900;
    margin-bottom:10px;
}

.stat span{
    display:block;
    color:#B99662;
    font-size:18px;
    font-weight:800;
    margin-bottom:15px;
}

.stat p{
    color:#777;
    font-size:14px;
    line-height:1.8;
    margin:0;
}

.services-premium{
    background:
        radial-gradient(circle at 90% 10%, rgba(185,150,98,.10), transparent 32%),
        radial-gradient(circle at 10% 90%, rgba(21,76,39,.08), transparent 30%);
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.service-card{
    position:relative;
    min-height:360px;
    background:#F9F5EF;
    border:1px solid rgba(185,150,98,.18);
    border-radius:32px;
    padding:34px 30px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(21,76,39,.07);
    transition:.45s;
}

.service-card:before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#194827,#B99662);
    opacity:0;
    transition:.45s;
    z-index:0;
}

.service-card:after{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(185,150,98,.12);
    left:-70px;
    bottom:-70px;
    transition:.45s;
}

.service-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 70px rgba(21,76,39,.18);
}

.service-card:hover:before{
    opacity:1;
}

.service-card:hover:after{
    background:rgba(255,255,255,.10);
    transform:scale(1.4);
}

.service-number,
.service-icon,
.service-card h3,
.service-card p,
.service-card a{
    position:relative;
    z-index:2;
}

.service-number{
    position:absolute;
    top:24px;
    left:28px;
    color:rgba(21,76,39,.08);
    font-size:48px;
    font-weight:900;
    line-height:1;
    transition:.45s;
}

.service-icon{
    width:76px;
    height:76px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#194827;
    background:linear-gradient(135deg,rgba(185,150,98,.15),rgba(21,76,39,.08));
    margin-bottom:24px;
    transition:.45s;
}

.service-card h3{
    color:#194827;
    font-size:25px;
    margin:0 0 12px;
    transition:.45s;
}

.service-card p{
    color:#6A6A62;
    font-size:15px;
    line-height:1.9;
    margin:0 0 26px;
    transition:.45s;
}

.service-card a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#B99662;
    font-weight:900;
    transition:.45s;
}

.service-card a i{
    font-size:13px;
    transition:.35s;
}

.service-card:hover .service-icon{
    background:rgba(255,255,255,.16);
    color:#F9F5EF;
    transform:rotate(-6deg) scale(1.06);
}

.service-card:hover h3,
.service-card:hover p,
.service-card:hover a{
    color:#F9F5EF;
}

.service-card:hover .service-number{
    color:rgba(255,255,255,.12);
}

.service-card:hover a i{
    transform:translateX(-5px);
}

@media(max-width:980px){
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:620px){
    .services-grid{
        grid-template-columns:1fr;
    }

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

.about-home{
    background:#F9F5EF;
}

.about-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;
}

.about-content h2{
    font-size:35px;
    line-height:1.3;
    color:#194827;
    margin:15px 0 20px;
}

.about-content .lead{
    font-size:18px;
    color:#666;
    line-height:2;
    margin-bottom:35px;
}

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:35px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:15px;
    background:#F9F5EF;
    border:1px solid rgba(185,150,98,.15);
    padding:18px;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(21,76,39,.05);
}

.feature-item i{
    color:#B99662;
    font-size:22px;
}

.feature-item span{
    color:#194827;
    font-weight:700;
}

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    border-radius:35px;
    display:block;
    box-shadow:0 25px 70px rgba(21,76,39,.12);
}

.about-badge{
    position:absolute;
    background:#F9F5EF;
    padding:18px 25px;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    text-align:center;
}

.about-badge strong{
    display:block;
    color:#194827;
    font-size:32px;
    font-weight:900;
}

.about-badge span{
    color:#B99662;
    font-weight:700;
}

.badge-top{
    top:30px;
    left:-20px;
}

.badge-bottom{
    bottom:30px;
    right:-20px;
}

@media(max-width:991px){

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

    .about-features{
        grid-template-columns:1fr;
    }

    .about-content h2{
        font-size:38px;
    }

}

.why-home{
    background:#F9F5EF;
    position:relative;
    overflow:hidden;
}

.why-home:before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(185,150,98,.10);
    right:-160px;
    top:80px;
}

.why-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:70px;
    align-items:center;
}

.why-image{
    position:relative;
}

.why-image img{
    width:100%;
    height:560px;
    object-fit:cover;
    border-radius:38px;
    box-shadow:0 30px 80px rgba(21,76,39,.14);
}

.why-image:before{
    content:'';
    position:absolute;
    inset:25px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:30px;
    z-index:2;
    pointer-events:none;
}

.why-image-card{
    position:absolute;
    right:-25px;
    bottom:220px;
    z-index:3;
    background:#F9F5EF;
    border:1px solid rgba(185,150,98,.20);
    border-radius:22px;
    padding:18px 22px;
    display:flex;
    align-items:center;
    gap:12px;
    box-shadow:0 20px 45px rgba(21,76,39,.12);
}

.why-image-card i{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#194827;
    color:#F9F5EF;
    display:flex;
    align-items:center;
    justify-content:center;
}

.why-image-card span{
    color:#194827;
    font-weight:900;
}

.why-content h2{
    font-size:32px;
    line-height:1.35;
    color:#194827;
    margin:14px 0 18px;
}

.why-content .lead{
    color:#6A6A62;
    font-size:17px;
    line-height:2;
    margin-bottom:28px;
}

.why-questions{
    display:grid;
    gap:15px;
}

.why-question{
    background:#F9F5EF;
    border:1px solid rgba(185,150,98,.18);
    border-radius:22px;
    padding:20px 22px;
    box-shadow:0 12px 30px rgba(21,76,39,.05);
    transition:.35s;
    overflow:hidden;
}

.why-question:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 50px rgba(21,76,39,.10);
}

.why-question-head{
    display:flex;
    align-items:center;
    gap:14px;
}

.why-question-head span{
    color:#B99662;
    font-weight:900;
    font-size:18px;
}

.why-question-head h3{
    flex:1;
    margin:0;
    color:#194827;
    font-size:19px;
}

.why-question-head i{
    color:#B99662;
    transition:.3s;
}

.why-question p{
    margin:12px 42px 0 0;
    color:#6A6A62;
    line-height:1.9;
    font-size:15px;
}

.why-question.active{
    border-color:rgba(185,150,98,.35);
    background:linear-gradient(135deg,#F9F5EF,#F9F5EF);
}

.why-question.active .why-question-head i{
    transform:rotate(180deg);
}

@media(max-width:991px){
    .why-grid{
        grid-template-columns:1fr;
    }

    .why-image img{
        height:420px;
    }

    .why-content h2{
        font-size:36px;
    }

    .why-image-card{
        right: 26px;
        bottom: -20px;
    }
}

.why-question-head{
    cursor:pointer;
}

.why-question p{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease, margin .4s ease;
    margin:0 42px 0 0;
}

.why-question.active p{
    margin:12px 42px 0 0;
}

.hero-bg-slider{
    position:relative;
    min-height:720px;
    overflow:hidden;
    background:#194827;
}

.hero-bg-slider .slide{
    position:absolute;
    inset:0;
    min-height:720px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transform:scale(1.06);
    transition:opacity .9s ease, transform 1.4s ease;
}

.hero-bg-slider .slide.active{
    opacity:1;
    transform:scale(1);
    z-index:2;
}

.hero-bg-slider .slide.active{
    animation:heroZoom 9s linear forwards;
}

@keyframes heroZoom{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.06);
    }
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(15,63,33,.94) 0%,
            rgba(21,76,39,.82) 38%,
            rgba(21,76,39,.45) 68%,
            rgba(0,0,0,.25) 100%
        );
    z-index:1;
}

.hero-overlay:after{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 15% 20%, rgba(185,150,98,.22), transparent 28%),
        linear-gradient(135deg, rgba(185,150,98,.18), transparent 42%);
}


.hero-bg-content .eyebrow{
    color:#E4D4B9;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(228,212,185,.25);
    padding:8px 18px;
    border-radius:50px;
    margin-bottom:18px;
}

.hero-bg-content h1{
    color:#F9F5EF;
    font-size:clamp(42px,5.5vw,45px);
    line-height:1.18;
    margin:0 0 22px;
    max-width:880px;
}

.hero-bg-content p{
    color:rgba(255,255,255,.86);
    font-size:20px;
    line-height:2;
    max-width:780px;
    margin:0;
}

.hero-bg-content .hero-features{
    margin:28px 0 10px;
}

.hero-bg-content .hero-features span{
    background:rgba(255,255,255,.12);
    color:#F9F5EF;
    border:1px solid rgba(228,212,185,.28);
    backdrop-filter:blur(8px);
}

.btn-outline.light{
    color:#F9F5EF;
    border-color:rgba(255,255,255,.45);
    background:rgba(255,255,255,.10);
}

.btn-outline.light:hover{
    background:#F9F5EF;
    color:#194827;
}

.hero-bg-slider .slider-nav{
    z-index:10;
    bottom:38px;
}

.hero-bg-slider .slider-dot{
    background:rgba(255,255,255,.35);
}

.hero-bg-slider .slider-dot.active{
    background:#B99662;
}

.hero-bg-slider .slider-arrows{
    z-index:10;
    bottom:34px;
}

.hero-bg-slider .slider-arrow{
    background:rgba(255,255,255,.12);
    color:#F9F5EF;
    border-color:rgba(255,255,255,.28);
    backdrop-filter:blur(8px);
}

.hero-bg-slider .slider-arrow:hover{
    background:#B99662;
    border-color:#B99662;
}

@media(max-width:991px){
    .hero-bg-slider,
    .hero-bg-slider .slide,
    .hero-bg-content{
        min-height:650px;
    }

    .hero-bg-content{
        max-width:92%;
        margin:auto;
        padding:80px 0 110px;
    }

    .hero-overlay{
        background:linear-gradient(
            90deg,
            rgba(15,63,33,.95),
            rgba(21,76,39,.78)
        );
    }
}

@media(max-width:620px){
    .hero-bg-slider,
    .hero-bg-slider .slide,
    .hero-bg-content{
        min-height:620px;
    }

    .hero-bg-content h1{
        font-size:36px;
    }

    .hero-bg-content p{
        font-size:16px;
    }

    .hero-bg-content .hero-actions{
        width:100%;
    }

    .hero-bg-content .hero-actions .btn{
        width:100%;
    }
}

.cta-section{
    padding:100px 0;
}

.cta-premium{
    position:relative;
    overflow:hidden;
    background:
    linear-gradient(
        135deg,
        #194827 0%,
        #1C5B34 50%,
        #B99662 100%
    );

    border-radius:40px;
    padding:70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;

    box-shadow:0 35px 80px rgba(21,76,39,.18);
}

.cta-premium:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    left:-150px;
    top:-150px;
}

.cta-premium:after{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    right:-120px;
    bottom:-120px;
}

.cta-content{
    position:relative;
    z-index:2;
    max-width:700px;
}

.cta-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    color:#E4D4B9;
    border:1px solid rgba(255,255,255,.15);
    margin-bottom:20px;
    font-weight:700;
}

.cta-content h2{
    color:#F9F5EF;
    font-size:48px;
    line-height:1.3;
    margin:0 0 18px;
}

.cta-content p{
    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:2;
}

.cta-features{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:30px;
}

.cta-item{
    display:flex;
    align-items:center;
    gap:10px;
    color:#F9F5EF;
    font-weight:700;
}

.cta-item i{
    color:#E4D4B9;
}

.cta-actions{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:15px;
    min-width:260px;
}

.btn-white{
    background:linear-gradient(
354deg, #194827 0%, #1F5C32 35%, #A3895F 70%, #BB9A6E 100%);
    color:#F9F5EF;
    border:none;
    font-weight:900;
}

.btn-white:hover{
    background:rgba(255,255,255,.12);
    transform:translateY(-3px);
}

.btn-transparent{
    background:linear-gradient(
354deg, #194827 0%, #1F5C32 35%, #A3895F 70%, #BB9A6E 100%);
    color:#F9F5EF;
    border:1px solid rgba(255,255,255,.35);
}

.btn-transparent:hover{
    background:rgba(255,255,255,.12);
}

@media(max-width:768px){

    .cta-section{
        padding:60px 0;
    }

    .cta-premium{
        padding:35px 22px;
        border-radius:26px;
        flex-direction:column;
        text-align:center;
        gap:30px;
    }

    .cta-content h2{
        font-size:30px;
        line-height:1.5;
    }

    .cta-content p{
        font-size:15px;
        line-height:1.9;
    }

    .cta-features{
        justify-content:center;
        gap:10px;
    }

    .cta-item{
        width:100%;
        justify-content:center;
        font-size:14px;
    }

    .cta-actions{
        width:100%;
        min-width:auto;
    }

    .cta-actions .btn{
        width:100%;
        min-height:52px;
    }
}

@media(max-width:768px){
    .cta-premium a{
        display:flex;
        width:100%;
        justify-content:center;
    }
}

@media(max-width:768px){

    .hero-bg-slider,
    .hero-bg-slider .slide,
    .hero-bg-content{
        min-height:680px;
    }

    .hero-bg-content{
        max-width:92%;
        margin:auto;
        padding:70px 0 120px;
        text-align:center;
        align-items:center;
    }

    .hero-bg-content .eyebrow{
        font-size:13px;
        padding:7px 14px;
    }

    .hero-bg-content h1{
        font-size:34px;
        line-height:1.45;
    }

    .hero-bg-content p{
        font-size:15px;
        line-height:1.9;
    }

    .hero-bg-content .hero-features{
        justify-content:center;
        gap:8px;
    }

    .hero-bg-content .hero-features span{
        font-size:12px;
        padding:7px 12px;
    }

    .hero-bg-content .hero-actions{
        width:100%;
        flex-direction:column;
        gap:12px;
    }

    .hero-bg-content .hero-actions .btn{
        width:100%;
        min-height:52px;
    }

    .hero-overlay{
        background:
        linear-gradient(
            180deg,
            rgba(15,63,33,.92) 0%,
            rgba(21,76,39,.82) 55%,
            rgba(15,63,33,.95) 100%
        );
    }

    .hero-bg-slider .slider-nav{
        bottom:28px;
    }

    .hero-bg-slider .slider-arrows{
        display:none;
    }
}

@media(max-width:420px){

    .hero-bg-content h1{
        font-size:29px;
    }

    .hero-bg-content p{
        font-size:14px;
    }

    .hero-bg-content .hero-features span{
        width:100%;
    }
}

/* Tablet */

@media(max-width:991px){

    .stats{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
        margin-top:-30px;
    }

    .stat{
        padding:25px 18px;
    }

    .stat-icon{
        width:65px;
        height:65px;
        font-size:24px;
        margin-bottom:15px;
    }

    .stat strong{
        font-size:34px;
    }

    .stat span{
        font-size:15px;
    }

    .stat p{
        font-size:13px;
        line-height:1.7;
    }
}
/* Mobile */

@media(max-width:576px){

    .stats{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
        margin-top:-20px;
    }

    .stat{
        border-radius:20px;
        padding:20px 12px;
    }

    .stat-icon{
        width:55px;
        height:55px;
        font-size:20px;
        margin-bottom:12px;
    }

    .stat strong{
        font-size:26px;
        margin-bottom:6px;
    }

    .stat span{
        font-size:13px;
        line-height:1.4;
    }

    .stat p{
        display:none;
    }
}
.navbar{
    position:sticky;
    top:0;
    z-index:999;
    background:#F9F5EF;
    backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(185,150,98,.15);
    box-shadow:0 5px 25px rgba(0,0,0,.04);
}

.nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:90px;
}

.brand{
    display:flex;
    align-items:center;
}

.brand img{
    width:280px;
    height:auto;

    transition:.3s;
}

.brand:hover img{
    transform:scale(1.03);
}

@media (max-width:991px){

    .brand img{
        width:200px;
        max-width:100%;
        height:auto;
    }

}

.nav-links{
    display:flex;
    align-items:center;
    gap:10px;
}

.nav-links a{
    position:relative;
    color:#194827;
    font-weight:800;
    font-size:15px;
    padding:12px 18px;
    border-radius:12px;
    transition:.3s;
}

.nav-links a:hover{
    color:#194827;
    background:rgba(185,150,98,.08);
}

.nav-links a.active{
background: linear-gradient(
  135deg,
  #194827 0%,
  #1F5C32 35%,
  #A3895F 70%,
  #BB9A6E 100%
);    
	color:#F9F5EF;
}

.nav-links a::after{
    display:none;
}

.menu-btn{
    display:none;
    width:48px;
    height:48px;
    border:none;
    border-radius:12px;
    background:#194827;
    color:#F9F5EF;
    font-size:20px;
    cursor:pointer;
}

@media(max-width:991px){

    .nav-inner{
        min-height:80px;
    }

    .brand img{
        height:75px;
    }

    .menu-btn{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .nav-links{
        position:fixed;
        top:80px;
        right:-100%;
        width:320px;
        height:calc(100vh - 80px);
        background:#F9F5EF;
        flex-direction:column;
        align-items:flex-start;
        padding:30px;
        gap:8px;
        box-shadow:-15px 0 40px rgba(0,0,0,.08);
        transition:.4s;
        z-index:999;
    }

    .nav-links.open{
        right:0;
		height: auto;
		border-radius: 10px;
    }

    .nav-links a{
        width:100%;
        padding:15px 18px;
        border-radius:14px;
        font-size:16px;
    }

    .nav-links a.active{
        background:#194827;
        color:#F9F5EF;
    }
}

.menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:998;
}

.menu-overlay.active{
    opacity:1;
    visibility:visible;
}

@media(max-width:991px){

    .nav-inner{
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-direction:row-reverse;
    }

}

.brand{
    display:flex;
    align-items:center;
}

.logo-img{
    width:100%;     
    height:auto;
    max-width:100%;
}
@media(max-width:991px){

    .brand .logo-img{
        width:100%;
    }

}

@media(max-width:576px){

    .brand .logo-img{
        width:100%;
    }

}

.footer{
    background:#194827;
    color:#fff;
    padding:80px 0 0;
    margin-top:80px;
    position:relative;
    overflow:hidden;
}

.footer:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(187,154,110,.10);
    left:-180px;
    top:-180px;
}

.footer .container{
    position:relative;
    z-index:2;
}

/*
.footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:40px;
}
*/
.footer-grid{
    display:grid;

    grid-template-columns:
        1.2fr
        1fr
        1.2fr
        1.2fr;

    gap:50px;

    align-items:flex-start;
}
.footer-about img{
    width:180px;
    background:#F9F5EF;
    border-radius:18px;
    padding:10px;
    margin-bottom:20px;
}

.footer-about p{
    color:rgba(255,255,255,.75);
    line-height:2;
    margin:0;
}

.footer h3{
    color:#E5D4B4;
    margin-bottom:20px;
    font-size:20px;
}

.footer a{
    display:block;
    color:rgba(255,255,255,.75);
    margin-bottom:12px;
    transition:.3s;
}

.footer a:hover{
    color:#BB9A6E;
    padding-right:6px;
}

.footer a i{
    color:#BB9A6E;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.10);
    min-height:70px;

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

    color:rgba(255,255,255,.65);

    font-size:14px;
	direction: ltr;
}

.footer-bottom a{
    display:inline;
    margin:0;
    color:#BB9A6E;
    font-weight:700;
}

.powered{
    white-space:nowrap;
}

.copyright{
    white-space:nowrap;
}

@media(max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:25px;
    }

    .footer-bottom{
        flex-direction:column;
        gap:10px;
        padding:20px 0;
        text-align:center;
    }

}

@media(max-width:576px){

    .footer-grid{
        grid-template-columns:1fr;
        text-align:right;
    }

    .footer-about img{
        margin:auto auto 20px;
    }

.copyright,
.powered{
    text-align:center;
    white-space:normal;
}
}
.footer-about img{
    width:180px;

    background:linear-gradient(
        135deg,
        #F9F5EF 0%,
        #E5D4B4 100%
    );

    border-radius:20px;
    padding:12px;
    margin-bottom:20px;

    border:1px solid rgba(187,154,110,.25);

    box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.footer-contact .contact-item{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.footer-contact .contact-item i{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(187,154,110,.15);
    color:#BB9A6E;
    font-size:14px;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.footer-social a{
    width:46px;
    height:46px;

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

    border-radius:50%;

    background:rgba(229,212,180,.08);

    border:1px solid rgba(229,212,180,.20);

    color:#E5D4B4;

    transition:.35s ease;

    flex-shrink:0;
}

.footer-social a:hover{
    background:#E5D4B4;
    border-color:#E5D4B4;
    color:#194827;
    transform:translateY(-4px);
}

.footer-social i{
    font-size:20px;
    line-height:1;
}

.footer-social svg{
    width:18px;
    height:18px;
    display:block;
}
.footer-social a svg{
    width:20px;
    height:20px;

    display:flex;

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

    flex-shrink:0;

    margin:0;

    fill:currentColor;
}

/*
.services-premium{
    background:
    url('../images/pattern-gold.png') center center repeat,
    #F9F5EF;
}
*/

.nav-links{
    display:flex;
    align-items:center;
    gap:8px;
}

.nav-links a{
    position:relative;

    color:#194827;

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

    padding:12px 16px;

    border-radius:12px;

    transition:.35s;
}

.nav-links a:hover{
    color:#194827;
    background:rgba(187,154,110,.12);
}

.nav-links a.active{
    background:#194827;
    color:#fff;
}

.business-fields{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:-70px;
    position:relative;
    z-index:20;
}

.business-fields .stat{

    background:#fff;

    border-radius:28px;

    padding:35px 25px;

    text-align:center;

    border:1px solid rgba(187,154,110,.15);

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

    transition:.4s;

    position:relative;

    overflow:hidden;
}

.business-fields .stat:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;

    background:linear-gradient(
        90deg,
        #194827,
        #BB9A6E
    );
}

.business-fields .stat:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(25,72,39,.15);
}

.business-fields .stat-icon{

    width:75px;
    height:75px;

    margin:0 auto 20px;

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

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        rgba(187,154,110,.15),
        rgba(25,72,39,.08)
    );

    color:#194827;

    font-size:28px;

    transition:.4s;
}

.business-fields .stat:hover .stat-icon{
    background:#194827;
    color:#fff;
    transform:rotateY(180deg);
}

.business-fields strong{

    display:block;

    font-size:42px;

    color:#BB9A6E;

    font-weight:900;

    margin-bottom:10px;
}

.business-fields span{

    display:block;

    color:#194827;

    font-size:18px;

    font-weight:800;

    line-height:1.6;

    min-height:60px;

    margin-bottom:15px;
}

.business-fields p{

    color:#666;

    font-size:14px;

    line-height:1.9;

    margin:0;
}

@media(max-width:991px){

    .business-fields{
        grid-template-columns:repeat(2,1fr);
        margin-top:-30px;
    }

}

@media(max-width:576px){

    .business-fields{
        grid-template-columns:1fr;
    }

}

.footer-about small{
    display:block;
    margin-top:10px;
    color:rgba(255,255,255,.65);
    line-height:1.8;
    font-size:14px;
}


.hero-bg-content{
    position:relative;
    z-index:5;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    width:fit-content;
    max-width:750px;

    padding:40px 50px;

    background:rgba(25,72,39,.18);
backdrop-filter:blur(4px);

    backdrop-filter:blur(6px);

    border-radius:30px;

    border-right:4px solid #BB9A6E;

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

    color:#fff;

    text-align:right;
}

.hero-bg-slider .container{
    height:100%;

    display:flex;

    justify-content:flex-end;

    align-items:center;
}

.hero-actions{
    display:flex;
    gap:15px;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.section-btn{
    display:flex;
    justify-content:center;
    margin-top:60px;
}

.section-btn .btn{
    min-width:220px;
}

.mki-hero{
    position:relative;
    min-height:760px;
    overflow:hidden;
    background:#194827;
}

.mki-hero-slide{
    position:absolute;
    inset:0;

    min-height:760px;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    opacity:0;
    visibility:hidden;

    transform:scale(1.05);

    transition:
        opacity .9s ease,
        visibility .9s ease,
        transform 1.4s ease;
}

.mki-hero-slide.active{
    opacity:1;
    visibility:visible;
    transform:scale(1);
    z-index:2;
}

.mki-hero-slide.active{
    animation:mkiHeroZoom 9s linear forwards;
}

@keyframes mkiHeroZoom{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.06);
    }
}

.mki-hero-shade{
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(25,72,39,.90) 0%,
            rgba(25,72,39,.65) 40%,
            rgba(25,72,39,.20) 100%
        );
}

.mki-hero-shade:after{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at 18% 25%, rgba(187,154,110,.22), transparent 28%),
        linear-gradient(135deg, rgba(187,154,110,.16), transparent 45%);
}

.mki-hero-wrap{
    position:relative;
    z-index:3;

    min-height:760px;

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

.mki-hero-box{
    width:min(420px,100%);
    padding:20px 20px;
    background:rgba(25,72,39,.34);
    backdrop-filter:blur(10px);
    border:1px solid rgba(229,212,180,.18);
    border-right:5px solid #BB9A6E;
    border-radius:34px;
    box-shadow:
        0 25px 70px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.08);
    color:#fff;
}

.mki-hero-label{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:9px 18px;
    margin-bottom:22px;

    border-radius:50px;

    background:rgba(249,245,239,.12);
    border:1px solid rgba(229,212,180,.22);

    color:#E5D4B4;

    font-weight:800;
    font-size:15px;
}

.mki-hero-label:before{
    content:'';
    width:9px;
    height:9px;

    border-radius:50%;

    background:#BB9A6E;

    box-shadow:0 0 0 6px rgba(187,154,110,.16);
}

.mki-hero-box h1{
    margin:0 0 20px;

    color:#fff;

    font-size:clamp(38px,5vw,36px);
    line-height:1.22;
    font-weight:900;

    text-shadow:0 4px 18px rgba(0,0,0,.35);
}

.mki-hero-box p{
    max-width:620px;

    margin:0;

    color:rgba(255,255,255,.88);

    font-size:18px;
    line-height:2;
}

.mki-hero-buttons{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;

    margin-top:32px;
}

.mki-btn{
    min-height:52px;

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

    padding:13px 28px;

    border-radius:999px;

    font-weight:900;

    transition:.3s;
}

.mki-btn-primary{
    background:linear-gradient(135deg,#194827,#BB9A6E);
    color:#fff;
    border:1px solid rgba(229,212,180,.20);
}

.mki-btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(0,0,0,.20);
}

.mki-btn-light{
    background:rgba(249,245,239,.12);
    color:#fff;
    border:1px solid rgba(249,245,239,.35);
}

.mki-btn-light:hover{
    background:#F9F5EF;
    color:#194827;
    transform:translateY(-3px);
}

.mki-hero-controls{
    position:absolute;
    z-index:10;
    left:40px;
    bottom:45px;

    display:flex;
    gap:12px;
}

.mki-hero-arrow{
    width:50px;
    height:50px;

    border-radius:50%;

    border:1px solid rgba(249,245,239,.25);

    background:rgba(249,245,239,.10);
    color:#fff;

    font-size:25px;

    cursor:pointer;

    backdrop-filter:blur(8px);

    transition:.3s;
}

.mki-hero-arrow:hover{
    background:#BB9A6E;
    border-color:#BB9A6E;
    color:#194827;
}

.mki-hero-dots{
    position:absolute;
    z-index:10;

    right:50%;
    bottom:50px;

    transform:translateX(50%);

    display:flex;
    gap:10px;
}

.mki-dot{
    width:12px;
    height:12px;

    border:0;
    border-radius:50px;

    background:rgba(249,245,239,.40);

    cursor:pointer;

    transition:.3s;
}

.mki-dot.active{
    width:42px;
    background:#BB9A6E;
}

@media(max-width:991px){

    .mki-hero,
    .mki-hero-slide,
    .mki-hero-wrap{
        min-height:680px;
    }

    .mki-hero-wrap{
        justify-content:center;
        text-align:center;
    }

    .mki-hero-box{
        width:92%;
        padding:38px 28px;
        border-right:0;
        border-top:5px solid #BB9A6E;
    }

    .mki-hero-buttons{
        justify-content:center;
    }

    .mki-hero-controls{
        display:none;
    }

    .mki-hero-dots{
        bottom:28px;
    }
}

@media(max-width:576px){

    .mki-hero,
    .mki-hero-slide,
    .mki-hero-wrap{
        min-height:640px;
    }

    .mki-hero-box h1{
        font-size:25px;
    }

    .mki-hero-box p{
        font-size:15px;
        line-height:1.9;
    }

    .mki-hero-buttons{
        flex-direction:column;
    }

    .mki-btn{
        width:100%;
    }
}

.nav-links a{
    display:flex;
    align-items:center;
    gap:8px;
}
.nav-links a i{
    width:18px;
    text-align:center;
}
.nav-links a i{
    font-size:14px;
    color:#194827;
    transition:.3s;
}

.nav-links a:hover i,
.nav-links a.active i{
    color:#BB9A6E;
}

@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .page-wraper,
  .site,
  .wrapper,
  main,
  section {
    max-width: 100%;
    overflow-x: hidden;
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }
}