/* ======================================================
   AHVAN MASTER CSS - DARK INDUSTRIAL THEME + GOLD ACCENTS
   Compatible with Bootstrap + New Landing Elements
   ====================================================== */

:root{
  --ahvan-gold: #CFA86A;
  --ahvan-gold-soft: #e6cf8b;
  --ahvan-black: #000;
  --container-max: 1300px;
}

/* ======================== Base ======================== */
*{ box-sizing:border-box; }

body{
  margin:0;
  font-family:'Ubuntu', Arial, sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.65;
  letter-spacing:0.3px;
  -webkit-font-smoothing:antialiased;
  color:#e8e8e8;
  background:#0c0c0c;
  padding-top:65px; /* Fix navbar overlap */
}
.topbg { padding: 1px; width: 100%; background-color: #303030; box-shadow: 5px 5px 5px rgba(0,0,0,0.6); }
a{ color:var(--ahvan-gold); text-decoration:none; }
a:hover{ color:var(--ahvan-gold-soft); }

/* ====================== Navbar ======================== */
.navbar.navbar-default{
  background:url(../file/brown.webp) repeat !important;
  border:none !important;
}
.navbar-default .navbar-nav>li>a{
  color:var(--ahvan-gold-soft) !important;
  font-weight:600;
  text-shadow:1px 1px 1px #000;
}
.navbar-default .navbar-nav>li>a:hover{
  color:var(--ahvan-gold) !important;
}

.clients{ background:url(../file/brown.webp) repeat !important; padding: 1px 1px 1px 1px;}
/* ====================== Layout ======================== */
.internal{
  max-width:var(--container-max);
  margin:0 auto;
}

.ahvan-layout{
  display:flex;
  gap:20px;
  margin:40px 0;
  padding:0 10px;
}


/* ===================== Headings ======================= */
h1,h2,h3,h4,h5{
  color:var(--ahvan-gold-soft);
  font-weight:600;
}

/* ===================== Hero Banner ==================== */
.hero {
  background:#000 url('../file/hero.webp') center/cover no-repeat;
  padding:20px 0;
  color:#fff;
  overflow:hidden;
}
.hero-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:50px;
}
.hero-content {
  flex: 1 1 60%;
  z-index:2;
}
.hero-content h1{
  font-size:40px;
  margin-bottom:6px;
  color:var(--ahvan-gold);
}
.hero-content p{
  max-width:520px;
  font-size:15px;
  color:#eaeaea;
}
/* =======================
   Animation Area
======================= */
.hero-animation {
  flex: 1 1 50%;
  height: 350px;
  position: relative;
  z-index:2;
}
.central-node {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: pulseGlow 2.6s infinite ease-in-out;
  filter: drop-shadow(0 0 18px #CFA86A);
}
/* Nodes */
.node {
  width: 55px;
  height: 55px;
  background: rgba(10,10,10,0.8);
  border: 2px solid #CFA86A;
  border-radius: 12px;
  padding: 8px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s;
}
.node img {
  filter: brightness(1.25);
}
/* Node positions */
.n0 { left: 44%; top: 0%; }
.n1 { left: 8%; top: 18%; }
.n2 { right: 10%; top: 18%; }
.n3 { right: 10%; bottom: 18%; }
.n4 { left: 44%; bottom: 0%; }
.n5 { left: 8%; bottom: 18%; }
/* Line Animation */
.anim-lines {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
.anim-lines path {
  stroke: rgba(207,168,106,0.45);
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 6;
  animation: dashFlow 4s infinite linear;
}
/* Effects */
@keyframes dashFlow {
  to { stroke-dashoffset: -40; }
}
@keyframes pulseGlow {
  0%,100% { filter: drop-shadow(0 0 8px #CFA86A); }
  50% { filter: drop-shadow(0 0 25px #CFA86A); }
}
.node:hover {
  transform: scale(1.15);
  border-color: #FFD391;
  cursor: pointer;
}
/* Responsive */
@media(max-width: 992px){
  .hero-grid { flex-direction:column; text-align:center; }
  .hero-animation { margin-top:35px; }
}

/* ================= Feature Sections =================== */
.feature-strip,
.feature-strip-alt{
  padding:50px 0;
  background:#111;
}
.feature-strip-alt{
  background:#0e0e0e;
}

.feature-list li{
  padding:6px 0;
  color:#e8e8e8;
  border-left:3px solid var(--ahvan-gold);
  padding-left:12px;
  margin-bottom:6px;
}

/* Buttons */
.btn-ahvan{
  display:inline-block;
  background:var(--ahvan-gold);
  color:#000 !important;
  padding:12px 22px;
  font-weight:700;
  border-radius:8px;
  margin-top:12px;
}
.btn-ahvan:hover{
  background:#e6cf8b;
}

/* =================== Trust Showcase =================== */
.trust-showcase{
  padding:50px 20px;
  background:#191919;
  text-align:center;
}
.trust-showcase h2{ color:var(--ahvan-gold); }

.trust-grid{
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  justify-content:center;
  margin-top:30px;
}

.trust-item{
  width:300px;
  background:rgba(207,168,106,0.12);
  border:1px solid rgba(207,168,106,0.4);
  border-radius:12px;
  padding:20px;
  backdrop-filter:blur(0.8px);
}
.trust-item h3{
  font-size:18px;
  color:var(--ahvan-gold);
  margin-bottom:12px;
}
.trust-logos img{
  margin:8px;
  filter:brightness(0.95);
  transition:0.3s;
}
.trust-logos img:hover{
  filter:brightness(1.3);
}

/* ===================== Footer ========================= */
/* FOOTER */
footer {
  background: url(../file/ABD.webp) center/cover no-repeat;
  padding: 45px 0 25px;
  color: #111;
}
.footerint {
  background: rgba(0,0,0,0.10);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 14px;
  padding: 45px 40px;
  width: 94%;
  margin: 0 auto;
  box-shadow: 0 10px 28px rgba(0,0,0,0.35);
}
footer h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #CFA86A !important;
  text-transform: uppercase;
}
footer a.text-body,
footer p,
footer li {
  color: #111 !important;
  font-size: 15.2px;
  font-weight: 400;
}
footer img { opacity: .88; transition: .2s; }
footer img:hover { opacity: 1; }
footer .separator {
  color: #CFA86A !important;
  font-weight: 700;
  padding: 0 6px;
}
/* Social separator bars */
.separator{
  color:var(--ahvan-gold);
  font-weight:900;
}

/* ===================== Utility ======================= */
.text-center{ text-align:center; }