/* ==========================================================
   MAVERICKFACE - Modern Enterprise Theme (2026)
   Compatible with existing HTML
   ========================================================== */

:root{
  --bg:#070b14;
  --surface:#0f172a;
  --surface-2:#111c33;
  --card:#ffffff;
  --primary:#ff9900;
  --primary-dark:#e57d00;
  --text:#eef2f7;
  --muted:#c7d2e0;
  --dark:#1f2937;
  --border:rgba(255,255,255,.08);
  --shadow:0 20px 40px rgba(0,0,0,.25);
  --radius:18px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 background:var(--bg);
 color:var(--text);
 font-family:Roboto,sans-serif;
 line-height:1.8;
}
.container{max-width:1320px}
img{max-width:100%;display:block}

h1,h2,h3,h4{
 font-family:"Playfair Display",serif;
 color:#fff;
 font-weight:700;
}
h2.mn-hd{
 font-size:2.4rem;
 margin-bottom:1rem;
}
p{
 color:var(--muted);
 font-size:15px;
}
span{color:var(--primary)}

/* NAV */
.navbar{
 background:rgba(7,11,20,.8);
 backdrop-filter:blur(12px);
}
.nav-link{
 color:#fff!important;
 transition:.3s;
}
.nav-link:hover,
.nav-link.active{
 color:var(--primary)!important;
}

/* HERO */
.home{height:72vh;position:relative;overflow:hidden}
.home video{
 position:absolute;inset:0;
 width:100%;height:100%;
 object-fit:cover;
}
.bnr-txt{
 position:relative;
 z-index:2;
 height:100%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 text-align:center;
 background:rgba(0,0,0,.55);
 padding:2rem;
}
.main-bnr-text{
 font-size:clamp(2.3rem,5vw,4rem)!important;
}
.bnr-p{
 max-width:850px;
 color:#f2f2f2!important;
}
.bnr-btn{
 background:var(--primary)!important;
 border:none!important;
 border-radius:50px!important;
 padding:12px 34px!important;
 font-weight:700!important;
 transition:.35s;
}
.bnr-btn:hover{
 transform:translateY(-3px);
 background:var(--primary-dark)!important;
 box-shadow:0 10px 30px rgba(255,153,0,.35);
}

/* SECTIONS */
section{
 padding:80px 0;
}
.abt-part,
.ceo-part,
.ex-part{
 background:var(--bg);
}

/* ABOUT */
.box-1{
 padding-right:30px;
}
.abt-pic img{
 width:100%;
 border-radius:18px;
 box-shadow:var(--shadow);
}

/* CARDS */
.main-box,
.main-box.text-center,
.main-box.text-centerrr.active{
 background:var(--card);
 color:var(--dark);
 border-radius:var(--radius);
 padding:32px 22px;
 height:100%;
 border:none;
 box-shadow:0 12px 30px rgba(0,0,0,.12);
 transition:.35s;
 overflow:hidden;
 position:relative;
}
.main-box:hover,
.main-box.text-center:hover,
.main-box.text-centerrr.active:hover{
 transform:translateY(-10px);
}
.main-box.text-centerrr.active{
 background:linear-gradient(135deg,#09152f,#172b55);
}
.main-box.text-centerrr.active .bx-hd-txt,
.main-box.text-centerrr.active .bx-little-txt,
.main-box.text-centerrr.active i{
 color:#fff!important;
}
.bx-img i{
 font-size:52px;
 color:var(--primary);
 margin-bottom:18px;
}
.bx-hd-txt{
 font-size:20px;
 color:#0b3d91!important;
 font-weight:700;
 margin-bottom:12px;
}
.bx-little-txt{
 color:#4b5563!important;
}

/* CEO */
.ceo{
 text-align:center;
}
.ceo img{
 width:100%;
 max-width:560px;
 margin:auto;
 border-radius:20px;
 box-shadow:var(--shadow);
}
.ceo-hd-text{
 display:flex;
 flex-direction:column;
 justify-content:center;
 height:100%;
}
.ceo-hd-text p{
 color:var(--muted);
}

/* FOOTER */
footer{
 background:#04070f;
 padding:60px 0 20px;
}
footer a{
 color:#ddd;
 text-decoration:none;
 transition:.3s;
}
footer a:hover{
 color:var(--primary);
}
.footer-link h4,
footer h4{
 color:#fff;
 margin-bottom:18px;
}

/* RESPONSIVE */
@media(max-width:991px){
 section{padding:60px 0}
 .box-1{padding-right:0}
 .abt-pic,
 .ceo{
   margin-top:30px;
   text-align:center;
 }
 .ceo-hd-text{
   margin-top:30px;
   text-align:center;
 }
 .main-bnr-text{
   font-size:2.3rem!important;
 }
 .bnr-p{
   width:100%!important;
 }
}

@media(max-width:767px){
 h2.mn-hd{
   font-size:2rem;
 }
 .home{
   height:60vh;
 }
 .main-box,
 .main-box.text-center,
 .main-box.text-centerrr.active{
   margin-bottom:24px;
 }
}/* Updated MaverickFace CSS */

.top-hd{background:linear-gradient(90deg,#00033a,#010207)!important;border-bottom:2px solid #ff9900!important;padding:14px 0!important;z-index:9999}
.navbar{padding:0!important}.navbar-brand img{height:52px!important}
.navbar-nav .nav-item{margin-right:28px;position:relative}
.navbar-nav .nav-link{color:#fff!important;font-size:15px;font-weight:500;transition:.3s}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#ff9900!important}
.navbar-nav .nav-link:after{content:'';position:absolute;left:10px;right:10px;bottom:-8px;height:2px;background:#ff9900;transform:scaleX(0);transition:.3s}
.navbar-nav .nav-link:hover:after,.navbar-nav .nav-link.active:after{transform:scaleX(1)}
section{padding:70px 0}
.test-part{margin:60px 0!important;padding:70px 0!important}
.card{border:none!important;border-radius:18px!important;box-shadow:0 15px 40px rgba(0,0,0,.15)!important;transition:.35s;height:100%}
.card:hover{transform:translateY(-10px)}
.card img{width:60px;height:60px;margin-bottom:20px}
.card h5{color:#0b3d91!important;font-size:22px;font-weight:700}
.list-item{padding-left:0}
.list-item li{list-style:none;position:relative;padding-left:28px!important;margin-bottom:12px!important;color:#555}
.list-item li:before{content:'›';position:absolute;left:0;color:#ff9900;font-size:22px;font-weight:bold}
.main-box.text-center,.main-box.text-centerrr.active{border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.12);transition:.35s}
.main-box.text-center:hover,.main-box.text-centerrr.active:hover{transform:translateY(-8px)}
.arrowButton{width:52px!important;height:52px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.arrowButton:hover{background:#ff9900!important;color:#fff!important}
@media(max-width:991px){.navbar-nav{text-align:center;margin-top:15px}.navbar-nav .nav-item{margin:8px 0}.arrowButton{display:none!important}.card{margin-bottom:25px}}


/* MaverickFace updated CSS starter */

:root{--primary:#ff9900;--dark:#050816}
body{margin:0;font-family:Roboto,sans-serif}
.top-hd{background:linear-gradient(90deg,#00033a,#010207)!important;border-bottom:2px solid var(--primary)!important;padding:12px 0!important}
.navbar{padding:0!important}.navbar-brand img{height:48px!important}
.navbar-nav .nav-link{color:#fff!important;font-weight:500;position:relative}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--primary)!important}
.bnr-part{background:linear-gradient(90deg,#00033a,#010207)!important;padding:40px 0!important;margin-bottom:50px!important}
.abt-hd-txt{padding:20px 0!important}.main-bnr-text{font-size:46px!important;color:#fff}
.card{border:none;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:.3s}
.card:hover{transform:translateY(-8px)}
.form-control{border-radius:10px}
footer{background:#050816;color:#fff}
@media(max-width:991px){.navbar-nav{text-align:center;margin-top:15px}}