/* ===== ISEO STYLE HEADER WITH YOUR CLASSES ===== */
header.d-none.d-lg-block {
  background: #0a1a3a; /* Dark Navy */
  position: sticky;
  top: 0;
  z-index: 5;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

header .bg-white {
  background: transparent !important;
}

header .header-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 18px 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

/* Logo */
header .header-logo img {
  height: 80px;
  width: auto;
  margin-top:-32px;
  filter: brightness(0) invert(1);
}

/* Main Menu */
header .primary-menu .main-menu {
  display: flex;
  list-style: none;
  gap: 2.2rem;
  margin: 0;
  padding: 0;
  align-items: center;
}

header .primary-menu .main-menu > li {
  position: relative;
}

header .primary-menu .main-menu > li > a {
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: color 0.3s;
  display: block;
}

header .primary-menu .main-menu > li > a:hover,
header .primary-menu .main-menu > li > a.active {
  color: #22c55e; /* Green hover */
}

/* Dropdown - Submenu */
header .primary-menu .submenu {
  position: absolute;
  top: 150%;
  left: 0;
  background: #12224d;
  border-radius: 8px;
  padding: 12px 0;
  min-width: 220px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  list-style: none;
  z-index: 999;
}

header .primary-menu .main-menu > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

header .primary-menu .submenu li a {
  color: #fff;
  padding: 10px 20px;
  display: block;
  font-weight: 500;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.3s;
}

header .primary-menu .submenu li a:hover {
  background: rgba(34,197,94,0.1);
  color: #22c55e;
}

/* Green CTA Button */
header .herder-icon {
  margin-left: 1rem;
}
header .herder-icon .btn-audit {
  background: #22c55e; /* Green Button */
  color: #ffffff !important;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95rem;
  transition: all 0.3s;
  display: inline-block;
  white-space: nowrap;
}
header .herder-icon .btn-audit:hover {
  background: #16a34a;
  transform: translateY(-2px);
}

/* Hide old cart and search */
header .search-cart { display: none !important; }

/* Responsive */
@media (max-width: 991px) {
  header.d-none.d-lg-block { display: block !important; }
  header .header-menu { display: none; }
  header .herder-icon { display: none; }
}

.m-menu li a{
    color:white !important;
}


/* === HERO SECTION PRO DESIGN === */
.hero-iseous-pro {
  background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 50%, #bfdbfe 100%);
  padding-top: 120px;
  padding-bottom: 100px;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
}

.hero-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 70px;
  align-items: center;
}

/* Badge */
.hero-left .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 28px;
}

/* Heading */
.hero-left h1 {
  font-size: 54px;
  line-height: 1.15;
  font-weight: 800;
  color: #0a1a3a; /* Pro Navy */
  margin-bottom: 22px;
  letter-spacing: -1px;
}
.hero-left h1 .gradient-text {
  background: linear-gradient(90deg, #0a1a3a 0%, #2563eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-left p {
  font-size: 18px;
  color: #334155;
  line-height: 1.8;
  margin-bottom: 38px;
  max-width: 560px;
}

/* Buttons Pro */
.hero-buttons {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 45px;
}
.hero-buttons .btn-primary {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff; 
  padding: 18px 36px; 
  border-radius: 12px;
  text-decoration: none; 
  font-weight: 700; 
  font-size: 16px;
  transition: 0.3s;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.25);
}
.hero-buttons .btn-primary:hover { 
  transform: translateY(-3px); 
  box-shadow: 0 15px 40px rgba(10, 26, 58, 0.35);
}
.hero-buttons .btn-secondary {
  background: #fff; 
  color: #0a1a3a;
  padding: 18px 36px; 
  border-radius: 12px;
  text-decoration: none; 
  font-weight: 700; 
  font-size: 16px;
  border: 2px solid #cbd5e1;
  transition: 0.3s;
}
.hero-buttons .btn-secondary:hover { 
  background: #0a1a3a;
  color: #fff;
  border-color: #0a1a3a;
  transform: translateY(-3px);
}

/* Features */
.hero-left .features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 20px;
}
.hero-left .features li {
  font-size: 15px;
  color: #1e293b;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Right Side */
.hero-right {
  position: relative;
  display: flex;
  justify-content: center;
}
.hero-right .laptop {
  max-width: 100%;
  border-radius: 24px;
  box-shadow: 0 40px 80px rgba(10, 26, 58, 0.15);
}

/* Floating Cards Pro */
.floating-card {
  position: absolute;
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 16px 20px;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(10, 26, 58, 0.12);
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
  color: #0a1a3a;
  backdrop-filter: blur(10px);
}
.floating-card small { display: block; color: #64748b; font-size: 12px; font-weight: 500; }
.floating-card b { font-weight: 800; color: #2563eb; font-size: 16px; }
.floating-card img { width: 26px; height: 26px; }
.card1 { top: 8%; left: -12%; animation: float 6s ease-in-out infinite; }
.card2 { top: 22%; right: -18%; animation: float 6s ease-in-out infinite 1s; }
.card3 { bottom: 32%; left: -18%; animation: float 6s ease-in-out infinite 2s; }
.card4 { bottom: 12%; right: -12%; animation: float 6s ease-in-out infinite 1.5s; }
.card5 { top: 48%; left: 50%; transform: translate(-50%, -50%); animation: float 6s ease-in-out infinite 0.5s; }

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

/* Stats Bar Pro */
.stats-bar {
  max-width: 1320px;
  margin: 100px auto 0;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.stat {
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 30px 25px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  box-shadow: 0 8px 30px rgba(10, 26, 58, 0.06);
  transition: 0.3s;
}
.stat:hover {
  transform: translateY(-5px);
  border-color: #2563eb;
}
.stat span { font-size: 32px; }
.stat b { font-size: 30px; color: #0a1a3a; display: block; font-weight: 800; }
.stat small { font-size: 14px; color: #64748b; font-weight: 500; }

/* Responsive */
@media(max-width: 992px){
  .hero-container { grid-template-columns: 1fr; gap: 50px; }
  .hero-left h1 { font-size: 40px; }
  .hero-left .features { grid-template-columns: 1fr; }
  .stats-bar { grid-template-columns: repeat(2, 1fr); }
  .floating-card { display: none; }
}
@media(max-width: 576px){
  .stats-bar { grid-template-columns: 1fr; }
  .hero-buttons .btn-primary, .hero-buttons .btn-secondary { width: 100%; text-align: center; }
}

/* === SECTION 2 PRO LIGHT GRADIENT === */
.hero-iseous.section-2 {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%);
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
}

.section2-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* Left Content */
.section-2 .hero-left h2 {
  font-size: 46px;
  line-height: 1.2;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 25px;
  letter-spacing: -0.5px;
}

.section-2 .hero-left p {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 20px;
  max-width: 550px;
}

/* Buttons - Same Pro Style */
.section-2 .hero-buttons {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 35px;
}
.section-2 .btn-primary {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff; 
  padding: 18px 36px; 
  border-radius: 12px;
  text-decoration: none; 
  font-weight: 700; 
  font-size: 16px;
  transition: 0.3s;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.25);
}
.section-2 .btn-primary:hover { 
  transform: translateY(-3px); 
  box-shadow: 0 15px 40px rgba(10, 26, 58, 0.35);
}
.section-2 .btn-secondary {
  background: #fff; 
  color: #0a1a3a;
  padding: 18px 36px; 
  border-radius: 12px;
  text-decoration: none; 
  font-weight: 700; 
  font-size: 16px;
  border: 2px solid #0a1a3a;
  transition: 0.3s;
}
.section-2 .btn-secondary:hover { 
  background: #0a1a3a;
  color: #fff;
  transform: translateY(-3px);
}

/* Right Side - Glass Cards Grid */
.section-2 .hero-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* Glass Card Pro */
.section-2 .glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 35px 25px;
  border-radius: 20px;
  text-align: center;
  transition: 0.4s;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.08);
}
.section-2 .glass-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.95);
  border-color: #2563eb;
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.15);
}

.section-2 .glass-card .icon-box {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #0a1a3a, #2563eb);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin: 0 auto 20px;
  box-shadow: 0 8px 20px rgba(10, 26, 58, 0.2);
}

.section-2 .glass-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 10px;
}

.section-2 .glass-card p {
  font-size: 15px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media(max-width: 992px){
  .section2-container { grid-template-columns: 1fr; gap: 50px; }
  .section-2 .hero-left h2 { font-size: 36px; }
  .section-2 .hero-right { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 576px){
  .section-2 .hero-right { grid-template-columns: 1fr; }
  .section-2 .hero-buttons .btn-primary, 
  .section-2 .hero-buttons .btn-secondary { width: 100%; text-align: center; }
}


/* === FOOTER SECTION === */
.iseo-footer {
  background: radial-gradient(circle at 50% 10%, #0a1f44 0%, #020a18 100%);
  padding-top: 80px;
  padding-bottom: 30px;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(59, 130, 246, 0.1);
}

/* Bubbles */
.iseo-footer .footer-bubbles .bubble {
  position: absolute;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.05);
  animation: float 8s ease-in-out infinite;
}
.iseo-footer .b1 { width: 120px; height: 120px; top: 10%; left: 5%; }
.iseo-footer .b2 { width: 80px; height: 80px; top: 40%; right: 10%; animation-delay: 2s; }
.iseo-footer .b3 { width: 150px; height: 150px; bottom: 10%; left: 15%; animation-delay: 4s; }
.iseo-footer .b4 { width: 60px; height: 60px; bottom: 20%; right: 20%; animation-delay: 1s; }
@keyframes float {
  0%, 100% { transform: translateY(0); }
 50% { transform: translateY(-20px); }
}

/* Footer Columns */
.iseo-footer .footer-col {
  margin-bottom: 30px;
}
.iseo-footer .footer-logo img {
  max-width: 160px;
  margin-bottom: 20px;
}
.iseo-footer .footer-about {
  font-size: 15px;
  color: #94a3b8;
  line-height: 1.8;
  margin-bottom: 25px;
}

/* Headings */
.iseo-footer h4 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 12px;
}
.iseo-footer h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background: #3b82f6;
  border-radius: 10px;
}

/* Social Icons */
.iseo-footer .footer-social {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.iseo-footer .footer-social li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60a5fa;
  transition: 0.3s;
}
.iseo-footer .footer-social li a:hover {
  background: #3b82f6;
  color: #fff;
  transform: translateY(-3px);
}
.iseo-footer .footer-social li a img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

/* Links */
.iseo-footer .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.iseo-footer .footer-links li {
  margin-bottom: 12px;
}
.iseo-footer .footer-links li a {
  color: #94a3b8;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
  display: inline-block;
}
.iseo-footer .footer-links li a:hover {
  color: #60a5fa;
  padding-left: 5px;
}

/* Contact */
.iseo-footer .footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}
.iseo-footer .footer-contact li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #94a3b8;
  font-size: 15px;
  margin-bottom: 16px;
}
.iseo-footer .footer-contact li i {
  color: #3b82f6;
  margin-top: 4px;
}

/* Bottom Bar */
.iseo-footer .footer-bottom {
  border-top: 1px solid rgba(59, 130, 246, 0.1);
  padding-top: 25px;
  margin-top: 40px;
  text-align: center;
}
.iseo-footer .footer-bottom p {
  color: #64748b;
  font-size: 14px;
  margin: 0;
}

/* Responsive */
@media(max-width: 992px){
  .iseo-footer { padding-top: 60px; }
}

/* === ISEO PRO LIGHT SECTION === */
.iseo-dark-pro {
  background: linear-gradient(135deg, #f8fafc 0%, #dbeafe 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
}

.iseo-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Section Tag */
.iseo-dark-pro .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* Heading */
.iseo-dark-pro h2 {
  font-size: 42px;
  line-height: 1.3;
  font-weight: 800;
  color: #0a1a3a;
  max-width: 900px;
  margin-bottom: 60px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Row Layout */
.iseo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Left: Image */
.image-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.image-wrapper img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(10, 26, 58, 0.12);
  display: block;
}
.image-wrapper .glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.2) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  filter: blur(80px);
  z-index: -1;
}

/* Right: Content */
.content-wrapper {
  padding-left: 20px;
}

/* Pro Bullets */
.pro-bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}
.pro-bullets li {
  font-size: 17px;
  color: #1e293b;
  font-weight: 600;
  padding: 16px 20px 16px 50px;
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  position: relative;
  transition: 0.3s;
  box-shadow: 0 4px 15px rgba(10, 26, 58, 0.04);
}
.pro-bullets li:hover {
  border-color: #2563eb;
  transform: translateX(5px);
}
.pro-bullets li::before {
  content: "✓";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #0a1a3a, #2563eb);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}

/* Pro Button */
.btn-pro {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 18px 40px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  transition: 0.3s;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.25);
}
.btn-pro:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(10, 26, 58, 0.35);
}

/* Responsive */
@media(max-width: 992px){
  .iseo-row { grid-template-columns: 1fr; gap: 50px; }
  .iseo-dark-pro h2 { font-size: 32px; }
  .content-wrapper { padding-left: 0; }
}
@media(max-width: 576px){
  .iseo-dark-pro { padding: 80px 0; }
  .iseo-dark-pro h2 { font-size: 28px; }
}


.iseo-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center; /* sab center */
}

.iseo-dark-pro .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}


/* === ISEO STATS PRO LIGHT === */
.iseo-stats-pro {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
}

.iseo-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.iseo-row {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 60px;
  align-items: center;
}

/* Left Side */
.stats-header .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.stats-header h2 {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 18px;
}

.stats-header p {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 35px;
}

/* Step Indicator */
.step-indicator {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.step-indicator .step {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #64748b;
}
.step-indicator .step span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e2e8f0;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  transition: 0.3s;
}
.step-indicator .step.active span {
  background: linear-gradient(135deg, #0a1a3a, #2563eb);
  color: #fff;
  box-shadow: 0 5px 15px rgba(10, 26, 58, 0.2);
}
.step-indicator .step.active {
  color: #0a1a3a;
}

/* Right Side - Stats Grid */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* Stat Card Pro */
.stat-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 35px 30px;
  border-radius: 20px;
  transition: 0.4s;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.08);
}
.stat-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.95);
  border-color: #2563eb;
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.15);
}

.stat-card .stat-number {
  font-size: 42px;
  font-weight: 800;
  color: #0a1a3a;
  line-height: 1;
  margin-bottom: 12px;
}
.stat-card .stat-number span {
  color: #2563eb;
}

.stat-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 10px;
}

.stat-card p {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* Progress Bar */
.progress-bar {
  width: 100%;
  height: 6px;
  background: #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
.progress-bar .fill {
  height: 100%;
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  border-radius: 10px;
  transition: width 1.2s ease;
}

/* Responsive */
@media(max-width: 992px){
  .iseo-row { grid-template-columns: 1fr; gap: 50px; }
  .stats-header h2 { font-size: 34px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 576px){
  .stats-grid { grid-template-columns: 1fr; }
  .iseo-stats-pro { padding: 80px 0; }
}


/* === SERVICES SECTION EXTRA LIGHT === */
.iseo-services-bs {
  background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 50%, #bfdbfe 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
}

.iseo-services-bs .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.iseo-services-bs .section-title {
  font-size: 42px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 18px;
}

.iseo-services-bs .section-subtitle {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

/* Service Box - Lighter Glass */
.iseo-services-bs .service-box {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 40px 30px;
  border-radius: 20px;
  height: 100%;
  transition: 0.4s;
  box-shadow: 0 8px 25px rgba(10, 26, 58, 0.05);
}
.iseo-services-bs .service-box:hover {
  transform: translateY(-10px);
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 25px 50px rgba(37, 99, 235, 0.12);
}

/* Icon Wrapper */
.iseo-services-bs .icon-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 25px;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Icon Colors - Soft Gradient */
.icon-blue { background: linear-gradient(135deg, #3b82f6, #60a5fa); }
.icon-purple { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }
.icon-green { background: linear-gradient(135deg, #10b981, #34d399); }
.icon-orange { background: linear-gradient(135deg, #f97316, #fb923c); }
.icon-pink { background: linear-gradient(135deg, #ec4899, #f472b6); }
.icon-cyan { background: linear-gradient(135deg, #06b6d4, #22d3ee); }
.icon-red { background: linear-gradient(135deg, #ef4444, #f87171); }
.icon-indigo { background: linear-gradient(135deg, #6366f1, #818cf8); }
.icon-yellow { background: linear-gradient(135deg, #eab308, #facc15); }

.iseo-services-bs .service-box h3 {
  font-size: 22px;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 15px;
}

.iseo-services-bs .service-box p {
  font-size: 15px;
  color: #64748b;
  line-height: 1.8;
  margin: 0;
}

/* Responsive */
@media(max-width: 992px){
  .iseo-services-bs .section-title { font-size: 34px; }
  .iseo-services-bs { padding: 80px 0; }
}


/* === WHY CHOOSE US PRO LIGHT === */
.iseo-why-choose {
  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 50%, #ffffff 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
}

/* Left Content */
.iseo-why-choose .why-content .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.iseo-why-choose .why-content h2 {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 20px;
}

.iseo-why-choose .why-content .lead-text {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 18px;
  line-height: 1.7;
}

.iseo-why-choose .why-content p {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 18px;
}

/* Right Image */
.iseo-why-choose .why-image {
  position: relative;
  border-radius: 24px;
}
.iseo-why-choose .why-image img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(10, 26, 58, 0.12);
  position: relative;
  z-index: 2;
}

/* Glow Background */
.iseo-why-choose .why-image .glow-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  filter: blur(100px);
  z-index: 1;
}

/* Hover Effect on Image */
.iseo-why-choose .why-image:hover img {
  transform: translateY(-5px);
  transition: 0.4s;
}

/* Responsive */
@media(max-width: 992px){
  .iseo-why-choose { padding: 80px 0; }
  .iseo-why-choose .why-content h2 { font-size: 34px; }
  .iseo-why-choose .why-image { margin-top: 40px; }
}


/* === INDUSTRIES SECTION PRO LIGHT === */
.iseo-industries {
  background: linear-gradient(180deg, #f8fafc 0%, #f0f9ff 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
}

.iseo-industries .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.iseo-industries .section-title {
  font-size: 42px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 18px;
}

.iseo-industries .section-subtitle {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

/* Custom 5 Columns for lg */
@media (min-width: 992px) {
  .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%; /* 100 / 5 = 20% */
  }
}

/* Industry Box Pro */
.iseo-industries .industry-box {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  border: 1px solid #e2e8f0;
  padding: 30px 20px;
  border-radius: 16px;
  text-align: center;
  height: 100%;
  transition: 0.4s;
  box-shadow: 0 8px 25px rgba(10, 26, 58, 0.05);
}
.iseo-industries .industry-box:hover {
  transform: translateY(-8px);
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.12);
}

/* Icon */
.iseo-industries .industry-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0a1a3a, #2563eb);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  transition: 0.3s;
}
.iseo-industries .industry-box:hover .industry-icon {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
}

.iseo-industries .industry-box h3 {
  font-size: 18px;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 12px;
}

.iseo-industries .industry-box p {
  font-size: 14px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}

/* Responsive */
@media(max-width: 1200px){
  .col-lg-2-4 { width: 25%; } /* 4 per row on 1200px */
}
@media(max-width: 992px){
  .iseo-industries .section-title { font-size: 34px; }
  .iseo-industries { padding: 80px 0; }
}
@media(max-width: 768px){
  .col-lg-2-4 { width: 50%; } /* 2 per row on tablet */
}
@media(max-width: 576px){
  .col-lg-2-4 { width: 100%; } /* 1 per row on mobile */
}


/* === RESULTS SECTION PRO LIGHT === */
.iseo-results {
  background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
}

.iseo-results .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.iseo-results .section-title {
  font-size: 42px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 30px;
}

.iseo-results .section-subtitle {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  max-width: 750px;
  margin: 30px auto 0;
}

/* 3 Points Row */
.result-points {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.result-points .point-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}
.result-points .point-item i {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #0a1a3a, #2563eb);
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* Metric Boxes */
.iseo-results .metric-box {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  border: 1px solid #e2e8f0;
  padding: 50px 30px;
  border-radius: 20px;
  transition: 0.4s;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.06);
}
.iseo-results .metric-box:hover {
  transform: translateY(-10px);
  border-color: #2563eb;
  box-shadow: 0 25px 50px rgba(37, 99, 235, 0.15);
}

.iseo-results .metric-number {
  font-size: 64px;
  font-weight: 800;
  color: #0a1a3a;
  line-height: 1;
  margin-bottom: 15px;
}
.iseo-results .metric-number .percent {
  color: #2563eb;
  font-size: 40px;
}

.iseo-results .metric-label {
  font-size: 18px;
  font-weight: 600;
  color: #475569;
  margin: 0;
}

/* Responsive */
@media(max-width: 992px){
  .iseo-results .section-title { font-size: 34px; }
  .iseo-results { padding: 80px 0; }
  .result-points { gap: 20px; }
}
@media(max-width: 576px){
  .iseo-results .metric-number { font-size: 48px; }
}

/* === PROCESS SECTION PRO LIGHT === */
.iseo-process {
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
}

.iseo-process .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.iseo-process .section-title {
  font-size: 42px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 20px;
}

/* Process Wrapper */
.process-wrapper {
  padding-top: 40px;
}

/* Connecting Line */
.process-line {
  position: absolute;
  top: 70px;
  left: 12.5%;
  width: 75%;
  height: 3px;
  background: linear-gradient(90deg, #0a1a3a, #2563eb, #0a1a3a);
  z-index: 1;
  border-radius: 10px;
}

/* Process Step */
.process-step {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  border: 1px solid #e2e8f0;
  padding: 40px 25px;
  border-radius: 20px;
  text-align: center;
  position: relative;
  z-index: 2;
  transition: 0.4s;
  height: 100%;
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.06);
}
.process-step:hover {
  transform: translateY(-10px);
  border-color: #2563eb;
  box-shadow: 0 25px 50px rgba(37, 99, 235, 0.15);
}

/* Step Number Circle */
.process-step .step-number {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #0a1a3a, #2563eb);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 800;
  margin: 0 auto 25px;
  box-shadow: 0 10px 25px rgba(10, 26, 58, 0.2);
  border: 4px solid #fff;
}

.process-step h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 15px;
}

.process-step p {
  font-size: 15px;
  color: #64748b;
  line-height: 1.8;
  margin: 0;
}

/* Responsive */
@media(max-width: 992px){
  .process-line { display: none; } /* Hide line on tablet/mobile */
  .iseo-process .section-title { font-size: 34px; }
  .iseo-process { padding: 80px 0; }
}
@media(max-width: 576px){
  .process-step { padding: 30px 20px; }
}


/* === FINAL CTA RADIAL PRO === */
.iseo-cta-radial {
  background: radial-gradient(circle at 50% 0%, #1e3a8a 0%, #0a1a3a 100%);
  padding: 140px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;
}

/* Glow Effects */
.iseo-cta-radial::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 50%;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.3) 0%, transparent 70%);
  transform: translateX(-50%);
  filter: blur(100px);
  z-index: 1;
}

.iseo-cta-radial .container {
  position: relative;
  z-index: 2;
}

.iseo-cta-radial h2 {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.2;
}

.iseo-cta-radial .cta-subtitle {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto 40px;
}

/* Badges */
.cta-badges {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 45px;
}

.cta-badges .badge-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 12px 20px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}
.cta-badges .badge-item i {
  color: #3b82f6;
  font-size: 18px;
}

/* Buttons */
.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.cta-buttons .btn-primary {
  background: linear-gradient(90deg, #2563eb, #3b82f6);
  color: #fff;
  padding: 20px 45px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  transition: 0.3s;
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.4);
}
.cta-buttons .btn-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.6);
}

.cta-buttons .btn-secondary {
  background: transparent;
  color: #fff;
  padding: 20px 45px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: 0.3s;
}
.cta-buttons .btn-secondary:hover {
  background: #fff;
  color: #0a1a3a;
  border-color: #fff;
  transform: translateY(-4px);
}

/* Responsive */
@media(max-width: 992px){
  .iseo-cta-radial { padding: 100px 0; }
  .iseo-cta-radial h2 { font-size: 36px; }
}
@media(max-width: 576px){
  .cta-buttons .btn-primary, 
  .cta-buttons .btn-secondary { width: 100%; }
}

/* === CONTACT FORM PRO LIGHT v2 === */
.iseo-contact-pro {
  background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%); /* Lighter blue bg */
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
  position: relative;
}

.iseo-contact-pro .section-tag {
  display: inline-block;
  background: rgba(10, 26, 58, 0.08);
  border: 1px solid rgba(10, 26, 58, 0.15);
  color: #0a1a3a;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.iseo-contact-pro .section-title {
  font-size: 42px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 20px;
}

/* Form Card */
.iseo-contact-pro .contact-form-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid #bfdbfe;
  padding: 60px 60px; /* increased padding */
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.08);
}

/* Form Fields */
.iseo-contact-pro .form-group {
  margin-bottom: 0;
}

.iseo-contact-pro .form-group label {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #0a1a3a;
  margin-bottom: 14px; /* increased from 10px */
  margin-top: 4px; /* added top space */
}

.iseo-contact-pro .form-group input,
.iseo-contact-pro .form-group select,
.iseo-contact-pro .form-group textarea {
  width: 100%;
  background: #ffffff; /* pure white inputs */
  border: 2px solid #dbeafe;
  border-radius: 12px;
  padding: 18px 20px; /* increased padding */
  font-size: 15px;
  color: #1e293b;
  transition: 0.3s;
  font-family: inherit;
}
.iseo-contact-pro .form-group input:focus,
.iseo-contact-pro .form-group select:focus,
.iseo-contact-pro .form-group textarea:focus {
  outline: none;
  border-color: #2563eb;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}
.iseo-contact-pro .form-group input::placeholder,
.iseo-contact-pro .form-group textarea::placeholder {
  color: #94a3b8;
}

/* Error */
.iseo-contact-pro .form-error {
  color: #ef4444;
  font-size: 13px;
  margin-top: 8px; /* increased */
  display: block;
}

/* Submit Button */
.iseo-contact-pro .submit-btn {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  color: #fff;
  padding: 18px 50px;
  border-radius: 14px;
  border: none;
  font-weight: 700;
  font-size: 17px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: 0.3s;
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.3);
  margin-top: 10px; /* added top space */
}
.iseo-contact-pro .submit-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.4);
}

/* Responsive */
@media(max-width: 992px){
  .iseo-contact-pro { padding: 80px 0; }
  .iseo-contact-pro .section-title { font-size: 34px; }
  .iseo-contact-pro .contact-form-card { padding: 40px 30px; }
}

/* === LOCAL SEO CON SECTION === */
.local-seo-con {
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
  padding: 120px 0;
  font-family: 'Inter', 'Poppins', sans-serif;
}

.local-seo-con .hero-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.local-seo-con .hero-left p {
  font-size: 17px;
  line-height: 1.8;
  color: #334155;
  margin: 25px 0 35px;
}

/* Responsive */
@media(max-width: 992px){
  .local-seo-con .hero-container {
    grid-template-columns: 1fr;
  }
  .local-seo-con { padding: 80px 0; }
}


.new-local-sec {
  background: #ffffff;
}

.new-local-sec .sec-content h2 {
  font-size: 36px;
  font-weight: 700;
  color: #0a1a3a;
  line-height: 1.3;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .sec-content p {
  font-size: 18px;
  line-height: 1.9;
  color: #334155;
}


.new-local-sec.why-choose {
  background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
}

.new-local-sec.why-choose h2 {
  font-size: 38px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .choose-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px 24px;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.new-local-sec .choose-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.15);
  border-color: #2563eb;
}

.new-local-sec .choose-card .icon {
  font-size: 40px;
  margin-bottom: 16px;
  line-height: 1;
}

.new-local-sec .choose-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 12px;
}

.new-local-sec .choose-card p {
  font-size: 16px;
  line-height: 1.8;
  color: #475569;
  margin: 0;
}


.new-local-sec.proven-results {
  background: #0a1a3a;
  color: #fff;
}

.new-local-sec.proven-results h2 {
  font-size: 38px;
  font-weight: 800;
}

.new-local-sec.proven-results .gradient-text {
  background: linear-gradient(90deg, #60a5fa, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec.proven-results .subtitle {
  font-size: 18px;
  color: #cbd5e1;
  margin-top: 12px;
}

.new-local-sec .stat-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 28px 16px;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.new-local-sec .stat-card:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3b82f6;
  transform: translateY(-6px);
}

.new-local-sec .stat-card h3 {
  font-size: 36px;
  font-weight: 800;
  color: #3b82f6;
  margin-bottom: 10px;
  line-height: 1.2;
}

.new-local-sec .stat-card p {
  font-size: 14px;
  color: #e2e8f0;
  line-height: 1.6;
  margin: 0;
  font-weight: 500;
}

.new-local-sec.proven-results .bottom-note {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  display: inline-block;
  padding: 14px 28px;
  border-radius: 50px;
}


.new-local-sec.gbp-services {
  background: #ffffff;
}

.new-local-sec.gbp-services h2 {
  font-size: 36px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-desc {
  font-size: 20px;
  font-weight: 600;
  color: #2563eb;
  margin: 12px 0 8px;
}

.new-local-sec .section-text {
  font-size: 18px;
  color: #475569;
  line-height: 1.8;
  max-width: 900px;
}

.new-local-sec .sub-heading {
  font-size: 24px;
  font-weight: 700;
  color: #0a1a3a;
}

.new-local-sec .service-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 18px;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .service-item:hover {
  background: #eff6ff;
  border-color: #3b82f6;
  transform: translateX(5px);
}

.new-local-sec .service-item .icon {
  font-size: 22px;
  line-height: 1;
  margin-top: 2px;
}

.new-local-sec .service-item p {
  font-size: 16px;
  font-weight: 500;
  color: #334155;
  margin: 0;
}

.new-local-sec .bottom-text {
  font-size: 18px;
  font-weight: 600;
  color: #0a1a3a;
  background: #eff6ff;
  border-left: 4px solid #2563eb;
  padding: 18px 22px;
  border-radius: 8px;
}

.new-local-sec.keyword-research {
  background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
}

.new-local-sec.keyword-research h2 {
  font-size: 36px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 18px;
  color: #475569;
  line-height: 1.8;
  max-width: 900px;
}

.new-local-sec .keyword-tag {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 50px;
  padding: 14px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.new-local-sec .keyword-tag:hover {
  border-color: #2563eb;
  background: #eff6ff;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12);
}

.new-local-sec .keyword-tag .icon {
  font-size: 20px;
  flex-shrink: 0;
}

.new-local-sec .keyword-tag p {
  font-size: 16px;
  font-weight: 600;
  color: #0a1a3a;
  margin: 0;
}

.new-local-sec .highlight-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  color: #ffffff;
  padding: 20px 28px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
}

.new-local-sec .highlight-box .icon {
  font-size: 24px;
}

.new-local-sec .highlight-box p {
  margin: 0;
}


.new-local-sec.landing-pages {
  background: #ffffff;
}

.new-local-sec.landing-pages h2 {
  font-size: 36px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 18px;
  color: #475569;
  line-height: 1.8;
  max-width: 900px;
}

.new-local-sec .sub-heading {
  font-size: 24px;
  font-weight: 700;
  color: #0a1a3a;
}

.new-local-sec .feature-card {
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 24px 20px;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .feature-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.12);
}

.new-local-sec .feature-card .icon-wrap {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 24px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}

.new-local-sec .feature-card h4 {
  font-size: 17px;
  font-weight: 600;
  color: #0a1a3a;
  margin: 0;
}

.new-local-sec .result-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border: 1px solid #bfdbfe;
  color: #0a1a3a;
  padding: 20px 24px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
}

.new-local-sec .result-box .icon {
  font-size: 26px;
}

.new-local-sec .result-box p {
  margin: 0;
}


.new-local-sec.citation-sec {
  background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
}

.new-local-sec.citation-sec h2 {
  font-size: 36px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 18px;
  color: #475569;
  line-height: 1.8;
  max-width: 900px;
}

.new-local-sec .sub-heading {
  font-size: 22px;
  font-weight: 700;
  color: #0a1a3a;
}

.new-local-sec .directory-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 18px;
  transition: all 0.3s ease;
  height: 100%;
}

.new-local-sec .directory-card:hover {
  border-color: #2563eb;
  background: #eff6ff;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);
}

.new-local-sec .directory-card .icon {
  font-size: 22px;
}

.new-local-sec .directory-card p {
  font-size: 16px;
  font-weight: 600;
  color: #0a1a3a;
  margin: 0;
}

.new-local-sec .nap-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #ffffff;
  border-radius: 12px;
  padding: 18px 20px;
  transition: all 0.3s ease;
  height: 100%;
}

.new-local-sec .nap-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
}

.new-local-sec .nap-item .icon {
  font-size: 22px;
}

.new-local-sec .nap-item p {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color:white;
}

.new-local-sec .result-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #eff6ff;
  border-left: 4px solid #2563eb;
  color: #0a1a3a;
  padding: 20px 24px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
}

.new-local-sec .result-box .icon {
  font-size: 24px;
}

.new-local-sec .result-box p {
  margin: 0;
}



.new-local-sec.link-building {
  background: #0a1a3a;
  color: #fff;
}

.new-local-sec.link-building h2 {
  font-size: 38px;
  font-weight: 800;
}

.new-local-sec.link-building .gradient-text {
  background: linear-gradient(90deg, #60a5fa, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec.link-building .section-text {
  font-size: 18px;
  color: #cbd5e1;
  max-width: 800px;
  margin: 15px 0;
  line-height: 1.8;
}

/* Timeline */
.new-local-sec .link-timeline {
  position: relative;
  padding-left: 40px;
}

.new-local-sec .link-timeline::before {
  content: '';
  position: absolute;
  left: 28px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #3b82f6, #1d4ed8);
}

.new-local-sec .timeline-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  padding: 18px 22px;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.new-local-sec .timeline-item:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3b82f6;
  transform: translateX(8px);
}

.new-local-sec .badge-icon {
  position: absolute;
  left: -40px;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: 3px solid #0a1a3a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.new-local-sec .timeline-item .content h4 {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

/* Authority Box */
.new-local-sec .authority-box {
  display: flex;
  align-items: center;
  gap: 18px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  padding: 24px 30px;
  border-radius: 16px;
  text-align: left;
}

.new-local-sec .authority-box .icon {
  font-size: 36px;
  flex-shrink: 0;
}

.new-local-sec .authority-box h4 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}


.new-local-sec.ai-seo {
  background: #ffffff;
}

.new-local-sec.ai-seo h2 {
  font-size: 36px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec.ai-seo .section-text {
  font-size: 18px;
  color: #475569;
  line-height: 1.8;
  max-width: 800px;
  margin: 12px auto 0;
}

.new-local-sec .ai-box {
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 32px 28px;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .ai-box:hover {
  border-color: #2563eb;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.1);
  transform: translateY(-6px);
}

.new-local-sec .box-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 2px solid #e2e8f0;
}

.new-local-sec .box-header .icon {
  font-size: 32px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.new-local-sec .box-header h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0a1a3a;
  margin: 0;
}

.new-local-sec .ai-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.new-local-sec .ai-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #334155;
  padding: 12px 0;
  border-bottom: 1px dashed #e2e8f0;
}

.new-local-sec .ai-list li:last-child {
  border-bottom: none;
}

.new-local-sec .ai-list .check {
  color: #2563eb;
  font-weight: 800;
  font-size: 18px;
}

.new-local-sec .future-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border: 1px solid #bfdbfe;
  color: #0a1a3a;
  padding: 20px 24px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.new-local-sec .future-box .icon {
  font-size: 26px;
}

.new-local-sec .future-box p {
  margin: 0;
}

.new-local-sec.review-management {
  background: #ffffff;
}

.new-local-sec.review-management h2 {
  font-size: 36px;
  font-weight: 800;
  color: #0a1a3a;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 20px;
  font-weight: 600;
  color: #2563eb;
  margin-top: 12px;
}

.new-local-sec .section-desc {
  font-size: 18px;
  color: #475569;
  margin-top: 8px;
}

.new-local-sec .review-point-card {
  background: #f8faff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .review-point-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.12);
}

.new-local-sec .review-point-card .icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 28px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.new-local-sec .review-point-card p {
  font-size: 17px;
  font-weight: 600;
  color: #0a1a3a;
  margin: 0;
  line-height: 1.6;
}

.new-local-sec .result-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border: 1px solid #bfdbfe;
  color: #0a1a3a;
  padding: 20px 24px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.new-local-sec .result-box .icon {
  font-size: 26px;
}

.new-local-sec .result-box p {
  margin: 0;
}


.new-local-sec.content-reporting {
  background: #ffffff;
}

.new-local-sec .content-box {
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .content-box:hover {
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.1);
  transform: translateY(-4px);
}

.new-local-sec.content-reporting h2 {
  font-size: 30px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 16px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 18px;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 8px;
}

.new-local-sec .section-desc {
  font-size: 17px;
  color: #475569;
  margin-bottom: 20px;
}

.new-local-sec .point-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  flex-grow: 1;
}

.new-local-sec .point-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #334155;
  padding: 10px 0;
  border-bottom: 1px dashed #e2e8f0;
}

.new-local-sec .point-list li:last-child {
  border-bottom: none;
}

.new-local-sec .point-list .check {
  width: 24px;
  height: 24px;
  background: #dbeafe;
  color: #2563eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  flex-shrink: 0;
}

.new-local-sec .note-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border-left: 4px solid #2563eb;
  color: #0a1a3a;
  padding: 18px 20px;
  border-radius: 12px;
  margin-top: auto;
}

.new-local-sec .note-box .icon {
  font-size: 24px;
  flex-shrink: 0;
}

.new-local-sec .note-box p {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.7;
}


.new-local-sec.cta-dominate {
  background: linear-gradient(135deg, #0a1a3a 0%, #1d4ed8 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.new-local-sec.cta-dominate::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
}

.new-local-sec .cta-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  border-radius: 24px;
  padding: 50px 40px;
  position: relative;
  z-index: 2;
}

.new-local-sec .cta-title {
  font-size: 42px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 16px;
  line-height: 1.2;
}

.new-local-sec .cta-text {
  font-size: 20px;
  font-weight: 600;
  color: #bfdbfe;
  margin-bottom: 20px;
}

.new-local-sec .cta-desc {
  font-size: 18px;
  color: #e2e8f0;
  line-height: 1.8;
  margin-bottom: 20px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.new-local-sec .cta-highlight {
  font-size: 17px;
  color: #dbeafe;
  line-height: 1.8;
  background: rgba(59, 130, 246, 0.15);
  border-left: 3px solid #3b82f6;
  padding: 18px 24px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.new-local-sec .cta-button-wrap {
  margin-top: 10px;
}

.new-local-sec .cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  padding: 18px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);
  text-align: left;
  max-width: 800px;
}

.new-local-sec .cta-btn:hover {
  background: linear-gradient(90deg, #1d4ed8, #1e40af);
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(37, 99, 235, 0.5);
  color: #ffffff;
}

.new-local-sec .cta-btn .icon {
  font-size: 22px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .new-local-sec .cta-title { font-size: 32px; }
  .new-local-sec .cta-box { padding: 35px 24px; }
  .new-local-sec .cta-btn { font-size: 16px; padding: 16px 24px; }
}

.new-local-sec.why-choose {
  background: #ffffff;
}

.new-local-sec.why-choose .tag {
  display: inline-block;
  background: #eff6ff;
  color: #2563eb;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.why-choose h2 {
  font-size: 34px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
  margin-bottom: 16px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .sub-heading {
  font-size: 22px;
  font-weight: 700;
  color: #2563eb;
  margin-bottom: 20px;
  line-height: 1.5;
}

.new-local-sec .para {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 18px;
}

.new-local-sec .highlight-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border-left: 4px solid #2563eb;
  color: #0a1a3a;
  padding: 20px 22px;
  border-radius: 12px;
  margin-top: 24px;
}

.new-local-sec .highlight-box .icon {
  font-size: 26px;
  flex-shrink: 0;
}

.new-local-sec .highlight-box p {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 1.7;
}

.new-local-sec .why-card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 24px;
  transition: all 0.3s ease;
}

.new-local-sec .why-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateX(8px);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.12);
}

.new-local-sec .why-card .icon-wrap {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 26px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.new-local-sec .why-card h4 {
  font-size: 19px;
  font-weight: 700;
  color: #0a1a3a;
  margin: 0 0 6px;
}

.new-local-sec .why-card p {
  font-size: 15px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}

.new-local-sec.what-makes-different {
  background: #f8faff;
}

.new-local-sec.what-makes-different .tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.what-makes-different h2 {
  font-size: 34px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
  margin-bottom: 14px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .sub-heading {
  font-size: 22px;
  font-weight: 700;
  color: #2563eb;
  margin-bottom: 20px;
}

.new-local-sec .para {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 16px;
}

.new-local-sec .diff-content-box,
.new-local-sec .diff-points-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .diff-content-box:hover,
.new-local-sec .diff-points-box:hover {
  border-color: #2563eb;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.1);
  transform: translateY(-4px);
}

.new-local-sec .highlight-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border-left: 4px solid #2563eb;
  color: #0a1a3a;
  padding: 18px 20px;
  border-radius: 12px;
  margin-top: auto;
}

.new-local-sec .highlight-box .icon {
  font-size: 24px;
  flex-shrink: 0;
}

.new-local-sec .highlight-box p {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 1.7;
}

.new-local-sec .points-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  flex-grow: 1;
}

.new-local-sec .point-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8faff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 18px;
  transition: all 0.3s ease;
}

.new-local-sec .point-item:hover {
  background: #eff6ff;
  border-color: #2563eb;
  transform: translateX(6px);
}

.new-local-sec .point-item .check {
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  flex-shrink: 0;
}

.new-local-sec .point-item p {
  font-size: 16px;
  font-weight: 600;
  color: #334155;
  margin: 0;
}

@media (min-width: 992px) {
  .new-local-sec .points-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.new-local-sec.industry-expertise {
  background: #ffffff;
}

.new-local-sec.industry-expertise .tag {
  display: inline-block;
  background: #eff6ff;
  color: #2563eb;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.industry-expertise h2 {
  font-size: 36px;
  font-weight: 900;
  color: #0a1a3a;
  margin-bottom: 16px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 19px;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 8px;
}

.new-local-sec .section-desc {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 12px;
}

.new-local-sec .section-sub {
  font-size: 18px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 10px;
}

.new-local-sec .industry-card {
  background: #f8faff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 20px 16px;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .industry-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(37, 99, 235, 0.12);
}

.new-local-sec .industry-card .icon {
  font-size: 32px;
  display: block;
  margin-bottom: 10px;
}

.new-local-sec .industry-card p {
  font-size: 15px;
  font-weight: 600;
  color: #0a1a3a;
  margin: 0;
  line-height: 1.4;
}

.new-local-sec .result-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  color: #ffffff;
  padding: 22px 28px;
  border-radius: 14px;
  text-align: center;
}

.new-local-sec .result-box .icon {
  font-size: 28px;
}

.new-local-sec .result-box p {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 768px) {
  .new-local-sec.industry-expertise h2 { font-size: 28px; }
}


.new-local-sec.data-backed {
  background: #f8faff;
}

.new-local-sec.data-backed .tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.data-backed h2 {
  font-size: 36px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
  margin-bottom: 16px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 19px;
  font-weight: 600;
  color: #2563eb;
  line-height: 1.7;
  margin-bottom: 16px;
}

.new-local-sec .section-desc {
  font-size: 18px;
  color: #475569;
  margin-bottom: 24px;
}

.new-local-sec .result-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  color: #ffffff;
  padding: 20px 22px;
  border-radius: 14px;
}

.new-local-sec .result-box .icon {
  font-size: 28px;
  flex-shrink: 0;
}

.new-local-sec .result-box p {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 1.7;
}

.new-local-sec .data-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 18px 20px;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .data-card:hover {
  border-color: #2563eb;
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.12);
}

.new-local-sec .data-card .icon-wrap {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  color: #2563eb;
  font-size: 24px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.new-local-sec .data-card h4 {
  font-size: 17px;
  font-weight: 700;
  color: #0a1a3a;
  margin: 0;
  text-transform: lowercase;
}

.new-local-sec .data-card h4::first-letter {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .new-local-sec.data-backed h2 { font-size: 28px; }
}


.new-local-sec.dedicated-team {
  background: #ffffff;
}

.new-local-sec.dedicated-team .tag {
  display: inline-block;
  background: #eff6ff;
  color: #2563eb;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.dedicated-team h2 {
  font-size: 36px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
  margin-bottom: 16px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .section-text {
  font-size: 18px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 16px;
}

.new-local-sec .section-desc {
  font-size: 18px;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 24px;
}

.new-local-sec .contact-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border-left: 4px solid #2563eb;
  color: #0a1a3a;
  padding: 20px 22px;
  border-radius: 12px;
}

.new-local-sec .contact-box .icon {
  font-size: 26px;
  flex-shrink: 0;
}

.new-local-sec .contact-box p {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 1.7;
}

.new-local-sec .expertise-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #f8faff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 18px 20px;
  height: 100%;
  transition: all 0.3s ease;
}

.new-local-sec .expertise-card.full-width {
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  border-color: #2563eb;
}

.new-local-sec .expertise-card.full-width h4 {
  color: #ffffff;
}

.new-local-sec .expertise-card.full-width .icon-wrap {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
}

.new-local-sec .expertise-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.12);
}

.new-local-sec .expertise-card .icon-wrap {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #2563eb;
  font-size: 22px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.new-local-sec .expertise-card h4 {
  font-size: 17px;
  font-weight: 700;
  color: #0a1a3a;
  margin: 0;
}

@media (max-width: 768px) {
  .new-local-sec.dedicated-team h2 { font-size: 28px; }
}


.process-sequence {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  padding: 100px 0;
  position: relative;
}

.process-sequence .seq-tag {
  display: inline-block;
  background: rgba(37, 99, 235, 0.15);
  color: #60a5fa;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 18px;
  border: 1px solid rgba(37, 99, 235, 0.3);
}

.process-sequence .seq-title {
  font-size: 44px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 12px;
}

.process-sequence .seq-subtitle {
  font-size: 18px;
  color: #94a3b8;
  font-weight: 500;
}

.process-sequence .process-timeline {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 0;
}

.process-sequence .process-timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #2563eb 0%, #60a5fa 100%);
  transform: translateX(-50%);
}

.process-sequence .timeline-step {
  position: relative;
  margin-bottom: 60px;
  display: flex;
  align-items: flex-start;
}

.process-sequence .timeline-step:nth-child(odd) {
  flex-direction: row;
}

.process-sequence .timeline-step:nth-child(even) {
  flex-direction: row-reverse;
}

.process-sequence .step-badge {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border: 4px solid #0f172a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.2);
}

.process-sequence .step-badge span {
  font-size: 20px;
  font-weight: 900;
  color: #ffffff;
}

.process-sequence .step-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 35px 40px;
  width: calc(50% - 60px);
  transition: all 0.4s ease;
}

.process-sequence .timeline-step:nth-child(odd) .step-card {
  margin-right: auto;
}

.process-sequence .timeline-step:nth-child(even) .step-card {
  margin-left: auto;
}

.process-sequence .step-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.2);
}

.process-sequence .step-card h3 {
  font-size: 24px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 18px;
}

.process-sequence .step-card > p {
  font-size: 15px;
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 12px;
}

.process-sequence .step-points {
  list-style: none;
  padding: 0;
  margin: 15px 0;
}

.process-sequence .step-points li {
  font-size: 14px;
  color: #e2e8f0;
  font-weight: 600;
  padding: 8px 0 8px 28px;
  position: relative;
}

.process-sequence .step-points li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 8px;
  width: 18px;
  height: 18px;
  background: #2563eb;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 900;
}

.process-sequence .audit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 20px;
}

.process-sequence .audit-col h4 {
  font-size: 16px;
  font-weight: 800;
  color: #60a5fa;
  margin-bottom: 12px;
}

.process-sequence .step-result {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.15) 100%);
  color: #6ee7b7;
  padding: 14px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  border-left: 3px solid #10b981;
}

@media (max-width: 992px) {
  .process-sequence .process-timeline::before { left: 35px; }
  .process-sequence .step-badge { left: 35px; }
  .process-sequence .timeline-step { flex-direction: row !important; }
  .process-sequence .step-card { width: calc(100% - 100px); margin-left: 100px !important; }
  .process-sequence .audit-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .process-sequence { padding: 60px 0; }
  .process-sequence .seq-title { font-size: 32px; }
  .process-sequence .step-card { padding: 25px; }
}

.new-local-sec.industries-grid {
  background: #f8faff;
}

.new-local-sec.industries-grid .tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.industries-grid h2 {
  font-size: 38px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.new-local-sec .industry-pro-card {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 32px 28px;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.new-local-sec .industry-pro-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.new-local-sec .industry-pro-card:hover::before {
  transform: scaleX(1);
}

.new-local-sec .industry-pro-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
}

.new-local-sec .industry-pro-card .icon-wrap {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  color: #2563eb;
  font-size: 32px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.new-local-sec .industry-pro-card h3 {
  font-size: 21px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 12px;
  line-height: 1.4;
}

.new-local-sec .industry-pro-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 768px) {
  .new-local-sec.industries-grid h2 { font-size: 30px; }
  .new-local-sec .industry-pro-card { padding: 24px 20px; }
}


.new-local-sec.industries-grid {
  background: #f8faff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.new-local-sec.industries-grid .tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.industries-grid h2 {
  font-size: 38px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
  margin-bottom: 20px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* === SPACE BETWEEN BOXES UPDATED === */
.new-local-sec .row.g-4 {
  --bs-gutter-x: 32px;  /* horizontal space */
  --bs-gutter-y: 32px;  /* vertical space */
}

.new-local-sec .industry-pro-card {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 36px 30px;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.new-local-sec .industry-pro-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.new-local-sec .industry-pro-card:hover::before {
  transform: scaleX(1);
}

.new-local-sec .industry-pro-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(37, 99, 235, 0.18);
}

.new-local-sec .industry-pro-card .icon-wrap {
  width: 68px;
  height: 68px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  color: #2563eb;
  font-size: 34px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.new-local-sec .industry-pro-card h3 {
  font-size: 22px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 14px;
  line-height: 1.4;
}

.new-local-sec .industry-pro-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 768px) {
  .new-local-sec.industries-grid { padding-top: 60px; padding-bottom: 60px; }
  .new-local-sec.industries-grid h2 { font-size: 30px; }
  .new-local-sec .row.g-4 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .new-local-sec .industry-pro-card { padding: 28px 22px; }
}

.new-local-sec.industries-grid {
  background: #f8faff;
  padding-top: 100px;   /* TOP SPACE */
  padding-bottom: 100px; /* BOTTOM SPACE */
}

.new-local-sec.industries-grid .tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.new-local-sec.industries-grid h2 {
  font-size: 38px;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.3;
  margin-bottom: 20px;
}

.new-local-sec .gradient-text {
  background: linear-gradient(90deg, #0a1a3a, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* SPACE BETWEEN BOXES */
.new-local-sec .row.g-4 {
  --bs-gutter-x: 32px;  /* horizontal gap */
  --bs-gutter-y: 32px;  /* vertical gap */
}

.new-local-sec .industry-pro-card {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 36px 30px;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.new-local-sec .industry-pro-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.new-local-sec .industry-pro-card:hover::before {
  transform: scaleX(1);
}

.new-local-sec .industry-pro-card:hover {
  background: #ffffff;
  border-color: #2563eb;
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(37, 99, 235, 0.18);
}

.new-local-sec .industry-pro-card .icon-wrap {
  width: 68px;
  height: 68px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  color: #2563eb;
  font-size: 34px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.new-local-sec .industry-pro-card h3 {
  font-size: 22px;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 14px;
  line-height: 1.4;
}

.new-local-sec .industry-pro-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin: 0;
}

/* MOBILE RESPONSIVE */
@media (max-width: 992px) {
  .new-local-sec.industries-grid {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 768px) {
  .new-local-sec.industries-grid {
    padding-top: 60px;   /* TOP SPACE MOBILE */
    padding-bottom: 60px; /* BOTTOM SPACE MOBILE */
  }
  .new-local-sec.industries-grid h2 { font-size: 30px; }
  .new-local-sec .row.g-4 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .new-local-sec .industry-pro-card { padding: 28px 22px; }
}


.new-local-sec.process-pro {
  background: linear-gradient(180deg, #0a1a3a 0%, #0f234d 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
  padding-top: 100px;    /* TOP SPACE */
  padding-bottom: 100px; /* BOTTOM SPACE */
}

.new-local-sec.process-pro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 30%, rgba(37, 99, 235, 0.15) 0%, transparent 50%);
  pointer-events: none;
}

.new-local-sec.process-pro .tag {
  display: inline-block;
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  letter-spacing: 1.5px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  margin-bottom: 16px;
}

.new-local-sec.process-pro h2 {
  font-size: 44px;
  font-weight: 900;
  margin-bottom: 12px;
  color: #ffffff;
}

.new-local-sec.process-pro .subtitle {
  font-size: 18px;
  color: #cbd5e1;
}

.new-local-sec .timeline-wrap {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px; /* mobile safe padding */
}

.new-local-sec .timeline-wrap::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #2563eb, #1d4ed8);
  transform: translateX(-50%);
}

.new-local-sec .timeline-item {
  position: relative;
  margin-bottom: 50px;
  display: flex;
  justify-content: flex-end;
  padding-right: calc(50% + 40px);
}

.new-local-sec .timeline-item:nth-child(even) {
  justify-content: flex-start;
  padding-right: 0;
  padding-left: calc(50% + 40px);
}

.new-local-sec .timeline-dot {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #0a1a3a;
  z-index: 2;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3);
  flex-shrink: 0;
}

.new-local-sec .timeline-dot span {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}

.new-local-sec .timeline-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 30px;
  width: 100%;
  transition: all 0.4s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.new-local-sec .timeline-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #2563eb;
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.2);
}

.new-local-sec .timeline-card h3 {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
}

.new-local-sec .timeline-card p {
  font-size: 16px;
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 10px;
}

.new-local-sec .tags-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0;
}

.new-local-sec .tag-item {
  background: rgba(37, 99, 235, 0.15);
  color: #bfdbfe;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid rgba(37, 99, 235, 0.3);
  word-break: break-word;
}

.new-local-sec .outcome {
  margin-top: 16px;
  padding: 14px 18px;
  background: rgba(37, 99, 235, 0.2);
  border-left: 3px solid #3b82f6;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #dbeafe;
}

.new-local-sec .audit-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 16px;
}

.new-local-sec .audit-block {
  background: rgba(0,0,0,0.2);
  border-radius: 12px;
  padding: 20px;
}

.new-local-sec .audit-block h4 {
  font-size: 17px;
  font-weight: 700;
  color: #60a5fa;
  margin-bottom: 12px;
}

.new-local-sec .audit-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.new-local-sec .audit-block li {
  font-size: 14px;
  color: #e2e8f0;
  padding: 6px 0;
  position: relative;
  padding-left: 18px;
}

.new-local-sec .audit-block li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-weight: 800;
}

/* ===== MOBILE FIX ===== */
@media (max-width: 992px) {
  .new-local-sec .timeline-wrap::before { 
    left: 30px; 
  }
  .new-local-sec .timeline-item, 
  .new-local-sec .timeline-item:nth-child(even) { 
    padding-left: 80px; 
    padding-right: 0; 
    justify-content: flex-start; 
  }
  .new-local-sec .timeline-dot { 
    left: 30px; 
    width: 50px;
    height: 50px;
  }
  .new-local-sec .timeline-dot span {
    font-size: 16px;
  }
  .new-local-sec .audit-tabs { 
    grid-template-columns: 1fr; 
  }
}

@media (max-width: 768px) {
  .new-local-sec.process-pro {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .new-local-sec.process-pro h2 { 
    font-size: 32px; 
  }
  .new-local-sec .timeline-wrap {
    padding: 0 10px;
  }
  .new-local-sec .timeline-item, 
  .new-local-sec .timeline-item:nth-child(even) { 
    padding-left: 70px; 
  }
  .new-local-sec .timeline-dot { 
    left: 20px;
    width: 45px;
    height: 45px;
  }
  .new-local-sec .timeline-card {
    padding: 22px;
  }
  .new-local-sec .timeline-card h3 {
    font-size: 20px;
  }
}


.iseo-multilocation { background: #f8fafc; }

.iseo-multilocation .iseo-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 35px 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.iseo-multilocation .iseo-card h2 {
  font-size: 28px;
  font-weight: 800;
  color: #1e3a8a;
  margin-bottom: 16px;
}

.iseo-multilocation .iseo-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 16px;
}

/* SAME BULLETS FOR BOTH COLUMNS */
.iseo-multilocation .iseo-checklist {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.iseo-multilocation .iseo-checklist li {
  padding: 10px 0 10px 36px;
  position: relative;
  font-size: 16px;
  color: #334155;
  font-weight: 500;
  line-height: 1.7;
}

.iseo-multilocation .iseo-checklist li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 10px;
  width: 24px;
  height: 24px;
  background: #2563eb;
  color: #ffffff;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .iseo-multilocation .iseo-card { margin-bottom: 20px; }
}



.iseo-framework { background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%); }

.iseo-framework .framework-tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.iseo-framework .framework-title {
  font-size: 40px;
  font-weight: 900;
  color: #1e3a8a;
  margin-bottom: 12px;
}

.iseo-framework .framework-subtitle {
  font-size: 20px;
  font-weight: 700;
  color: #2563eb;
  margin-bottom: 16px;
}

.iseo-framework .framework-desc {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
}

.iseo-framework .framework-card {
  background: #ffffff;
  border: 1px solid #dbeafe;
  border-radius: 20px;
  padding: 35px 30px;
  height: 100%;
  box-shadow: 0 8px 30px rgba(37, 99, 235, 0.08);
  transition: all 0.3s ease;
}

.iseo-framework .framework-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.15);
  border-color: #2563eb;
}

.iseo-framework .step-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.iseo-framework .step-number {
  min-width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 15px rgba(37, 99, 235, 0.3);
}

.iseo-framework .step-header h3 {
  font-size: 22px;
  font-weight: 800;
  color: #1e3a8a;
  margin: 0;
}

.iseo-framework .step-tagline {
  font-size: 14px;
  font-weight: 600;
  color: #2563eb;
  margin: 4px 0 0;
}

.iseo-framework .framework-card p {
  font-size: 15px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 14px;
}

.iseo-framework .sub-heading {
  font-size: 17px;
  font-weight: 700;
  color: #1e40af;
  margin-top: 18px;
  margin-bottom: 8px;
}

.iseo-framework .framework-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 16px;
}

.iseo-framework .framework-list li {
  padding: 8px 0 8px 32px;
  position: relative;
  font-size: 15px;
  color: #334155;
  font-weight: 500;
}

.iseo-framework .framework-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  background: #2563eb;
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iseo-framework .framework-list.small li { font-size: 14px; }

.iseo-framework .highlight-text {
  background: #eff6ff;
  border-left: 3px solid #2563eb;
  padding: 14px 16px;
  border-radius: 8px;
  font-weight: 600;
  color: #1e40af;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .iseo-framework .framework-title { font-size: 28px; }
  .iseo-framework .framework-card { padding: 25px 20px; }
}


.iseo-cases { background: #f8fafc; }

.iseo-cases .case-tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.iseo-cases .case-title {
  font-size: 40px;
  font-weight: 900;
  color: #1e3a8a;
  margin-bottom: 12px;
}

.iseo-cases .case-subtitle { font-size: 18px; color: #64748b; }

.iseo-cases .case-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 35px 30px;
  height: 100%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.iseo-cases .case-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.12);
  border-color: #2563eb;
}

.iseo-cases .case-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #eff6ff;
}

.iseo-cases .case-icon {
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.iseo-cases .case-header h3 {
  font-size: 24px;
  font-weight: 800;
  color: #1e3a8a;
  margin: 0;
}

.iseo-cases .badge-red { background: #fee2e2; color: #b91c1c; }
.iseo-cases .badge-blue { background: #dbeafe; color: #1d4ed8; }
.iseo-cases .badge-green { background: #d1fae5; color: #065f46; }
.iseo-cases .badge-red, .iseo-cases .badge-blue, .iseo-cases .badge-green {
  display: inline-block; padding: 6px 14px; border-radius: 8px;
  font-size: 13px; font-weight: 800; letter-spacing: 0.5px;
}

.iseo-cases .case-list { list-style: none; padding-left: 0; }
.iseo-cases .case-list li {
  padding: 8px 0 8px 28px; position: relative;
  font-size: 15px; color: #334155; font-weight: 500;
}
.iseo-cases .case-list li::before {
  content: '✓'; position: absolute; left: 0; top: 8px;
  color: #2563eb; font-weight: 900; font-size: 16px;
}

.iseo-cases .result-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 16px; margin-bottom: 12px;
}
.iseo-cases .stat-item {
  background: #eff6ff; border-left: 3px solid #2563eb;
  padding: 14px 12px; border-radius: 10px;
}
.iseo-cases .stat-num {
  display: block; font-size: 26px; font-weight: 900; color: #1e40af;
}
.iseo-cases .stat-label {
  display: block; font-size: 12px; color: #475569; font-weight: 600; margin-top: 4px;
}
.iseo-cases .stat-note {
  background: #f0fdf4; border-left: 3px solid #10b981;
  padding: 12px 14px; border-radius: 8px;
  font-size: 14px; font-weight: 600; color: #065f46;
}


.iseo-about-premium {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #2563eb 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.iseo-about-premium::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></svg>');
  opacity: 0.3;
}

.iseo-about-premium .about-tag {
  display: inline-block;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #93c5fd;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  backdrop-filter: blur(10px);
}

.iseo-about-premium .about-title {
  font-size: 42px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 20px;
  background: linear-gradient(90deg, #ffffff 0%, #dbeafe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.iseo-about-premium .about-intro {
  font-size: 18px;
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 25px;
}

.iseo-about-premium .mission-box {
  background: rgba(37, 99, 235, 0.15);
  border-left: 4px solid #3b82f6;
  padding: 22px 24px;
  border-radius: 12px;
  margin: 25px 0;
  backdrop-filter: blur(10px);
}

.iseo-about-premium .mission-box h4 {
  font-size: 16px;
  font-weight: 800;
  color: #93c5fd;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.iseo-about-premium .mission-box p {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.iseo-about-premium .about-text {
  font-size: 16px;
  color: #cbd5e1;
  margin-bottom: 16px;
}

.iseo-about-premium .services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 20px 0;
}

.iseo-about-premium .service-item {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #e2e8f0;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}

.iseo-about-premium .service-item:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  transform: translateX(5px);
}

.iseo-about-premium .cta-note {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  padding: 20px 24px;
  border-radius: 14px;
  margin-top: 25px;
}

.iseo-about-premium .cta-note p {
  font-size: 16px;
  margin: 0;
  color: #ffffff;
}

/* RIGHT SIDE GLASS CARD */
.iseo-about-premium .about-visual { position: relative; }

.iseo-about-premium .glass-card {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 35px 30px;
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.iseo-about-premium .glass-card h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 25px;
  color: #ffffff;
}

.iseo-about-premium .feature {
  display: flex;
  gap: 16px;
  margin-bottom: 22px;
}

.iseo-about-premium .feature:last-child { margin-bottom: 0; }

.iseo-about-premium .feature-icon {
  min-width: 45px;
  height: 45px;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.iseo-about-premium .feature h5 {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px;
}

.iseo-about-premium .feature p {
  font-size: 14px;
  color: #cbd5e1;
  margin: 0;
}

@media (max-width: 991px) {
  .iseo-about-premium .about-title { font-size: 32px; }
  .iseo-about-premium .services-grid { grid-template-columns: 1fr; }
}

.iseo-trust-premium {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #2563eb 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.iseo-trust-premium::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="1" fill="white" opacity="0.08"/></svg>');
  opacity: 0.4;
}

.iseo-trust-premium .trust-tag {
  display: inline-block;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #93c5fd;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  backdrop-filter: blur(10px);
}

.iseo-trust-premium .trust-title {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 12px;
  color:#0f172a !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.iseo-trust-premium .trust-subtitle {
  font-size: 18px;
  color: #cbd5e1;
}

.iseo-trust-premium .trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.iseo-trust-premium .trust-item {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 20px 24px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #e2e8f0;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.iseo-trust-premium .trust-item:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);
}

.iseo-trust-premium .check-icon {
  min-width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .iseo-trust-premium .trust-title { font-size: 28px; }
  .iseo-trust-premium .trust-grid { grid-template-columns: 1fr; }
  .iseo-trust-premium .trust-item { font-size: 15px; padding: 16px 18px; }
}



.iseo-trust-premium {
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  color: #1e293b;
  position: relative;
  padding: 80px 0;
}

.iseo-trust-premium::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="1" fill="%232563eb" opacity="0.05"/></svg>');
  opacity: 0.6;
}

.iseo-trust-premium .trust-tag {
  display: inline-block;
  background: #dbeafe;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
}

.iseo-trust-premium .trust-title {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 12px;
  color: #0f172a !important;
}

.iseo-trust-premium .trust-subtitle {
  font-size: 18px;
  color: #475569;
}

.iseo-trust-premium .trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.iseo-trust-premium .trust-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 20px 24px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

.iseo-trust-premium .trust-item:hover {
  background: #eff6ff;
  border-color: #2563eb;
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.15);
}

.iseo-trust-premium .check-icon {
  min-width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .iseo-trust-premium .trust-title { font-size: 28px; }
  .iseo-trust-premium .trust-grid { grid-template-columns: 1fr; }
  .iseo-trust-premium .trust-item { font-size: 15px; padding: 16px 18px; }
}


.iseo-cta-light {
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  color: #1e293b;
  padding: 100px 0;
  position: relative;
}

.iseo-cta-light::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="1" fill="%232563eb" opacity="0.04"/></svg>');
}

.iseo-cta-light .cta-light-title {
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #0f172a;
  line-height: 1.2;
}

.iseo-cta-light .cta-content-light {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 50px 40px;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
}

.iseo-cta-light .cta-para-light {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: center;
}

.iseo-cta-light .cta-highlight-light {
  background: #eff6ff;
  border-left: 4px solid #2563eb;
  padding: 24px 30px;
  border-radius: 12px;
  margin: 30px 0;
}

.iseo-cta-light .cta-question-light {
  font-size: 18px;
  color: #1d4ed8;
  font-weight: 700;
  margin: 0;
}

.iseo-cta-light .cta-question-bold-light {
  font-size: 22px;
  color: #0f172a;
  font-weight: 900;
  margin: 8px 0 0;
}

.iseo-cta-light .cta-box-light {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border: 1px solid #bfdbfe;
  padding: 30px 35px;
  border-radius: 16px;
  margin: 35px 0;
  text-align: center;
}

.iseo-cta-light .cta-box-light h4 {
  font-size: 24px;
  font-weight: 800;
  color: #1e40af;
  margin-bottom: 12px;
}

.iseo-cta-light .cta-box-light p {
  font-size: 16px;
  color: #334155;
  margin: 0;
  line-height: 1.7;
}

.iseo-cta-light .cta-contact-light {
  font-size: 18px;
  color: #1e293b;
  font-weight: 700;
  text-align: center;
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.iseo-cta-light .phone-icon { font-size: 24px; }

.iseo-cta-light .cta-buttons-light {
  text-align: center;
  margin-top: 30px;
}

.iseo-cta-light .btn-cta-main-light {
  display: inline-block;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  padding: 18px 45px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.25);
}

.iseo-cta-light .btn-cta-main-light:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.35);
  color: #ffffff;
}

@media (max-width: 768px) {
  .iseo-cta-light .cta-light-title { font-size: 32px; }
  .iseo-cta-light .cta-content-light { padding: 30px 20px; }
  .iseo-cta-light .cta-question-bold-light { font-size: 18px; }
}


.iseo-why-partner {
  background: #ffffff;
  padding: 90px 0;
  position: relative;
}

.iseo-why-partner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 30%, rgba(37, 99, 235, 0.04) 0%, transparent 50%);
}

.iseo-why-partner .why-wrapper {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid #e2e8f0;
  padding: 60px 50px;
  border-radius: 24px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
}

.iseo-why-partner .why-tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
}

.iseo-why-partner .why-title {
  font-size: 38px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 30px;
}

.iseo-why-partner .why-para {
  font-size: 17px;
  color: #475569;
  line-height: 1.9;
  margin-bottom: 20px;
}

.iseo-why-partner .why-highlight {
  background: #eff6ff;
  border-left: 4px solid #2563eb;
  padding: 24px 28px;
  border-radius: 12px;
  margin: 30px 0;
}

.iseo-why-partner .why-highlight .why-para {
  margin: 0;
  font-weight: 600;
  color: #1e293b;
}

.iseo-why-partner .contractor-types {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
  justify-content: center;
}

.iseo-why-partner .type-badge {
  background: #ffffff;
  border: 2px solid #bfdbfe;
  color: #1d4ed8;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.iseo-why-partner .type-badge:hover {
  background: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .iseo-why-partner .why-wrapper { padding: 35px 25px; }
  .iseo-why-partner .why-title { font-size: 28px; }
  .iseo-why-partner .why-para { font-size: 16px; }
}



.iseo-expect {
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  padding: 90px 0;
}

.iseo-expect .expect-tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 16px;
}

.iseo-expect .expect-title {
  font-size: 40px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.2;
}

.iseo-expect .expect-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 40px 35px;
  border-radius: 20px;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.iseo-expect .expect-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.12);
  border-color: #2563eb;
}

.iseo-expect .expect-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.iseo-expect .expect-card-title {
  font-size: 24px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 16px;
}

.iseo-expect .expect-text {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 12px;
}

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

.iseo-expect .expect-list li {
  font-size: 16px;
  color: #1e293b;
  font-weight: 600;
  padding: 10px 0 10px 32px;
  position: relative;
  border-bottom: 1px solid #f1f5f9;
}

.iseo-expect .expect-list li:last-child { border-bottom: none; }

.iseo-expect .expect-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 10px;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
}

.iseo-expect .expect-highlight {
  background: #eff6ff;
  border-left: 3px solid #2563eb;
  padding: 16px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #1e40af;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .iseo-expect .expect-title { font-size: 30px; }
  .iseo-expect .expect-card { padding: 30px 25px; }
}


.iseo-practices {
  background: #ffffff;
  padding: 90px 0;
}

.iseo-practices .practice-card {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid #e2e8f0;
  padding: 45px 40px;
  border-radius: 20px;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.iseo-practices .practice-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  border-color: #bfdbfe;
}

.iseo-practices .practice-card-blue {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #bfdbfe;
}

.iseo-practices .practice-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.iseo-practices .practice-card-blue .practice-icon {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.iseo-practices .practice-title {
  font-size: 26px;
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 18px;
}

.iseo-practices .practice-text {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 16px;
}

.iseo-practices .practice-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.iseo-practices .practice-list li {
  font-size: 16px;
  color: #1e293b;
  font-weight: 600;
  padding: 10px 0 10px 32px;
  position: relative;
  border-bottom: 1px dashed #e2e8f0;
}

.iseo-practices .practice-list li:last-child { border-bottom: none; }

.iseo-practices .practice-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 10px;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
}

.iseo-practices .practice-list-locations li::before {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.iseo-practices .practice-highlight {
  background: rgba(37, 99, 235, 0.08);
  border-left: 3px solid #2563eb;
  padding: 16px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #1e40af;
  margin-top: 20px;
}

.iseo-practices .practice-card-blue .practice-highlight {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10b981;
  color: #065f46;
}

@media (max-width: 768px) {
  .iseo-practices .practice-card { padding: 30px 25px; }
  .iseo-practices .practice-title { font-size: 22px; }
}


.iseo-industries {
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  padding: 90px 0;
}

.iseo-industries .industries-tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 16px;
}

.iseo-industries .industries-title {
  font-size: 40px;
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 12px;
}

.iseo-industries .industries-subtitle {
  font-size: 17px;
  color: #475569;
}

.iseo-industries .industry-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 30px 28px;
  border-radius: 18px;
  height: 100%;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.iseo-industries .industry-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.1);
  border-color: #2563eb;
}

.iseo-industries .industry-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid #eff6ff;
}

.iseo-industries .industry-icon {
  font-size: 28px;
  width: 50px;
  height: 50px;
  background: #eff6ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iseo-industries .industry-header h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
}

.iseo-industries .industry-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.iseo-industries .industry-list li {
  font-size: 15px;
  color: #334155;
  font-weight: 600;
  padding: 8px 0 8px 24px;
  position: relative;
}

.iseo-industries .industry-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #2563eb;
  font-size: 18px;
  font-weight: 900;
}

.iseo-industries .industries-footer {
  background: #ffffff;
  border: 2px solid #bfdbfe;
  padding: 30px 40px;
  border-radius: 16px;
  margin-top: 30px;
}

.iseo-industries .industries-footer p {
  font-size: 18px;
  font-weight: 700;
  color: #1e40af;
  margin: 0;
}

@media (max-width: 768px) {
  .iseo-industries .industries-title { font-size: 30px; }
  .iseo-industries .industry-card { padding: 25px 20px; }
}


.iseo-commitment {
  background: #ffffff;
  padding: 90px 0;
  position: relative;
}

.iseo-commitment::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: radial-gradient(circle at 70% 50%, rgba(37, 99, 235, 0.05) 0%, transparent 60%);
}

.iseo-commitment .commitment-wrapper {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid #e2e8f0;
  padding: 60px 50px;
  border-radius: 24px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2;
}

.iseo-commitment .commitment-tag {
  display: inline-block;
  background: #dcfce7;
  color: #15803d;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
}

.iseo-commitment .commitment-title {
  font-size: 38px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 16px;
}

.iseo-commitment .commitment-text {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 12px;
}

.iseo-commitment .commitment-subtext {
  font-size: 16px;
  color: #1e293b;
  font-weight: 700;
  margin-bottom: 25px;
}

.iseo-commitment .commitment-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.iseo-commitment .commitment-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 14px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  transition: all 0.3s ease;
}

.iseo-commitment .commitment-item:hover {
  background: #eff6ff;
  border-color: #2563eb;
  transform: translateX(4px);
}

.iseo-commitment .commit-check {
  font-size: 18px;
  flex-shrink: 0;
}

/* RIGHT SIDE */
.iseo-commitment .commitment-visual {
  text-align: center;
}

.iseo-commitment .commit-badge {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  padding: 30px 25px;
  border-radius: 20px;
  margin-bottom: 20px;
  box-shadow: 0 15px 35px rgba(37, 99, 235, 0.3);
}

.iseo-commitment .badge-number {
  display: block;
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
}

.iseo-commitment .badge-text {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 6px;
  opacity: 0.9;
}

.iseo-commitment .commit-stats {
  display: flex;
  gap: 16px;
}

.iseo-commitment .commit-stat {
  flex: 1;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  padding: 20px 15px;
  border-radius: 14px;
}

.iseo-commitment .stat-num {
  display: block;
  font-size: 28px;
  font-weight: 900;
  color: #1d4ed8;
}

.iseo-commitment .stat-label {
  display: block;
  font-size: 13px;
  color: #475569;
  font-weight: 600;
  margin-top: 4px;
}

@media (max-width: 991px) {
  .iseo-commitment .commitment-wrapper { padding: 40px 25px; }
  .iseo-commitment .commitment-title { font-size: 30px; }
  .iseo-commitment .commitment-grid { grid-template-columns: 1fr; }
  .iseo-commitment .commitment-visual { margin-top: 40px; }
}

.iseo-faq {
  background: #ffffff;
  padding: 90px 0;
}

.iseo-faq .faq-tag {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 16px;
}

.iseo-faq .faq-title {
  font-size: 40px;
  font-weight: 900;
  color: #0f172a;
}

.iseo-faq .accordion-item {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  margin-bottom: 16px;
  overflow: hidden;
}

.iseo-faq .accordion-button {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  background: #f8fafc;
  padding: 20px 24px;
  cursor: pointer;
}

.iseo-faq .accordion-button:focus { box-shadow: none; }

.iseo-faq .accordion-button:not(.collapsed) {
  background: #eff6ff;
  color: #1d4ed8;
}

.iseo-faq .accordion-body {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  padding: 20px 24px;
}

.iseo-faq .faq-bullet-list {
  list-style: none;
  padding: 0;
  margin-top: 12px;
}

.iseo-faq .faq-bullet-list li {
  padding: 6px 0 6px 24px;
  position: relative;
  font-weight: 600;
}

.iseo-faq .faq-bullet-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #2563eb;
  font-size: 18px;
  font-weight: 900;
}

/* FINAL CTA */
.iseo-final-cta {
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  padding: 90px 0;
}

.iseo-final-cta .final-cta-wrapper {
  background: #ffffff;
  border: 2px solid #bfdbfe;
  padding: 60px 50px;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.1);
}

.iseo-final-cta .final-cta-title {
  font-size: 42px;
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 20px;
}

.iseo-final-cta .final-cta-text {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 20px;
}

.iseo-final-cta .final-cta-list {
  list-style: none;
  padding: 0;
  margin: 25px auto;
  text-align: left;
}

.iseo-final-cta .final-cta-list li {
  font-size: 16px;
  color: #1e293b;
  font-weight: 600;
  padding: 10px 0 10px 32px;
  position: relative;
}

.iseo-final-cta .final-cta-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
}

.iseo-final-cta .btn-final {
  display: inline-block;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  padding: 18px 45px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  margin-top: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.25);
}

.iseo-final-cta .btn-final:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.35);
  color: #ffffff;
}


.iseo-consult-cities {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  padding: 90px 0;
}

/* CONSULTATION */
.iseo-consult-cities .consult-title {
  font-size: 40px;
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 20px;
}

.iseo-consult-cities .consult-text {
  font-size: 17px;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 15px;
}

.iseo-consult-cities .btn-consult {
  display: inline-block;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  padding: 18px 45px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  margin-top: 25px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.25);
}

.iseo-consult-cities .btn-consult:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(37, 99, 235, 0.35);
  color: #ffffff;
}

/* CITIES */
.iseo-consult-cities .cities-wrapper {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 50px 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.iseo-consult-cities .cities-title {
  font-size: 32px;
  font-weight: 900;
  color: #0f172a;
  text-align: center;
  margin-bottom: 12px;
}

.iseo-consult-cities .cities-subtext {
  font-size: 16px;
  color: #475569;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.7;
}

.iseo-consult-cities .city-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f8fafc;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.iseo-consult-cities .city-item:hover {
  background: #eff6ff;
  border-color: #2563eb;
  transform: translateY(-2px);
}

.iseo-consult-cities .city-item svg {
  color: #2563eb;
  flex-shrink: 0;
}

.iseo-consult-cities .cities-note {
  text-align: center;
  font-size: 15px;
  color: #64748b;
  font-style: italic;
  margin-top: 25px;
}

@media (max-width: 768px) {
  .iseo-consult-cities .consult-title { font-size: 30px; }
  .iseo-consult-cities .cities-title { font-size: 24px; }
  .iseo-consult-cities .cities-wrapper { padding: 30px 20px; }
}



.ai-seo-intro { color: #000; }
.ai-seo-intro h2 { font-weight: 800; color: #000; }
.ai-seo-intro p, 
.ai-seo-intro span { color: #000; }
.ai-seo-intro .btn-secondary { color: #0a4d2a; border-color: #0a4d2a; } /* button ko green hi rehne do */


.ai-trusted-section .ai-search-queries {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-trusted-section .ai-search-queries li {
  background: #f1f5f9;
  border-left: 4px solid #1e3a8a;
  padding: 15px 20px;
  margin-bottom: 12px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #0a1a3a;
  transition: all 0.3s;
}
.ai-trusted-section .ai-search-queries li:hover {
  background: #dbeafe;
  transform: translateX(5px);
  border-left-color: #0a1a3a;
}
.ai-trusted-section .query-icon { font-size: 20px; }

.ai-trusted-section .alert-warning-box {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  padding: 18px;
  border-radius: 10px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 1rem;
}

.ai-trusted-section .icon-badge {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.ai-trusted-section .feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.ai-trusted-section .feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #0a1a3a;
}
.ai-trusted-section .feature-item span {
  color: #1e3a8a;
  font-size: 18px;
  font-weight: 800;
}

.ai-trusted-section .btn-theme-blue { 
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a); 
  color:#fff; 
  padding:14px 30px; 
  border-radius:10px; 
  text-decoration:none; 
  font-weight:700;
  display:inline-block;
  transition: all 0.3s;
  border: none;
}
.ai-trusted-section .btn-theme-blue:hover { 
  background: linear-gradient(90deg, #1e3a8a, #0a1a3a); 
  color:#fff; 
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(30, 58, 138, 0.4);
}



/* ===== RESULTS SECTION THEME ===== */
.results-section {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
}

.results-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #fff;
}

.results-subheading {
  font-size: 1.2rem;
  color: rgba(255,255,255,0.9);
}

/* Result Cards */
.results-section .result-card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 35px 30px;
  border-radius: 16px;
  height: 100%;
  transition: all 0.4s ease;
  color: #fff;
}

.results-section .result-card:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.25);
}

.results-section .result-percent {
  font-size: 3rem;
  font-weight: 800;
  background: linear-gradient(90deg, #60a5fa, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 15px;
  line-height: 1;
}

.results-section .result-icon {
  font-size: 3rem;
  margin-bottom: 15px;
}

.results-section .result-card h4 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}

.results-section .result-card p {
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .results-heading { font-size: 2rem; }
  .results-section .result-percent { font-size: 2.5rem; }
}

/* ===== WHY AI SECTION ===== */
.why-ai-section {
  background: #ffffff;
  color: #0a1a3a;
}

.why-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.why-ai-section .comparison-box {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  border-left: 4px solid #1e3a8a;
  padding: 20px 25px;
  border-radius: 10px;
  margin-bottom: 25px;
}

.why-ai-section .comparison-box p {
  font-size: 1.1rem;
  color: #0a1a3a;
  margin-bottom: 10px;
}

.why-ai-section .why-desc {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 20px;
}

.why-ai-section .why-highlight {
  font-size: 1.15rem;
  color: #1e3a8a;
  margin-bottom: 15px;
}

.why-ai-section .why-subheading {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 0;
}

/* Checklist */
.why-ai-section .checklist-wrapper {
  background: #f8fafc;
  padding: 10px 40px;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}

.why-ai-section .ai-checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.why-ai-section .ai-checklist li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #0a1a3a;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
}

.why-ai-section .ai-checklist li:last-child {
  border-bottom: none;
}

.why-ai-section .ai-checklist li span {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 800;
  flex-shrink: 0;
}

/* CTA Box */
.why-ai-section .cta-box {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  padding: 25px;
  border-radius: 12px;
  text-align: center;
}

.why-ai-section .cta-box p {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
}

.why-ai-section .btn-theme-blue { 
  background: #fff; 
  color: #1e3a8a; 
  padding: 14px 30px; 
  border-radius: 10px; 
  text-decoration: none; 
  font-weight: 700;
  display: inline-block;
  transition: all 0.3s;
}
.why-ai-section .btn-theme-blue:hover { 
  background: #e2e8f0; 
  color: #0a1a3a; 
  transform: translateY(-2px);
}


/* ===== FRAMEWORK SECTION ===== */
.framework-section {
  background: #ffffff;
  color: #0a1a3a;
}

.framework-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
}

/* Framework Card */
.framework-section .framework-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 5px solid #1e3a8a;
  border-radius: 16px;
  padding: 40px;
  display: flex;
  gap: 30px;
  transition: all 0.4s ease;
}

.framework-section .framework-card:hover {
  background: #ffffff;
  box-shadow: 0 10px 40px rgba(10, 26, 58, 0.08);
  transform: translateY(-5px);
  border-left-color: #0a1a3a;
}

.framework-section .framework-number {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 800;
  flex-shrink: 0;
}

.framework-section .framework-content {
  flex: 1;
}

.framework-section .framework-content h3 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 12px;
}

.framework-section .framework-desc {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 15px;
}

.framework-section .framework-sub {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 15px;
}

/* Lists */
.framework-section .framework-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: grid;
  gap: 12px;
}

.framework-section .framework-list.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.framework-section .framework-list.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.framework-section .framework-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #0a1a3a;
}

.framework-section .framework-list li span {
  color: #1e3a8a;
  font-weight: 800;
  font-size: 16px;
}

.framework-section .framework-note {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  padding: 15px 20px;
  border-radius: 8px;
  font-style: italic;
  color: #1e3a8a;
  font-weight: 600;
  margin: 0;
  border-left: 3px solid #1e3a8a;
}

/* Responsive */
@media (max-width: 992px) {
  .framework-section .framework-list.grid-3,
  .framework-section .framework-list.grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .framework-section .framework-card {
    flex-direction: column;
    padding: 25px;
  }
  .framework-section .framework-list.grid-3,
  .framework-section .framework-list.grid-2 {
    grid-template-columns: 1fr;
  }
}


/* ===== WHY CHOOSE SECTION ===== */
.whychoose-section {
  background: #ffffff;
  color: #0a1a3a;
}

.whychoose-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.whychoose-intro {
  font-size: 1.15rem;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 20px;
  font-weight: 500;
}

.whychoose-desc {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #475569;
  margin-bottom: 25px;
}

.whychoose-desc b {
  color: #1e3a8a;
  font-weight: 700;
}

/* Badges */
.whychoose-section .badge-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.whychoose-section .theme-badge {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.08), rgba(30, 58, 138, 0.08));
  border: 1px solid rgba(30, 58, 138, 0.2);
  color: #1e3a8a;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
}

/* Results Card */
.whychoose-section .results-card {
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(10, 26, 58, 0.08);
  transition: all 0.4s ease;
}

.whychoose-section .results-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.12);
  border-color: #1e3a8a;
}

.whychoose-section .results-icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 20px;
}

.whychoose-section .results-card h3 {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 10px;
}

.whychoose-section .results-sub {
  font-size: 1.05rem;
  color: #1e3a8a;
  font-weight: 600;
  margin-bottom: 15px;
}

.whychoose-section .results-intro {
  font-size: 1.05rem;
  color: #334155;
  margin-bottom: 20px;
}

/* Results List */
.whychoose-section .results-list {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.whychoose-section .results-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #0a1a3a;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
}

.whychoose-section .results-list li:last-child {
  border-bottom: none;
}

.whychoose-section .results-list li span {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 800;
  flex-shrink: 0;
}

.whychoose-section .results-note {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  padding: 15px 20px;
  border-radius: 10px;
  border-left: 4px solid #1e3a8a;
  font-weight: 600;
  color: #1e3a8a;
  margin-bottom: 25px;
}

.whychoose-section .btn-theme-blue { 
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a); 
  color:#fff; 
  padding:16px 32px; 
  border-radius:10px; 
  text-decoration:none; 
  font-weight:700;
  display:inline-block;
  transition: all 0.3s;
  border: none;
  width: 100%;
  text-align: center;
}
.whychoose-section .btn-theme-blue:hover { 
  background: linear-gradient(90deg, #1e3a8a, #0a1a3a); 
  color:#fff; 
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(30, 58, 138, 0.3);
}

/* ===== CUSTOMIZED SECTION ===== */
.customized-section {
  background: #ffffff;
  color: #0a1a3a;
}

.customized-section .section-tag {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(30, 58, 138, 0.2);
}

.customized-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.customized-section .customized-intro {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 25px;
  font-weight: 500;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.customized-section .highlight-box {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  padding: 20px 25px;
  border-radius: 12px;
  margin-bottom: 25px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.customized-section .highlight-box p {
  color: #fff;
  font-size: 1.15rem;
  margin: 0;
}

.customized-section .customized-desc {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 0;
}

/* Factors Grid - Now 4 columns */
.customized-section .factors-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.customized-section .factor-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 25px 20px;
  border-radius: 14px;
  text-align: center;
  transition: all 0.3s ease;
}

.customized-section .factor-item:hover {
  background: #ffffff;
  border-color: #1e3a8a;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.1);
}

.customized-section .factor-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto 15px auto;
}

.customized-section .factor-item h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #0a1a3a;
  margin: 0;
  line-height: 1.4;
}

/* Bottom CTA */
.customized-section .customized-cta {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border: 2px solid #1e3a8a;
  padding: 40px;
  border-radius: 16px;
  text-align: center;
}

.customized-section .customized-cta p {
  font-size: 1.2rem;
  font-weight: 600;
  color: #0a1a3a;
  margin-bottom: 25px;
}

.customized-section .btn-theme-outline { 
  background: transparent; 
  color: #1e3a8a; 
  padding: 16px 35px; 
  border-radius: 10px; 
  text-decoration: none; 
  font-weight: 700;
  display: inline-block;
  transition: all 0.3s;
  border: 2px solid #1e3a8a;
}
.customized-section .btn-theme-outline:hover { 
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a); 
  color: #fff; 
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(30, 58, 138, 0.3);
}

/* Responsive */
@media (max-width: 992px) {
  .customized-section .factors-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .customized-section .factors-grid {
    grid-template-columns: 1fr;
  }
  .customized-heading { font-size: 2rem; }
}

/* ===== LOCAL SEO SECTION - DARK THEME ===== */
.local-seo-section {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  position: relative;
  overflow: hidden;
}

.local-seo-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.5;
}

.local-seo-section .section-tag-dark {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}

.local-seo-section .local-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #fff;
  line-height: 1.2;
}

.local-seo-section .local-subheading {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.local-seo-section .specialize-text {
  font-size: 1.15rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
}

/* Service Cards */
.local-seo-section .service-card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 18px 15px;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  transition: all 0.3s ease;
}

.local-seo-section .service-card:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.local-seo-section .service-card span {
  font-size: 22px;
  flex-shrink: 0;
}

/* Bottom Note */
.local-seo-section .bottom-note {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 25px 30px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
}

.local-seo-section .bottom-note span {
  font-size: 28px;
}

.local-seo-section .bottom-note p {
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .local-seo-section .local-heading { font-size: 2rem; }
  .local-seo-section .service-card { font-size: 0.9rem; padding: 15px 12px; }
}

/* ===== REPORTING SECTION - LIGHT THEME ===== */
.reporting-section {
  background: #f8fafc;
  color: #0a1a3a;
}

/* Info Cards */
.reporting-section .info-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 40px;
  height: 100%;
  transition: all 0.4s ease;
  box-shadow: 0 4px 20px rgba(10, 26, 58, 0.05);
}

.reporting-section .info-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 50px rgba(10, 26, 58, 0.1);
  border-color: #1e3a8a;
}

.reporting-section .card-icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 25px;
}

.reporting-section .info-card h3 {
  font-size: 1.8rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 15px;
}

.reporting-section .card-intro {
  font-size: 1.1rem;
  color: #334155;
  margin-bottom: 10px;
  font-weight: 500;
}

.reporting-section .card-sub {
  font-size: 1.05rem;
  color: #1e3a8a;
  font-weight: 700;
  margin-bottom: 20px;
}

/* Lists */
.reporting-section .info-list {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
  display: grid;
  gap: 12px;
}

.reporting-section .info-list.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.reporting-section .info-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1a3a;
  padding: 10px 0;
}

.reporting-section .info-list li span {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}

/* Note Box */
.reporting-section .note-box {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  border-left: 4px solid #1e3a8a;
  padding: 18px 20px;
  border-radius: 10px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.reporting-section .note-box span {
  font-size: 22px;
  flex-shrink: 0;
}

.reporting-section .note-box p {
  font-size: 1rem;
  font-weight: 600;
  color: #1e3a8a;
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
  .reporting-section .info-list.grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .reporting-section .info-card { padding: 30px 25px; }
  .reporting-section .info-card h3 { font-size: 1.5rem; }
}

/* ===== ETHICAL SECTION - 2 COLUMN ===== */
.ethical-section {
  background: #ffffff;
  color: #0a1a3a;
}

.ethical-section .trust-badge {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 2px solid #1e3a8a;
}

.ethical-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
  margin-bottom: 20px;
}

.ethical-section .ethical-intro {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 10px;
  font-weight: 500;
}

.ethical-section .ethical-sub {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 0;
}

/* 2 Column Grid */
.ethical-section .ethical-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.ethical-section .ethical-item {
  display: flex;
  gap: 15px;
  padding: 22px;
  background: #f8fafc;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
}

.ethical-section .ethical-item:hover {
  background: #ffffff;
  border-color: #1e3a8a;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(10, 26, 58, 0.1);
}

.ethical-section .check-circle {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 2px;
}

.ethical-section .ethical-item h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0a1a3a;
  margin: 0 0 6px 0;
}

.ethical-section .ethical-item p {
  font-size: 0.95rem;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}

/* Bottom Warning */
.ethical-section .bottom-warning {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  border: 2px solid #1e3a8a;
  padding: 25px 30px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  text-align: center;
}

.ethical-section .bottom-warning span {
  font-size: 28px;
}

.ethical-section .bottom-warning p {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1e3a8a;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .ethical-section .ethical-grid {
    grid-template-columns: 1fr;
  }
  .ethical-heading { font-size: 2rem; }
}

/* ===== FRAMEWORK TIMELINE SECTION ===== */
.framework-timeline-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #0a1a3a;
  position: relative;
}

.framework-timeline-section .timeline-tag {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.timeline-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.timeline-sub {
  font-size: 1.15rem;
  color: #475569;
  max-width: 700px;
  margin: 0 auto;
}

/* Timeline Wrapper */
.framework-timeline-section .timeline-wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}

.framework-timeline-section .timeline-wrapper::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #0a1a3a, #1e3a8a);
  transform: translateX(-50%);
}

/* Timeline Item */
.framework-timeline-section .timeline-item {
  position: relative;
  margin-bottom: 60px;
  display: flex;
  justify-content: flex-start;
}

.framework-timeline-section .timeline-item:nth-child(even) {
  justify-content: flex-end;
}

.framework-timeline-section .timeline-marker {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  border: 4px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 5px 20px rgba(30, 58, 138, 0.3);
  z-index: 2;
}

/* Timeline Content */
.framework-timeline-section .timeline-content {
  width: 45%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 35px;
  box-shadow: 0 10px 40px rgba(10, 26, 58, 0.08);
  transition: all 0.4s ease;
}

.framework-timeline-section .timeline-content:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.15);
  border-color: #1e3a8a;
}

.framework-timeline-section .timeline-content h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 12px;
}

.framework-timeline-section .timeline-desc {
  font-size: 1.05rem;
  color: #64748b;
  margin-bottom: 15px;
  font-weight: 500;
}

.framework-timeline-section .timeline-intro {
  font-size: 1rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 15px;
}

/* Grid */
.framework-timeline-section .timeline-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.framework-timeline-section .timeline-grid span {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0a1a3a;
  border-left: 3px solid #1e3a8a;
}

/* Note */
.framework-timeline-section .timeline-note {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 16px 20px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
  .framework-timeline-section .timeline-wrapper::before { left: 30px; }
  .framework-timeline-section .timeline-marker { left: 30px; }
  .framework-timeline-section .timeline-item { justify-content: flex-start !important; }
  .framework-timeline-section .timeline-content { width: calc(100% - 80px); margin-left: 80px; }
  .framework-timeline-section .timeline-grid { grid-template-columns: 1fr; }
}

@media (max-width: 576px) {
  .timeline-heading { font-size: 2rem; }
  .framework-timeline-section .timeline-content { padding: 25px 20px; }
}


/* ===== SERVICES SECTION ===== */
.services-section {
  background: #ffffff;
  color: #0a1a3a;
}

.services-section .services-tag {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(30, 58, 138, 0.2);
}

.services-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.services-sub {
  font-size: 1.15rem;
  color: #475569;
  max-width: 800px;
  margin: 0 auto;
}

/* Service Box */
.services-section .service-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 35px;
  height: 100%;
  transition: all 0.4s ease;
}

.services-section .service-box:hover {
  background: #ffffff;
  border-color: #1e3a8a;
  transform: translateY(-8px);
  box-shadow: 0 15px 50px rgba(10, 26, 58, 0.1);
}

.services-section .service-box.highlight-box {
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  border: none;
}

.services-section .service-box.highlight-box h3,
.services-section .service-box.highlight-box p {
  color: #fff;
}

.services-section .service-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 20px;
}

.services-section .highlight-box .service-icon {
  background: rgba(255, 255, 255, 0.2);
}

.services-section .service-box h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 15px;
}

.services-section .service-box p {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 15px;
}

.services-section .service-sub {
  font-weight: 700;
  color: #1e3a8a;
  margin-top: 15px;
}

/* Grids */
.services-section .service-grid {
  display: grid;
  gap: 12px;
  margin: 20px 0;
}

.services-section .grid-4 { grid-template-columns: repeat(4, 1fr); }
.services-section .grid-5 { grid-template-columns: repeat(5, 1fr); }

.services-section .grid-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: #ffffff;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0a1a3a;
  border: 1px solid #e2e8f0;
}

.services-section .grid-item span {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

/* List */
.services-section .service-list {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0;
  display: grid;
  gap: 10px;
}

.services-section .service-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1a3a;
}

.services-section .service-list li span {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}

/* Note */
.services-section .service-note {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  padding: 15px 20px;
  border-radius: 10px;
  border-left: 4px solid #1e3a8a;
  font-weight: 600;
  color: #1e3a8a;
  margin-top: 15px;
}

/* Responsive */
@media (max-width: 992px) {
  .services-section .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .services-section .grid-5 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
  .services-section .grid-4, 
  .services-section .grid-5 { grid-template-columns: 1fr; }
  .services-heading { font-size: 2rem; }
  .services-section .service-box { padding: 25px 20px; }
}

/* ===== CONTRACTOR SOLUTIONS SECTION ===== */
.contractor-solutions-section {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  color: #0a1a3a;
}

/* Image Side */
.contractor-solutions-section .solution-image-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.15);
}

.contractor-solutions-section .solution-img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.5s ease;
}

.contractor-solutions-section .solution-image-wrapper:hover .solution-img {
  transform: scale(1.05);
}

.contractor-solutions-section .image-badge {
  position: absolute;
  bottom: 25px;
  left: 25px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 15px 20px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.contractor-solutions-section .image-badge span {
  font-size: 24px;
}

.contractor-solutions-section .image-badge p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
}

/* Content Side */
.contractor-solutions-section .solution-content {
  padding-left: 20px;
}

.contractor-solutions-section .solution-tag {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(30, 58, 138, 0.2);
}

.contractor-solutions-section .solution-heading {
  font-weight: 800;
  font-size: 2.2rem;
  color: #0a1a3a;
  line-height: 1.3;
}

.contractor-solutions-section .solution-text {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #475569;
  margin-bottom: 20px;
}

/* AI Platforms */
.contractor-solutions-section .ai-platforms {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 25px;
  margin-top: 25px;
}

.contractor-solutions-section .platforms-label {
  font-size: 1rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 15px;
}

.contractor-solutions-section .platform-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.contractor-solutions-section .platform-tags span {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

.contractor-solutions-section .platform-tags span:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(30, 58, 138, 0.3);
}

/* Responsive */
@media (max-width: 992px) {
  .contractor-solutions-section .solution-content {
    padding-left: 0;
    margin-top: 20px;
  }
  .contractor-solutions-section .solution-img {
    height: 350px;
  }
}

@media (max-width: 576px) {
  .contractor-solutions-section .solution-heading { font-size: 1.8rem; }
  .contractor-solutions-section .image-badge { 
    padding: 12px 16px;
    bottom: 15px;
    left: 15px;
  }
}



/* ===== INDUSTRIES SECTION ===== */
.industries-section {
  background: #f8fafc;
  color: #0a1a3a;
}

.industries-section .industries-tag {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(30, 58, 138, 0.2);
}

.industries-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

/* Industry Card */
.industries-section .industry-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 35px;
  height: 100%;
  transition: all 0.4s ease;
  box-shadow: 0 4px 20px rgba(10, 26, 58, 0.05);
}

.industries-section .industry-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.12);
  border-color: #1e3a8a;
}

.industries-section .additional-card {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 2px solid #1e3a8a;
}

/* Header */
.industries-section .industry-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e2e8f0;
}

.industries-section .industry-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.industries-section .industry-card h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0a1a3a;
  margin: 0;
  line-height: 1.3;
}

/* Content */
.industries-section .industry-desc {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 15px;
}

.industries-section .industry-sub {
  font-size: 1rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 15px;
}

/* Grid */
.industries-section .industry-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.industries-section .grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

.industries-section .industry-grid span {
  background: #f8fafc;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0a1a3a;
  border-left: 3px solid #1e3a8a;
  transition: all 0.3s;
}

.industries-section .industry-grid span:hover {
  background: #ffffff;
  border-color: #0a1a3a;
  transform: translateX(3px);
}

/* Goal */
.industries-section .industry-goal {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  padding: 16px 20px;
  border-radius: 10px;
  border-left: 4px solid #1e3a8a;
  font-size: 1rem;
  font-weight: 600;
  color: #1e3a8a;
  margin: 0;
  line-height: 1.6;
}

.industries-section .industry-goal.highlight {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  border: none;
  text-align: center;
  font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 1200px) {
  .industries-section .grid-5 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
  .industries-section .industry-grid { grid-template-columns: 1fr; }
  .industries-section .grid-5 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
  .industries-heading { font-size: 2rem; }
  .industries-section .grid-5 { grid-template-columns: 1fr; }
  .industries-section .industry-card { padding: 25px 20px; }
}

/* ===== AI PLATFORMS SECTION ===== */
.ai-platforms-section {
  background: #ffffff;
  color: #0a1a3a;
}

.ai-platforms-section .platforms-tag {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.platforms-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.platforms-sub {
  font-size: 1.15rem;
  color: #475569;
  max-width: 850px;
  margin: 0 auto;
}

/* Platform Card */
.ai-platforms-section .platform-card {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 35px;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.ai-platforms-section .platform-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.ai-platforms-section .platform-card:hover::before {
  transform: scaleX(1);
}

.ai-platforms-section .platform-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.12);
  border-color: #1e3a8a;
}

.ai-platforms-section .full-card {
  background: linear-gradient(135deg, #0a1a3a 0%, #1e3a8a 100%);
  border: none;
}

.ai-platforms-section .full-card h3,
.ai-platforms-section .full-card p {
  color: #fff;
}

.ai-platforms-section .full-card .feature-tags span {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Header */
.ai-platforms-section .platform-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
}

.ai-platforms-section .platform-icon {
  width: 55px;
  height: 55px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
}

.ai-platforms-section .icon-google { background: linear-gradient(135deg, #4285F4, #34A853); }
.ai-platforms-section .icon-chatgpt { background: linear-gradient(135deg, #10A37F, #0D8A6B); }
.ai-platforms-section .icon-search { background: linear-gradient(135deg, #EA4335, #FBBC04); }
.ai-platforms-section .icon-copilot { background: linear-gradient(135deg, #0078D4, #106EBE); }
.ai-platforms-section .icon-gemini { background: linear-gradient(135deg, #8B5CF6, #6366F1); }
.ai-platforms-section .icon-claude { background: linear-gradient(135deg, #D97706, #EA580C); }
.ai-platforms-section .icon-perplexity { background: linear-gradient(135deg, #6366F1, #4F46E5); }

.ai-platforms-section .platform-card h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #0a1a3a;
  margin: 0;
}

/* Content */
.ai-platforms-section .platform-desc {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 15px;
}

.ai-platforms-section .platform-sub {
  font-size: 1rem;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 15px;
}

/* Feature Tags */
.ai-platforms-section .feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.ai-platforms-section .grid-6 {
  justify-content: center;
}

.ai-platforms-section .feature-tags span {
  background: #ffffff;
  padding: 10px 16px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0a1a3a;
  border: 1px solid #e2e8f0;
  transition: all 0.3s;
}

.ai-platforms-section .feature-tags span:hover {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  border-color: transparent;
  transform: translateY(-2px);
}

/* Result */
.ai-platforms-section .platform-result {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  padding: 15px 20px;
  border-radius: 10px;
  border-left: 4px solid #1e3a8a;
  font-size: 1rem;
  font-weight: 600;
  color: #1e3a8a;
  margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
  .ai-platforms-section .feature-tags { gap: 8px; }
  .ai-platforms-section .feature-tags span { font-size: 0.85rem; padding: 8px 14px; }
}

@media (max-width: 576px) {
  .platforms-heading { font-size: 2rem; }
  .ai-platforms-section .platform-card { padding: 25px 20px; }
}



/* ===== PROCESS CARDS SECTION ===== */
.process-cards-section {
  background: #ffffff;
  color: #0a1a3a;
}

.process-cards-section .process-tag {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(30, 58, 138, 0.2);
}

.process-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.process-sub {
  font-size: 1.15rem;
  color: #475569;
  max-width: 700px;
  margin: 0 auto;
}

/* Process Card */
.process-cards-section .process-card {
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 35px;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  transition: all 0.4s ease;
  position: relative;
}

.process-cards-section .process-card:hover {
  background: #ffffff;
  border-color: #1e3a8a;
  transform: translateX(10px);
  box-shadow: 0 15px 50px rgba(10, 26, 58, 0.1);
}

.process-cards-section .process-card.highlight {
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  border: none;
}

.process-cards-section .process-card.highlight h3,
.process-cards-section .process-card.highlight p {
  color: #ffffff;
}

.process-cards-section .process-card.highlight .process-tags span {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Number */
.process-cards-section .process-number {
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  color: #ffffff;
  width: 80px;
  height: 80px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 800;
  flex-shrink: 0;
  box-shadow: 0 10px 30px rgba(30, 58, 138, 0.3);
}

.process-cards-section .process-card.highlight .process-number {
  background: #ffffff;
  color: #0a1a3a;
}

/* Body */
.process-cards-section .process-body {
  flex: 1;
}

.process-cards-section .process-body h3 {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 12px;
}

.process-cards-section .process-body > p {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 12px;
}

.process-cards-section .process-intro {
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 15px;
}

/* Tags */
.process-cards-section .process-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
}

.process-cards-section .process-tags span {
  background: #ffffff;
  padding: 10px 16px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0a1a3a;
  border: 1px solid #e2e8f0;
  transition: all 0.3s;
}

.process-cards-section .process-tags span:hover {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #ffffff;
  border-color: transparent;
  transform: translateY(-2px);
}

/* Note */
.process-cards-section .process-note {
  background: rgba(255, 255, 255, 0.15);
  padding: 16px 20px;
  border-radius: 12px;
  border-left: 4px solid #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  margin-top: 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .process-cards-section .process-card {
    flex-direction: column;
    padding: 25px 20px;
  }
  .process-cards-section .process-number {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  .process-heading { font-size: 2rem; }
}


/* ===== SUCCESS STORIES SECTION ===== */
.success-stories-section {
  background: #f8fafc;
  color: #0a1a3a;
}

.success-stories-section .success-tag {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.success-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.success-sub {
  font-size: 1.15rem;
  color: #475569;
  max-width: 700px;
  margin: 0 auto;
}

/* Story Card */
.success-stories-section .story-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 35px;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.success-stories-section .story-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.success-stories-section .story-card:hover::before {
  transform: scaleX(1);
}

.success-stories-section .story-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.12);
  border-color: #1e3a8a;
}

/* Header */
.success-stories-section .story-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e2e8f0;
}

.success-stories-section .story-icon {
  width: 55px;
  height: 55px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  flex-shrink: 0;
}

.success-stories-section .story-card h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0a1a3a;
  margin: 0;
}

/* Text */
.success-stories-section .story-text {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 25px;
}

/* Stats */
.success-stories-section .story-stats {
  display: flex;
  gap: 20px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
}

.success-stories-section .stat {
  flex: 1;
  text-align: center;
}

.success-stories-section .stat-number {
  font-size: 1.8rem;
  font-weight: 800;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
  margin-bottom: 5px;
}

.success-stories-section .stat-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Responsive */
@media (max-width: 576px) {
  .success-heading { font-size: 2rem; }
  .success-stories-section .story-card { padding: 25px 20px; }
  .success-stories-section .story-stats { flex-direction: column; gap: 15px; }
}



/* ===== AI FUTURE SECTION ===== */
.ai-future-section {
  background: linear-gradient(135deg, #0a1a3a 0%, #1e3a8a 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.ai-future-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ai-future-section .future-tag {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}

.future-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 1.2;
}

.future-sub {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.85);
  max-width: 800px;
  margin: 0 auto;
}

/* Cards */
.ai-future-section .questions-card,
.ai-future-section .platforms-card {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 40px;
  height: 100%;
  backdrop-filter: blur(10px);
  transition: all 0.4s ease;
}

.ai-future-section .questions-card:hover,
.ai-future-section .platforms-card:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-5px);
}

.ai-future-section .questions-title,
.ai-future-section .platforms-title {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 25px;
}

/* Questions */
.ai-future-section .question-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 25px;
}

.ai-future-section .question-item {
  background: rgba(255, 255, 255, 0.1);
  padding: 18px 20px;
  border-radius: 12px;
  border-left: 4px solid #ffffff;
  display: flex;
  gap: 15px;
  align-items: center;
  transition: all 0.3s;
}

.ai-future-section .question-item:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateX(5px);
}

.ai-future-section .q-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.ai-future-section .question-item p {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  font-style: italic;
}

/* Warning Box */
.ai-future-section .warning-box {
  background: linear-gradient(90deg, rgba(255,255,255,0.15), rgba(255,255,255,0.08));
  padding: 20px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}

.ai-future-section .warning-box strong {
  color: #ffffff;
}

/* Platforms Grid */
.ai-future-section .platforms-desc {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.7;
  margin-bottom: 25px;
}

.ai-future-section .ai-platforms-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 25px;
}

.ai-future-section .ai-platform {
  background: rgba(255, 255, 255, 0.1);
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s;
}

.ai-future-section .ai-platform:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}

.ai-future-section .p-icon {
  width: 32px;
  height: 32px;
  background: #ffffff;
  color: #0a1a3a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
}

/* CTA Box */
.ai-future-section .cta-box {
  background: linear-gradient(90deg, #ffffff, #e2e8f0);
  padding: 25px;
  border-radius: 14px;
}

.ai-future-section .cta-box p {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #0a1a3a;
  line-height: 1.7;
}

.ai-future-section .cta-box strong {
  color: #1e3a8a;
}

/* Responsive */
@media (max-width: 992px) {
  .ai-future-section .ai-platforms-grid { grid-template-columns: 1fr; }
}

@media (max-width: 576px) {
  .future-heading { font-size: 2rem; }
  .ai-future-section .questions-card,
  .ai-future-section .platforms-card { padding: 25px 20px; }
}


/* ===== COMPARISON SECTION ===== */
.comparison-section {
  background: #ffffff;
  color: #0a1a3a;
}

.comparison-section .comparison-tag {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.1), rgba(30, 58, 138, 0.1));
  color: #1e3a8a;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgba(30, 58, 138, 0.2);
}

.comparison-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

/* Comparison Cards */
.comparison-section .comparison-card {
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 20px;
  padding: 40px;
  height: 100%;
  transition: all 0.4s ease;
}

.comparison-section .comparison-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.1);
}

/* Traditional Card */
.comparison-section .traditional {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.comparison-section .traditional:hover {
  border-color: #cbd5e1;
}

/* AI SEO Card */
.comparison-section .ai-seo {
  background: linear-gradient(135deg, #0a1a3a 0%, #1e3a8a 100%);
  border: none;
  position: relative;
  overflow: hidden;
}

.comparison-section .ai-seo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ffffff, #e2e8f0);
}

.comparison-section .ai-seo:hover {
  box-shadow: 0 20px 60px rgba(30, 58, 138, 0.3);
}

/* Card Header */
.comparison-section .card-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 2px solid;
  position: relative;
}

.comparison-section .traditional .card-header {
  border-color: #e2e8f0;
}

.comparison-section .ai-seo .card-header {
  border-color: rgba(255, 255, 255, 0.2);
}

.comparison-section .card-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.comparison-section .traditional .card-icon {
  background: #e2e8f0;
}

.comparison-section .ai-seo .card-icon {
  background: rgba(255, 255, 255, 0.15);
}

.comparison-section .comparison-card h3 {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0;
  flex: 1;
}

.comparison-section .traditional h3 {
  color: #0a1a3a;
}

.comparison-section .ai-seo h3 {
  color: #ffffff;
}

.comparison-section .badge {
  background: #ffffff;
  color: #1e3a8a;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 700;
}

/* Comparison List */
.comparison-section .comparison-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.comparison-section .comparison-list li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  font-size: 1.05rem;
  line-height: 1.6;
}

.comparison-section .traditional .comparison-list li {
  color: #475569;
}

.comparison-section .ai-seo .comparison-list li {
  color: rgba(255, 255, 255, 0.95);
}

.comparison-section .comparison-list .icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.comparison-section .traditional .icon {
  background: #fee2e2;
  color: #dc2626;
}

.comparison-section .ai-seo .icon {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* Bottom Note */
.comparison-section .comparison-note {
  background: linear-gradient(90deg, rgba(10, 26, 58, 0.05), rgba(30, 58, 138, 0.05));
  border: 2px solid #1e3a8a;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
}

.comparison-section .comparison-note p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #0a1a3a;
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 576px) {
  .comparison-heading { font-size: 2rem; }
  .comparison-section .comparison-card { padding: 25px 20px; }
  .comparison-section .comparison-list li { font-size: 1rem; }
}


/* ===== WHY CHOOSE SECTION ===== */
.why-choose-section {
  background: #f8fafc;
  color: #0a1a3a;
}

.why-choose-section .why-tag {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}

.why-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #0a1a3a;
  line-height: 1.2;
}

.why-sub {
  font-size: 1.15rem;
  color: #475569;
  max-width: 800px;
  margin: 0 auto;
}

/* Why Card */
.why-choose-section .why-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 35px;
  height: 100%;
  transition: all 0.4s ease;
  text-align: center;
}

.why-choose-section .why-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(10, 26, 58, 0.12);
  border-color: #1e3a8a;
}

.why-choose-section .services-card {
  text-align: left;
}

.why-choose-section .highlight-card {
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  border: none;
}

.why-choose-section .highlight-card h3,
.why-choose-section .highlight-card p {
  color: #ffffff;
}

/* Icon */
.why-choose-section .why-icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin: 0 auto 20px;
}

.why-choose-section .highlight-card .why-icon {
  background: #ffffff;
  color: #0a1a3a;
}

/* Content */
.why-choose-section .why-card h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 15px;
}

.why-choose-section .why-card p {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin: 0;
}

.why-choose-section .highlight-card p {
  color: rgba(255, 255, 255, 0.9);
}

/* Services Grid */
.why-choose-section .services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 20px;
}

.why-choose-section .services-grid span {
  background: #f8fafc;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0a1a3a;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #1e3a8a;
  transition: all 0.3s;
}

.why-choose-section .services-grid span:hover {
  background: #ffffff;
  border-color: #1e3a8a;
  transform: translateX(3px);
}

/* Responsive */
@media (max-width: 1200px) {
  .why-choose-section .services-grid { grid-template-columns: repeat(3, 1fr); }
}

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

@media (max-width: 576px) {
  .why-heading { font-size: 2rem; }
  .why-choose-section .services-grid { grid-template-columns: 1fr; }
  .why-choose-section .why-card { padding: 25px 20px; }
}


/* ===== COMMITMENT SECTION ===== */
.commitment-section {
  background: linear-gradient(135deg, #0a1a3a 0%, #1e3a8a 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.commitment-section::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.5;
}

/* Left Content */
.commitment-section .commitment-tag {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}

.commitment-heading {
  font-weight: 800;
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 1.2;
}

.commitment-section .commitment-text {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
  margin-bottom: 20px;
}

.commitment-section .commitment-highlight {
  background: rgba(255, 255, 255, 0.1);
  border-left: 4px solid #ffffff;
  padding: 20px 25px;
  border-radius: 10px;
  margin: 25px 0;
}

.commitment-section .commitment-highlight p {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.7;
}

/* Right Image */
.commitment-section .commitment-image-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}

.commitment-section .commitment-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.5s ease;
}

.commitment-section .commitment-image-wrapper:hover .commitment-image {
  transform: scale(1.05);
}

/* Image Badge */
.commitment-section .image-badge {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  padding: 20px 25px;
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.commitment-section .badge-number {
  font-size: 2rem;
  font-weight: 800;
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
}

.commitment-section .badge-text {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0a1a3a;
  margin-top: 5px;
}

/* Responsive */
@media (max-width: 992px) {
  .commitment-heading { font-size: 2rem; }
  .commitment-section .commitment-image { height: 400px; }
}

@media (max-width: 576px) {
  .commitment-section .commitment-image { height: 300px; }
  .commitment-section .image-badge { bottom: 20px; left: 20px; padding: 15px 20px; }
}


/* ===== AI SEO CTA SECTION ===== */
.ai-seo-cta {
  background: linear-gradient(135deg, #0a1a3a 0%, #1e3a8a 50%, #0a1a3a 100%);
  position: relative;
  overflow: hidden;
}

.ai-seo-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>');
  opacity: 0.3;
}

/* Headings */
.ai-seo-cta .cta-subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #60a5fa;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.ai-seo-cta .cta-title {
  font-size: 2.8rem;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 20px;
}

.ai-seo-cta .cta-lead {
  font-size: 1.2rem;
  color: #cbd5e1;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

/* Main Card */
.ai-seo-cta .cta-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 50px 40px;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ai-seo-cta .cta-desc {
  font-size: 1.1rem;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 30px;
}

.ai-seo-cta .cta-cta-title {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 25px;
}

/* Features Grid */
.ai-seo-cta .cta-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
  margin-bottom: 30px;
  text-align: left;
}

.ai-seo-cta .feature-item {
  background: #f8fafc;
  padding: 15px 20px;
  border-radius: 12px;
  font-weight: 600;
  color: #1e3a8a;
  border-left: 4px solid #1e3a8a;
  transition: all 0.3s ease;
}

.ai-seo-cta .feature-item:hover {
  background: #eff6ff;
  transform: translateX(5px);
}

.ai-seo-cta .cta-bottom-text {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 35px;
}

/* Button */
.ai-seo-cta .btn-cta {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #ffffff;
  font-weight: 800;
  font-size: 1.1rem;
  padding: 18px 45px;
  border-radius: 50px;
  border: none;
  text-decoration: none;
  display: inline-block;
  transition: all 0.4s ease;
  box-shadow: 0 10px 30px rgba(30, 58, 138, 0.4);
}

.ai-seo-cta .btn-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(30, 58, 138, 0.6);
  background: linear-gradient(90deg, #1e3a8a, #0a1a3a);
  color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
  .ai-seo-cta .cta-title {
    font-size: 2rem;
  }
  .ai-seo-cta .cta-card {
    padding: 35px 25px;
  }
  .ai-seo-cta .cta-features {
    grid-template-columns: 1fr;
  }
}


/* ===== PREMIUM MAINTENANCE SECTION ===== */
.maintenance-premium {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.maintenance-premium::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(22,163,74,0.08) 0%, transparent 50%);
  pointer-events: none;
}

.maintenance-premium .premium-title {
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
}
.maintenance-premium .premium-sub {
  font-size: 1.15rem;
  color: #bfdbfe;
  line-height: 1.8;
}
.maintenance-premium .premium-content {
  font-size: 1.05rem;
  color: #dbeafe !important;
  line-height: 1.9;
}

.maintenance-premium .premium-content p{
    color:#dbeafe !important;;
}

.maintenance-premium .premium-card {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  padding: 30px 25px;
  height: 100%;
  transition: all 0.3s ease;
}
.maintenance-premium .premium-card:hover {
  transform: translateY(-8px);
  background: rgba(22,163,74,0.12);
  border-color: #22c55e;
}
.maintenance-premium .premium-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.maintenance-premium .premium-icon i {
  font-size: 26px;
  color: #fff;
}
.maintenance-premium .premium-card h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}
.maintenance-premium .premium-card p {
  font-size: 0.95rem;
  color: #bfdbfe;
  margin: 0;
  line-height: 1.7;
}

/* Premium Buttons */
.btn-premium-primary {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  padding: 14px 32px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.btn-premium-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(22,163,74,0.4);
  color: #fff;
}
.btn-premium-outline {
  background: transparent;
  color: #fff;
  padding: 14px 32px;
  border: 2px solid rgba(255,255,255,0.4);
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.btn-premium-outline:hover {
  background: rgba(255,255,255,0.12);
  border-color: #fff;
  color: #fff;
}

@media (max-width: 991px) {
  .maintenance-premium .premium-title { font-size: 2rem; }
}


/* ===== WHITE MAINTENANCE SECTION ===== */
.maintenance-white {
  background: #ffffff;
  color: #1e293b;
}

.maintenance-white .premium-title-dark {
  font-size: 2.5rem;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.2;
}
.maintenance-white .premium-sub-dark {
  font-size: 1.15rem;
  color: #475569;
  line-height: 1.8;
}

.maintenance-white .premium-block-white {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 40px 35px;
  height: 100%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
  transition: all 0.3s ease;
}
.maintenance-white .premium-block-white:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(10,26,58,0.1);
  border-color: #0a1a3a;
}

.maintenance-white .warning-block-white {
  border-color: #fecaca;
  background: #fef2f2;
}
.maintenance-white .warning-block-white:hover {
  border-color: #ef4444;
}

.maintenance-white .premium-block-title-dark {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0a1a3a;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.maintenance-white .premium-block-title-dark i {
  color: #16a34a;
  font-size: 1.5rem;
}
.maintenance-white .warning-block-white .premium-block-title-dark i {
  color: #ef4444;
}

.maintenance-white .premium-list-dark {
  list-style: none;
  padding: 0;
  margin: 0;
}
.maintenance-white .premium-list-dark li {
  padding: 14px 0;
  font-size: 1.05rem;
  color: #334155;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 500;
}
.maintenance-white .premium-list-dark li:last-child {
  border-bottom: none;
}
.maintenance-white .premium-list-dark li i.fa-check {
  color: #16a34a;
  font-size: 1.1rem;
}
.maintenance-white .premium-list-dark li i.fa-xmark {
  color: #ef4444;
  font-size: 1.1rem;
}

.maintenance-white .premium-conclusion-white {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 14px;
  padding: 30px 35px;
  box-shadow: 0 8px 25px rgba(10,26,58,0.2);
}
.maintenance-white .premium-conclusion-white p {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

@media (max-width: 991px) {
  .maintenance-white .premium-title-dark { font-size: 2rem; }
}

/* ===== CONTRACTORS LIGHT SECTION ===== */
.contractors-light {
  background: #f8fafc;
  color: #1e293b;
}

.contractors-light .section-title-light {
  font-size: 2.5rem;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.2;
}
.contractors-light .section-sub-light {
  font-size: 1.1rem;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 15px;
}

.contractors-light .contractors-heading {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0a1a3a;
  text-align: center;
}

.contractors-light .contractor-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px 15px;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}
.contractors-light .contractor-card:hover {
  transform: translateY(-6px);
  border-color: #0a1a3a;
  box-shadow: 0 10px 25px rgba(10,26,58,0.12);
}
.contractors-light .contractor-card i {
  font-size: 2rem;
  color: #1e3a8a;
  margin-bottom: 12px;
  display: block;
}
.contractors-light .contractor-card span {
  font-size: 0.95rem;
  font-weight: 600;
  color: #334155;
  display: block;
  line-height: 1.4;
}

.contractors-light .contractors-conclusion {
  background: #ffffff;
  border: 2px solid #0a1a3a;
  border-radius: 14px;
  padding: 28px 35px;
  box-shadow: 0 6px 20px rgba(10,26,58,0.08);
}
.contractors-light .contractors-conclusion p {
  font-size: 1.15rem;
  font-weight: 600;
  color: #0a1a3a;
  margin: 0;
}

@media (max-width: 768px) {
  .contractors-light .section-title-light { font-size: 2rem; }
  .contractors-light .contractor-card { padding: 18px 12px; }
  .contractors-light .contractor-card i { font-size: 1.6rem; }
}

/* ===== SEO MAINTENANCE SECTION ===== */
.seo-maintenance {
  background: #ffffff;
  color: #1e293b;
}

.seo-maintenance .seo-title {
  font-size: 2.6rem;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.2;
}
.seo-maintenance .seo-sub {
  font-size: 1.2rem;
  color: #475569;
  font-weight: 500;
}

.seo-maintenance .seo-impact-card {
  background: #f8fafc;
  border-radius: 20px;
  padding: 40px 35px;
  height: 100%;
  border: 2px solid #e2e8f0;
  transition: all 0.4s ease;
}
.seo-maintenance .seo-impact-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(10,26,58,0.1);
}

.seo-maintenance .seo-impact-card.negative {
  border-color: #fecaca;
}
.seo-maintenance .seo-impact-card.negative:hover {
  border-color: #ef4444;
}
.seo-maintenance .seo-impact-card.positive {
  border-color: #bbf7d0;
}
.seo-maintenance .seo-impact-card.positive:hover {
  border-color: #22c55e;
}

.seo-maintenance .seo-card-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 28px;
}
.seo-maintenance .seo-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.seo-maintenance .seo-icon-wrap.danger {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.seo-maintenance .seo-icon-wrap.success {
  background: linear-gradient(135deg, #16a34a, #22c55e);
}
.seo-maintenance .seo-icon-wrap i {
  font-size: 24px;
  color: #fff;
}
.seo-maintenance .seo-card-header h3 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #0a1a3a;
  line-height: 1.6;
  margin: 0;
}

.seo-maintenance .seo-impact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.seo-maintenance .seo-impact-list li {
  padding: 14px 0;
  font-size: 1.05rem;
  color: #334155;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #e2e8f0;
}
.seo-maintenance .seo-impact-list li:last-child {
  border-bottom: none;
}

.seo-maintenance .impact-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.seo-maintenance .impact-bullet.danger {
  background: #ef4444;
}
.seo-maintenance .impact-bullet.success {
  background: #22c55e;
}

.seo-maintenance .seo-final-cta {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  border-radius: 16px;
  padding: 30px 35px;
  color: #fff;
}
.seo-maintenance .seo-final-cta i {
  font-size: 2rem;
  color: #22c55e;
  flex-shrink: 0;
}
.seo-maintenance .seo-final-cta p {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.7;
}

@media (max-width: 991px) {
  .seo-maintenance .seo-title { font-size: 2.1rem; }
  .seo-maintenance .seo-impact-card { padding: 30px 25px; }
}

/* ===== BENEFITS DARK SECTION ===== */
.benefits-dark {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.benefits-dark::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(34,197,94,0.08) 0%, transparent 70%);
  pointer-events: none;
}

.benefits-dark .benefits-title {
  font-size: 2.6rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
}
.benefits-dark .benefits-sub {
  font-size: 1.2rem;
  color: #bfdbfe;
  font-weight: 500;
}

.benefits-dark .benefit-card {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px;
  padding: 35px 30px;
  height: 100%;
  transition: all 0.4s ease;
}
.benefits-dark .benefit-card:hover {
  transform: translateY(-8px);
  background: rgba(22,163,74,0.08);
  border-color: rgba(34,197,94,0.4);
  box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}

.benefits-dark .benefit-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.benefits-dark .benefit-icon i {
  font-size: 28px;
  color: #fff;
}

.benefits-dark .benefit-card h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
}
.benefits-dark .benefit-card p {
  font-size: 1.05rem;
  color: #dbeafe;
  line-height: 1.8;
  margin-bottom: 12px;
}
.benefits-dark .benefit-card p strong {
  color: #22c55e;
}

.benefits-dark .benefit-list {
  list-style: none;
  padding: 0;
  margin: 18px 0;
}
.benefits-dark .benefit-list li {
  padding: 10px 0;
  font-size: 1.02rem;
  color: #bfdbfe;
  display: flex;
  align-items: center;
  gap: 12px;
}
.benefits-dark .benefit-list li i {
  color: #22c55e;
  font-size: 1rem;
}

@media (max-width: 991px) {
  .benefits-dark .benefits-title { font-size: 2.1rem; }
  .benefits-dark .benefit-card { padding: 28px 22px; }
}


/* ===== INCLUDED SERVICES SECTION ===== */
.included-light {
  background: #f8fafc;
  color: #1e293b;
}

.included-light .included-title {
  font-size: 2.6rem;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.2;
}
.included-light .included-sub {
  font-size: 1.15rem;
  color: #475569;
  margin-bottom: 25px;
}
.included-light .included-heading {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0a1a3a;
}

.included-light .service-box {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px 18px;
  text-align: center;
  height: 100%;
  transition: all 0.4s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}
.included-light .service-box:hover {
  transform: translateY(-8px);
  border-color: #0a1a3a;
  box-shadow: 0 15px 35px rgba(10,26,58,0.12);
}

.included-light .service-box.featured {
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  border-color: #0a1a3a;
}
.included-light .service-box.featured p {
  color: #fff;
  font-weight: 700;
}

.included-light .service-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.included-light .service-icon i {
  font-size: 28px;
  color: #fff;
}

.included-light .service-box p {
  font-size: 0.95rem;
  font-weight: 600;
  color: #334155;
  margin: 0;
  line-height: 1.5;
}

/* Colorful Icon Backgrounds */
.icon-blue { background: linear-gradient(135deg, #2563eb, #3b82f6); }
.icon-purple { background: linear-gradient(135deg, #7c3aed, #8b5cf6); }
.icon-orange { background: linear-gradient(135deg, #ea580c, #f97316); }
.icon-red { background: linear-gradient(135deg, #dc2626, #ef4444); }
.icon-green { background: linear-gradient(135deg, #16a34a, #22c55e); }
.icon-pink { background: linear-gradient(135deg, #db2777, #ec4899); }
.icon-teal { background: linear-gradient(135deg, #0d9488, #14b8a6); }
.icon-indigo { background: linear-gradient(135deg, #4f46e5, #6366f1); }
.icon-yellow { background: linear-gradient(135deg, #ca8a04, #eab308); }
.icon-cyan { background: linear-gradient(135deg, #0891b2, #06b6d4); }
.icon-lime { background: linear-gradient(135deg, #65a30d, #84cc16); }
.icon-violet { background: linear-gradient(135deg, #6d28d9, #7c3aed); }
.icon-gradient { background: linear-gradient(135deg, #16a34a, #22c55e); }

@media (max-width: 768px) {
  .included-light .included-title { font-size: 2rem; }
  .included-light .service-box { padding: 22px 14px; }
  .included-light .service-icon { width: 56px; height: 56px; }
  .included-light .service-icon i { font-size: 24px; }
}


/* ===== WEB WHY CHOOSE SECTION ===== */
.web-why-chose {
  background: #ffffff;
  color: #1e293b;
}

.web-why-chose .web-why-image-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(10,26,58,0.15);
}
.web-why-chose .web-why-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.web-why-chose .web-why-image-wrap:hover .web-why-img {
  transform: scale(1.05);
}

.web-why-chose .web-why-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  padding: 14px 22px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 0.95rem;
  box-shadow: 0 8px 20px rgba(22,163,74,0.4);
}
.web-why-chose .web-why-badge i {
  font-size: 1.2rem;
}

.web-why-chose .web-why-title {
  font-size: 2.5rem;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.2;
}
.web-why-chose .web-why-intro {
  font-size: 1.1rem;
  color: #475569;
  line-height: 1.8;
  margin-bottom: 20px;
}
.web-why-chose .web-why-lead {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 25px;
}

.web-why-chose .web-why-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.web-why-chose .web-why-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #e2e8f0;
}
.web-why-chose .web-why-list li:last-child {
  border-bottom: none;
}
.web-why-chose .web-why-icon {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.web-why-chose .web-why-icon i {
  font-size: 18px;
  color: #fff;
}
.web-why-chose .web-why-list strong {
  font-size: 1.05rem;
  color: #1e293b;
  line-height: 1.6;
}

@media (max-width: 991px) {
  .web-why-chose .web-why-title { font-size: 2rem; }
  .web-why-chose .web-why-badge { font-size: 0.85rem; padding: 12px 18px; }
}

/* ===== COMPLETE SERVICE SECTION ===== */
.web-complete-service {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  color: #1e293b;
}

.web-complete-service .web-complete-title {
  font-size: 2.6rem;
  font-weight: 900;
  color: #0a1a3a;
  line-height: 1.2;
}
.web-complete-service .web-complete-sub {
  font-size: 1.15rem;
  color: #475569;
  line-height: 1.8;
  margin-top: 18px;
}

.web-complete-service .wp-service-card {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 22px;
  padding: 40px 35px;
  box-shadow: 0 10px 40px rgba(10,26,58,0.08);
  transition: all 0.4s ease;
}
.web-complete-service .wp-service-card:hover {
  border-color: #2563eb;
  transform: translateY(-5px);
}

.web-complete-service .wp-header {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 25px;
}
.web-complete-service .wp-icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.web-complete-service .wp-icon i {
  font-size: 36px;
  color: #fff;
}
.web-complete-service .wp-header h3 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #0a1a3a;
  margin-bottom: 10px;
}
.web-complete-service .wp-header p {
  font-size: 1rem;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}

.web-complete-service .wp-lead {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0a1a3a;
  margin-bottom: 18px;
}

.web-complete-service .wp-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 25px;
}
.web-complete-service .wp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
  color: #334155;
  font-weight: 500;
}
.web-complete-service .wp-item i {
  color: #22c55e;
  font-size: 1rem;
}

.web-complete-service .wp-note {
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border-left: 4px solid #2563eb;
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.web-complete-service .wp-note i {
  font-size: 1.4rem;
  color: #2563eb;
  margin-top: 2px;
}
.web-complete-service .wp-note p {
  font-size: 1rem;
  color: #1e293b;
  font-weight: 600;
  margin: 0;
  line-height: 1.7;
}

.web-complete-service .web-visual-wrap {
  position: relative;
}
.web-complete-service .web-visual-img {
  width: 100%;
  box-shadow: 0 20px 50px rgba(10,26,58,0.15);
}

.web-complete-service .visual-stats {
  display: flex;
  gap: 15px;
  margin-top: 25px;
  justify-content: space-between;
}
.web-complete-service .stat-box {
  flex: 1;
  background: linear-gradient(135deg, #0a1a3a, #1e3a8a);
  color: #fff;
  text-align: center;
  padding: 20px 15px;
  border-radius: 16px;
}
.web-complete-service .stat-box h4 {
  font-size: 1.8rem;
  font-weight: 900;
  color: #22c55e;
  margin-bottom: 5px;
}
.web-complete-service .stat-box p {
  font-size: 0.9rem;
  margin: 0;
  font-weight: 600;
  color:white;
}

@media (max-width: 991px) {
  .web-complete-service .web-complete-title { font-size: 2rem; }
  .web-complete-service .wp-grid { grid-template-columns: 1fr; }
  .web-complete-service .wp-service-card { padding: 30px 25px; }
  .web-complete-service .visual-stats { flex-direction: column; }
}


/* ===== WEBSITE SECURITY SECTION ===== */
.web-security {
  background: linear-gradient(90deg, #0a1a3a, #1e3a8a);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.web-security::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(239,68,68,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.web-security .security-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(239,68,68,0.15);
  border: 1px solid rgba(239,68,68,0.3);
  color: #f87171;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 20px;
}
.web-security .security-badge i {
  font-size: 1.1rem;
}

.web-security .web-security-title {
  font-size: 2.6rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 18px;
}
.web-security .web-security-sub {
  font-size: 1.15rem;
  color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 25px;
}
.web-security .web-security-lead {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}

.web-security .security-box {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  height: 100%;
  transition: all 0.4s ease;
}
.web-security .security-box:hover {
  transform: translateY(-8px);
  background: rgba(239,68,68,0.1);
  border-color: rgba(239,68,68,0.4);
  box-shadow: 0 15px 35px rgba(239,68,68,0.2);
}

.web-security .security-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #dc2626, #ef4444);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}
.web-security .security-icon i {
  font-size: 26px;
  color: #fff;
}

.web-security .security-box p {
  font-size: 0.95rem;
  font-weight: 600;
  color: #e2e8f0;
  margin: 0;
  line-height: 1.5;
}

.web-security .security-cta {
  background: linear-gradient(90deg, rgba(34,197,94,0.15), rgba(22,163,74,0.15));
  border: 2px solid rgba(34,197,94,0.3);
  border-radius: 18px;
  padding: 30px 35px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.web-security .security-cta i {
  font-size: 2.5rem;
  color: #22c55e;
  flex-shrink: 0;
}
.web-security .security-cta p {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.7;
}

@media (max-width: 991px) {
  .web-security .web-security-title { font-size: 2rem; }
  .web-security .security-box { padding: 25px 16px; }
  .web-security .security-cta { flex-direction: column; text-align: center; }
}


/* ===== WEBSITE SPEED SECTION - DARK BLUE ===== */
.web-speed {
  background: #f8fafc;
  color: #1e293b;
}

.web-speed .speed-badge {
  background: rgba(37,99,235,0.1);
  border: 1px solid rgba(37,99,235,0.3);
  color: #2563eb; /* blue */
}

.web-speed .web-speed-title {
  color: #0a1a3a;
}
.web-speed .web-speed-sub {
  color: #475569;
}
.web-speed .web-speed-lead {
  color: #0a1a3a;
}

.web-speed .speed-list li i {
  color: #2563eb; /* blue ticks */
}

.web-speed .speed-note {
  background: linear-gradient(90deg, #eff6ff, #dbeafe);
  border-left: 4px solid #2563eb; /* blue border */
}
.web-speed .speed-note i {
  color: #2563eb; /* blue icon */
}

.web-speed .speed-visual {
  background: #fff;
  box-shadow: 0 15px 50px rgba(10,26,58,0.1);
}

/* GAUGE - Dark Blue */
.web-speed .gauge-circle {
  background: conic-gradient(#1e3a8a 0deg 352deg, #e2e8f0 352deg 360deg); /* dark blue */
}
.web-speed .gauge-center h3 {
  color: #1e3a8a; /* dark blue */
}

/* STAT BOXES */
.web-speed .stat-icon {
  background: linear-gradient(135deg, #1e3a8a, #2563eb); /* dark blue gradient */
}
.web-speed .icon-yellow { background: linear-gradient(135deg, #1e3a8a, #2563eb); } /* was yellow */
.web-speed .icon-green { background: linear-gradient(135deg, #0a1a3a, #1e3a8a); } /* was green */
.web-speed .stat-item h4 {
  color: #0a1a3a;
}

/* ===== PREMIUM SERVICE SECTIONS ===== */
.svc-section { position: relative; }
.svc-dark { background: linear-gradient(180deg, #0a1a3a 0%, #111827 100%); }
.svc-light { background: #f8fafc; }

.svc-header { margin-bottom: 50px; }
.svc-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(59,130,246,0.15);
  border: 1px solid rgba(59,130,246,0.3);
  color: #60a5fa;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 800;
  font-size: 0.9rem;
  margin-bottom: 25px;
  backdrop-filter: blur(10px);
}
.tag-blue { background: rgba(37,99,235,0.1); border-color: rgba(37,99,235,0.3); color: #2563eb; }
.tag-red { background: rgba(239,68,68,0.1); border-color: rgba(239,68,68,0.3); color: #dc2626; }

.svc-title {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 18px;
}
.svc-light .svc-title { color: #0a1a3a; }

.svc-desc {
  font-size: 1.15rem;
  color: #cbd5e1;
  max-width: 800px;
  margin: 0 auto 15px;
  line-height: 1.8;
}
.svc-light .svc-desc { color: #475569; }

.svc-lead {
  font-size: 1.2rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}
.svc-light .svc-lead { color: #0a1a3a; }

.svc-grid { margin-top: 20px; }

/* PREMIUM CARDS */
.svc-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(59,130,246,0.2);
  border-radius: 20px;
  padding: 35px 25px;
  text-align: center;
  height: 100%;
  transition: all 0.4s ease;
  backdrop-filter: blur(12px);
}
.svc-card:hover {
  transform: translateY(-10px);
  border-color: #3b82f6;
  background: rgba(59,130,246,0.1);
  box-shadow: 0 20px 40px rgba(37,99,235,0.3);
}

.card-light {
  background: #fff;
  border: 1px solid #e2e8f0;
}
.card-light:hover {
  border-color: #2563eb;
  box-shadow: 0 20px 40px rgba(37,99,235,0.15);
}

.svc-icon {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  transition: transform 0.4s;
}
.svc-card:hover .svc-icon { transform: scale(1.1) rotate(3deg); }
.svc-icon i { font-size: 28px; color: #fff; }
.icon-blue { background: linear-gradient(135deg, #1e3a8a, #2563eb); }
.icon-red { background: linear-gradient(135deg, #991b1b, #dc2626); }

.svc-card h4 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.card-light h4 { color: #1e293b; }

/* RESULT BOX */
.svc-result {
  margin-top: 50px;
  background: rgba(59,130,246,0.1);
  border: 2px solid rgba(59,130,246,0.3);
  border-radius: 20px;
  padding: 30px 35px;
  display: flex;
  align-items: center;
  gap: 20px;
  backdrop-filter: blur(10px);
}
.svc-result i { font-size: 2.5rem; color: #60a5fa; flex-shrink: 0; }
.svc-result p { font-size: 1.2rem; color: #fff; font-weight: 800; margin: 0; line-height: 1.7; }

.result-blue { background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.25); }
.result-blue i { color: #2563eb; }
.result-blue p { color: #1e293b; }

.result-red { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.25); }
.result-red i { color: #dc2626; }
.result-red p { color: #1e293b; }

@media (max-width: 991px) {
  .svc-title { font-size: 2.2rem; }
  .svc-card { padding: 28px 20px; }
}


/* ===== PROCESS SECTION ===== */
.process-section {
  background: linear-gradient(180deg, #0a1a3a 0%, #111827 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.process-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, rgba(59,130,246,0.1) 0%, transparent 50%);
  pointer-events: none;
}

.process-header { margin-bottom: 60px; position: relative; z-index: 2; }
.process-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(59,130,246,0.15);
  border: 1px solid rgba(59,130,246,0.3);
  color: #60a5fa;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 800;
  font-size: 0.9rem;
  margin-bottom: 25px;
  backdrop-filter: blur(10px);
}
.process-title {
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 18px;
}
.process-desc {
  font-size: 1.2rem;
  color: #cbd5e1;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

/* TIMELINE */
.process-timeline { position: relative; max-width: 900px; margin: 0 auto; }
.process-timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateX(-50%);
}

.process-step {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}
.process-step:nth-child(even) { flex-direction: row-reverse; }

.step-number {
  min-width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 900;
  color: #fff;
  border: 4px solid #0a1a3a;
  box-shadow: 0 0 0 4px rgba(37,99,235,0.3);
  flex-shrink: 0;
}

.step-content {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(59,130,246,0.2);
  border-radius: 20px;
  padding: 35px;
  flex: 1;
  backdrop-filter: blur(12px);
  transition: all 0.4s ease;
}
.step-content:hover {
  transform: translateY(-5px);
  border-color: #3b82f6;
  background: rgba(59,130,246,0.1);
  box-shadow: 0 15px 35px rgba(37,99,235,0.3);
}

.step-icon {
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.step-icon i { font-size: 24px; color: #fff; }

.step-content h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #000;
  margin-bottom: 12px;
}
.step-content p {
  font-size: 1.05rem;
  color: #999;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 991px) {
  .process-timeline::before { left: 35px; }
  .process-step, .process-step:nth-child(even) { flex-direction: row; }
  .step-number { min-width: 60px; height: 60px; font-size: 1.2rem; }
  .process-title { font-size: 2.2rem; }
}