.section-title {
    font-size: 46px;
    font-weight: 700;
    color: #111;
}
.section-title span {
    color: #880019;
}
.bt-tag {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: #ffffff21;
    color: #880019;
    font-weight: 700;
    border-radius: 40px;
    letter-spacing: .5px;
}
/* =========================
   BASE
========================= */
.gd-hero{
  position:relative;
  padding:160px 0 120px;
  background:#070707;
  overflow:hidden;
  color:#fff;
  font-family: "Poppins", sans-serif;
}

/* =========================
   BACKGROUND
========================= */
.gd-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background: radial-gradient(circle at 20% 20%, rgba(136,0,25,.25), transparent 35%),
              radial-gradient(circle at 80% 70%, rgba(136,0,25,.18), transparent 40%);
}

/* Animated Grid */
.gd-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:60px 60px;
  animation:gridMove 14s linear infinite;
}

@keyframes gridMove{
  0%{ transform:translateY(0); }
  100%{ transform:translateY(60px); }
}

/* Glow Orbs */
.gd-glow{
  position:absolute;
  width:500px;
  height:500px;
  border-radius:50%;
  filter:blur(160px);
  opacity:.18;
}

.g1{ background:#880019; top:-120px; left:-100px; }
.g2{ background:#ffffff; bottom:-180px; right:-120px; }
.g3{ background:#880019; top:40%; right:10%; }

/* =========================
   CONTENT
========================= */
.gd-content{
  position:relative;
  z-index:2;
}

.gd-badge{
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding:10px 22px;
  border-radius:50px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:25px;
  font-size:14px;
}

.gd-badge i{
  color:#880019;
}

.gd-content h1{
  font-size:56px;
      color: white;
  font-weight:700;
  line-height:1.1;
  margin-bottom:20px;
}

.gd-content h1 span{
  background:linear-gradient(90deg,#880019,#ff4d6d,#fff,#880019);
  background-size:300%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:textFlow 6s linear infinite;
}

@keyframes textFlow{
  100%{ background-position:300%; }
}

.gd-content p{
  color:#bdbdbd;
  font-size:17px;
  line-height:1.8;
  max-width:540px;
}

/* =========================
   BUTTONS
========================= */
.gd-buttons{
  display:flex;
  gap:15px;
  margin-top:30px;
  flex-wrap:wrap;
}

.gd-btn-primary{
  padding:14px 32px;
  background:#880019;
  color:#fff;
  border-radius:50px;
  text-decoration:none;
  box-shadow:0 15px 35px rgba(136,0,25,.35);
  transition:.4s;
}

.gd-btn-primary:hover{
  transform:translateY(-5px);
  background:#a30022;
}

.gd-btn-outline{
  padding:14px 32px;
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  border-radius:50px;
  text-decoration:none;
  background:rgba(255,255,255,.05);
  transition:.4s;
}

.gd-btn-outline:hover{
  background:#fff;
  color:#000;
}

/* =========================
   TAGS
========================= */
.gd-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:30px;
}

.gd-tags span{
  font-size:12px;
  padding:6px 14px;
  border-radius:30px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

/* =========================
   RIGHT VISUAL
========================= */
.gd-visual{
  position:relative;
  z-index:2;
  min-height:600px;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* Main Image */
.gd-main-img{
  width:100%;
  max-width:520px;
  animation:floatMain 6s ease-in-out infinite;
}

.gd-main-img img{
  width:100%;
}

/* Floating Cards */
.gd-float-card{
  position:absolute;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  backdrop-filter:blur(14px);
  animation:floatCard 6s ease-in-out infinite;
}

.gd-float-card img{
  width:30px;
  filter:invert(1);
}

.gd-float-card strong{
  display:block;
  font-size:14px;
}

.gd-float-card small{
  font-size:12px;
  color:#bdbdbd;
}

/* Positions */
.fc1{ top:80px; right:-20px; }
.fc2{ bottom:120px; right:0; animation-delay:1.5s; }
.fc3{ left:-30px; top:200px; animation-delay:3s; }

/* =========================
   ANIMATIONS
========================= */
@keyframes floatMain{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-18px); }
}

@keyframes floatCard{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-12px); }
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:991px){
  .gd-content h1{
    font-size:42px;
  }
  .gd-visual{
    margin-top:60px;
  }
}

@media(max-width:767px){
  .gd-hero{
    padding:155px 0 80px;
    text-align:center;
  }

  .gd-content p{
    max-width:100%;
  }

  .gd-buttons{
    justify-content:center;
  }

  .gd-float-card{
    display:block;
  }

  .gd-content h1{
    font-size:32px;
  }
}

/* =========================
   BASE SECTION
========================= */
.gd-expertise{
  background:#f2f2f2;
  padding:100px 0;
  font-family:"Poppins",sans-serif;
  color:#111;
  position:relative;
  overflow:hidden;
}

/* soft background glow */
.gd-expertise::before{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  background:#880019;
  opacity:0.06;
  filter:blur(120px);
  top:-150px;
  left:-120px;
}

.gd-expertise::after{
  content:"";
  position:absolute;
  width:400px;
  height:400px;
  background:#000;
  opacity:0.04;
  filter:blur(140px);
  bottom:-120px;
  right:-100px;
}

/* =========================
   HEADER
========================= */
.gd-exp-badge{
  display:inline-block;
  padding:8px 18px;
  border-radius:30px;
  background:#fff;
  border:1px solid #eee;
  color:#880019;
  font-weight:600;
  font-size:13px;
  margin-bottom:15px;
}


.gd-exp-subtitle{
  color:#666;
  font-size:15px;
  line-height:1.7;
}

/* =========================
   STATS
========================= */
.gd-stat-box{
  background:#fff;
  padding:25px 15px;
  border-radius:16px;
  border:1px solid #eee;
  transition:.4s;
  box-shadow:0 10px 30px rgba(0,0,0,0.03);
}

.gd-stat-box h3{
  color:#880019;
  font-size:28px;
  font-weight:700;
}

.gd-stat-box p{
  margin:0;
  color:#666;
  font-size:14px;
}

.gd-stat-box:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

/* =========================
   EXPERTISE CARDS
========================= */
.gd-exp-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:18px;
  padding:25px;
  transition:.4s;
  height:100%;
  position:relative;
  overflow:hidden;
}

.gd-exp-card:hover{
  transform:translateY(-10px);
  border-color:#880019;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* icon */
.gd-exp-card .icon{
  width:55px;
  height:55px;
  border-radius:14px;
  background:rgba(136,0,25,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  color:#880019;
  font-size:20px;
  transition:.4s;
}

.gd-exp-card:hover .icon{
  background:#880019;
  color:#fff;
}

.gd-exp-card h5{
  font-size:18px;
  margin-bottom:10px;
}

.gd-exp-card p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:991px){
  .gd-exp-title{
    font-size:32px;
  }
}

@media(max-width:767px){
  .gd-expertise{
    padding:70px 0;
    text-align:center;
  }

  .gd-stat-box{
    margin-bottom:15px;
  }
}

/* =========================
   MAIN SECTION
========================= */
.gd-services-dark{
  background:#0b0b0b;
  padding:100px 0;
  color:#fff;
  position:relative;
  overflow:hidden;
  font-family:"Poppins",sans-serif;
}

/* glow background */
.gd-services-dark::before{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  background:#880019;
  opacity:0.15;
  filter:blur(160px);
  top:-150px;
  left:-120px;
}

.gd-services-dark::after{
  content:"";
  position:absolute;
  width:450px;
  height:450px;
  background:#ffffff;
  opacity:0.04;
  filter:blur(140px);
  bottom:-180px;
  right:-120px;
}

/* =========================
   TITLE
========================= */
.gd-services-title{
  font-size:38px;
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:15px;
}

.gd-services-subtitle{
  color:#bdbdbd;
  font-size:15px;
  max-width:700px;
  margin:0 auto;
}

/* =========================
   BOX STYLE
========================= */
.gd-service-box{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:25px 22px;
  backdrop-filter:blur(12px);
  transition:.4s;
  height:100%;
  position:relative;
  overflow:hidden;
}

/* hover glow */
.gd-service-box:hover{
  transform:translateY(-10px);
  border-color:#880019;
  box-shadow:0 20px 50px rgba(136,0,25,0.25);
}

/* =========================
   LIST STYLE
========================= */
.gd-service-box ul{
  list-style:none;
  padding:0;
  margin:0;
}

.gd-service-box ul li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 0;
  color:#ddd;
  font-size:15px;
  position:relative;
  transition:.3s;
}

/* icon */
.gd-service-box ul li i{
  color:#880019;
  font-size:14px;
  transition:.3s;
}

/* hover effect */
.gd-service-box ul li:hover{
  color:#fff;
  transform:translateX(5px);
}

.gd-service-box ul li:hover i{
  color:#ff3b5c;
  transform:scale(1.2);
}

/* =========================
   ANIMATION LINE EFFECT
========================= */
.gd-service-box::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent,#880019,transparent);
  animation:lineMove 3s infinite;
}

@keyframes lineMove{
  0%{ left:-100%; }
  100%{ left:100%; }
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:991px){
  .gd-services-title{
    font-size:30px;
  }
}

@media(max-width:767px){
  .gd-services-dark{
    text-align:center;
    padding:70px 0;
  }

  .gd-service-box ul li{
    justify-content:center;
  }
}

/* =========================
   SECTION BASE
========================= */
.gd-process{
  background:#f6f7fb;
  padding:100px 0;
  font-family:"Poppins",sans-serif;
  position:relative;
  overflow:hidden;
}

/* soft glow background */
.gd-process::before{
  content:"";
  position:absolute;
  width:450px;
  height:450px;
  background:#880019;
  opacity:0.06;
  filter:blur(140px);
  top:-120px;
  right:-100px;
}

.gd-process::after{
  content:"";
  position:absolute;
  width:400px;
  height:400px;
  background:#000;
  opacity:0.03;
  filter:blur(140px);
  bottom:-120px;
  left:-100px;
}

/* =========================
   HEADER
========================= */
.gd-process-badge{
  display:inline-block;
  padding:8px 18px;
  border-radius:30px;
  background:#fff;
  border:1px solid #eee;
  color:#880019;
  font-weight:600;
  font-size:13px;
  margin-bottom:15px;
}

.gd-process-title{
  font-size:40px;
  font-weight:800;
  color:#111;
  margin-bottom:10px;
}

.gd-process-subtitle{
  color:#666;
  font-size:15px;
  max-width:650px;
  margin:0 auto;
  line-height:1.7;
}

/* =========================
   CARD STYLE
========================= */
.gd-process-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:18px;
  padding:28px;
  position:relative;
  transition:.4s;
  height:100%;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
}

/* hover */
.gd-process-card:hover{
  transform:translateY(-10px);
  border-color:#880019;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* step number */
.step-no{
  position:absolute;
  top:15px;
  right:15px;
  font-size:34px;
  font-weight:800;
  color:rgba(136,0,25,0.12);
}

/* icon */
.gd-process-card .icon{
  width:55px;
  height:55px;
  border-radius:14px;
  background:rgba(136,0,25,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#880019;
  font-size:20px;
  margin-bottom:15px;
  transition:.4s;
}

.gd-process-card:hover .icon{
  background:#880019;
  color:#fff;
}

/* text */
.gd-process-card h5{
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
  color:#111;
}

.gd-process-card p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:991px){
  .gd-process-title{
    font-size:32px;
  }
}

@media(max-width:767px){
  .gd-process{
    text-align:center;
    padding:70px 0;
  }

  .step-no{
    font-size:28px;
  }
}