/* HERO */
.about-hero{
  padding:200px 0 60px;
  background:linear-gradient(180deg,#071428,#050d1a);
}

.about-hero h1{
  font-size:52px;
  font-weight:800;
}


/* MAIN GRID */
.about-main{
  margin-top:60px;
}

.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

.about-img img{
  width:100%;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.08);
}

.about-text h2{
  font-size:22px;
  margin-bottom:15px;
}

.about-text p{
  color:#9aa4b2;
  font-size:14px;
  line-height:1.7;
  margin-bottom:15px;
}

.about-stats{
  display:flex;
  gap:20px;
  margin-top:20px;
}

.about-stats div{
  background:#0b1728;
  padding:18px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.05);
}

.about-stats h3{
  color:#2f7cff;
}

.about-stats p{
  font-size:12px;
}


/* ===== TIMELINE PRO LEVEL ===== */

.timeline{
  margin-top:120px;
}

.center-title{
  text-align:center;
  margin-bottom:70px;
  font-size:22px;
  font-weight:700;
}

/* WRAPPER */
.timeline-wrapper{
  position:relative;
  padding:40px 0;
}

/* CENTER LINE */
.timeline-line{
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(to bottom, transparent, #2f7cff, transparent);
  transform:translateX(-50%);
  animation:lineGlow 3s ease-in-out infinite;
}

@keyframes lineGlow{
  0%{opacity:0.4}
  50%{opacity:1}
  100%{opacity:0.4}
}

/* ITEMS */
.timeline-item{
  width:50%;
  padding:30px;
  position:relative;
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 0.8s ease forwards;
}

.timeline-item:nth-child(2){animation-delay:0.2s}
.timeline-item:nth-child(3){animation-delay:0.4s}
.timeline-item:nth-child(4){animation-delay:0.6s}

@keyframes fadeUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* LEFT / RIGHT */
.timeline-item.left{
  left:0;
  text-align:right;
}

.timeline-item.right{
  left:50%;
}

/* NODE (GLOW DOT) */
.timeline-item::before{
  content:"";
  position:absolute;
  top:40px;
  width:14px;
  height:14px;
  background:#2f7cff;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(47,124,255,0.15),
             0 0 12px #2f7cff,
             0 0 24px rgba(47,124,255,0.8);
  z-index:2;
}

/* POSITION DOT */
.timeline-item.left::before{
  right:-7px;
}

.timeline-item.right::before{
  left:-7px;
}

/* CARD */
.timeline-item .content{
  background:#0b1728;
  padding:22px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.05);
  transition:0.3s;
  position:relative;
}

/* HOVER EFFECT */
.timeline-item .content:hover{
  transform:translateY(-6px);
  box-shadow:0 15px 40px rgba(0,0,0,0.6);
  border-color:rgba(47,124,255,0.3);
}

/* TEXT */
.timeline-item span{
  color:#2f7cff;
  font-weight:600;
  font-size:14px;
}

.timeline-item h4{
  margin:6px 0;
  font-size:16px;
}

.timeline-item p{
  font-size:13px;
  color:#9aa4b2;
  line-height:1.6;
}

/* MOBILE */
@media(max-width:768px){
  .timeline-line{
    left:20px;
  }

  .timeline-item{
    width:100%;
    padding-left:60px;
  }

  .timeline-item.left,
  .timeline-item.right{
    left:0;
    text-align:left;
  }

  .timeline-item::before{
    left:13px;
  }
}


/* CERTIFICATIONS */
.certifications{
  margin-top:100px;
  text-align:center;
  padding:40px;
  background:#0b1728;
  border-radius:16px;
}

.certifications h2{
  margin-bottom:25px;
}

.cert-grid{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.cert-grid span{
  padding:8px 16px;
  border-radius:20px;
  background:#050d1a;
  border:1px solid rgba(255,255,255,0.08);
  font-size:13px;
}

.export-list{
  list-style:none;
  margin:20px 0;
  padding:0;
}

.export-list li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
  color:#9aa4b2;
  font-size:14px;
}

/* BLUE ICON DOT */
.export-list li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#2f7cff;
  font-size:14px;
}

.logo a{
  color:#ffffff;
  text-decoration:none;
  font-weight:800;
  letter-spacing:0.5px;
}

.logo span{
  color:#2f7cff;
}

/* BETTER GRID BALANCE */
.footer-grid{
  grid-template-columns:2fr 1fr 1fr 1fr 1fr;
  align-items:flex-start;
}

/* SPACING IMPROVEMENT */
.footer p{
  margin-top:6px;
}

/* BOTTOM BAR ALIGNMENT */
.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

/* POLICY LINKS SPACING */
.footer-links{
  display:flex;
  gap:10px;
  align-items:center;
}
/* FOOTER LINKS */
.footer a{
  color:#9aa4b2;
  text-decoration:none;
  transition:all 0.25s ease;
  position:relative;
}

/* HOVER EFFECT */
.footer a:hover{
  color:#ffffff;
}

/* UNDERLINE ANIMATION */
.footer a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0%;
  height:1px;
  background:#2f7cff;
  transition:width 0.3s ease;
}

.footer a:hover::after{
  width:100%;
}

/* HEADINGS */
.footer h4{
  color:#ffffff;
  font-weight:600;
  margin-bottom:14px;
  font-size:14px;
  letter-spacing:0.5px;
}

/* LIST SPACING */
.footer ul li{
  margin-bottom:10px;
}

/* CONTACT LINKS (EMAIL + PHONE SPECIAL STYLE) */
.footer p a{
  color:#c7d0dc;
}

.footer p a:hover{
  color:#2f7cff;
}

/* FOOTER BOTTOM LINKS */
.footer-bottom a{
  color:#9aa4b2;
  font-size:12px;
}

.footer-bottom a:hover{
  color:#ffffff;
}

/* DIVIDER LINE */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.08);
  margin-top:30px;
  padding-top:15px;
}
.topbar{
  background:#020813;
  color:#9aa4b2;
  font-size:12px;
  padding:6px 0;
}
.topbar .flex{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.topbar a{
  color:#9aa4b2;
}
.nav-links a.active{
  color:#fff;
  border-bottom:2px solid #2f7cff;
  padding-bottom:4px;
}
:root{
  --bg:#050d1a;
  --bg-2:#071428;
  --card:#0b1728;
  --muted:#9aa4b2;
  --primary:#2f7cff;
  --primary-2:#1b5cff;
  --white:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:radial-gradient(1200px 600px at 80% 10%, #0c2244 0%, #050d1a 60%);color:#fff}
.container{width:88%;max-width:1320px;margin:auto}

/* NAV */
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.logo{font-weight:800;letter-spacing:.5px}
.nav-links{display:flex;gap:28px;font-size:14px;color:var(--muted)}
.nav-links a{text-decoration:none;color:inherit;transition:.2s}
.nav-links a:hover{color:#fff}
.cta{
  background:linear-gradient(135deg,#2f7cff,#1b5cff);
  padding:10px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  transition:all 0.25s ease;
}

.cta a{
  color:#ffffff;
  text-decoration:none;
}

/* HOVER EFFECT */
.cta:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(47,124,255,0.4);
}

/* HERO */
.hero{padding:90px 0 40px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:68px;line-height:1.05;font-weight:900;letter-spacing:-1px}
.hero h1 span{color:var(--primary)}
.hero p{margin-top:20px;color:var(--muted);max-width:520px;font-size:15px;line-height:1.6}


/* BUTTON BASE */
.btn{
  padding:13px 26px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:all 0.3s ease;
  position:relative;
  overflow:hidden;
}

/* PRIMARY BUTTON (BLUE GRADIENT) */
.btn-primary{
  background:linear-gradient(135deg,#2f7cff,#1b5cff);
  color:#fff;
  box-shadow:0 4px 20px rgba(47,124,255,0.3);
}

.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(47,124,255,0.5);
}

/* SECONDARY BUTTON (GLASS STYLE) */
.btn-secondary{
  background:rgba(255,255,255,0.03);
  color:#c7d0dc;
  border:1px solid rgba(255,255,255,0.08);
  backdrop-filter:blur(6px);
}

.btn-secondary:hover{
  color:#fff;
  border-color:rgba(47,124,255,0.5);
  background:rgba(47,124,255,0.08);
  transform:translateY(-2px);
}
.section-header{
  position:relative;
  margin-bottom:50px;
}

/* PERFECT CENTER */
.section-center{
  text-align:center;
  max-width:700px;
  margin:0 auto;
}

/* RIGHT BUTTON */
.view-more{
  position:absolute;
  right:0;
  top:0;
  color:#2f7cff;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:0.3s;
}

.view-more:hover{
  color:#fff;
}

/* BETTER TITLE + SUB */
.section-title{
  font-size:34px;
  font-weight:800;
}

.section-sub{
  color:#9aa4b2;
  margin-top:10px;
  font-size:14px;
}

/* MOBILE FIX */
@media(max-width:768px){
  .view-more{
    position:static;
    display:block;
    text-align:center;
    margin-top:15px;
  }
}

.view-more:hover{
  color:#fff;
}

.hero-img{position:relative}
.hero-img::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(47,124,255,0.25),transparent 70%);filter:blur(40px)}
.hero-img img{width:100%;border-radius:20px;opacity:.9}

.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,0.05)}
.stat{padding:25px 10px;text-align:center}
.stat h2{font-size:26px}
.stat p{color:var(--muted);font-size:13px;margin-top:6px}

/* SECTION */
.section{padding:90px 0}
.section-title{text-align:center;font-size:34px;font-weight:800}
.section-sub{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.card{background:linear-gradient(180deg,#0b1728,#081323);padding:28px;border-radius:16px;border:1px solid rgba(255,255,255,0.05);transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:0 10px 40px rgba(0,0,0,0.5)}
.card h3{margin-top:12px;font-size:16px}
.card p{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.5}

/* INDUSTRIES */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}
.box{height:140px;border-radius:16px;background:linear-gradient(180deg,#0b1728,#081323);border:1px solid rgba(255,255,255,0.05);display:flex;align-items:flex-end;padding:18px;font-size:14px;color:#c7d0dc}
.box:hover{border-color:rgba(47,124,255,0.4)}

/* EXPORT */
.export{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.export h2{font-size:36px;font-weight:800}
.export p{color:var(--muted);margin:20px 0;font-size:14px}
.export ul{list-style:none;color:var(--muted);font-size:14px}
.export li{margin-bottom:10px}
.export img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,0.05)}

/* FOOTER */
.footer{margin-top:80px;padding:70px 0;background:#040b16;border-top:1px solid rgba(255,255,255,0.05)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px}
.footer h4{margin-bottom:12px;font-size:14px}
.footer p,.footer li{font-size:13px;color:var(--muted)}
.footer ul{list-style:none}
.footer li{margin-bottom:8px}

/* RESPONSIVE */
@media(max-width:1000px){
.hero-grid,.export{grid-template-columns:1fr}
.cards{grid-template-columns:1fr}
.grid{grid-template-columns:repeat(2,1fr)}
.stats{grid-template-columns:repeat(2,1fr)}
.hero h1{font-size:42px}
.footer-grid{grid-template-columns:1fr}
}