/* =========================
   GLOBAL
========================= */
 :root {
   --primary: #0F2A44;
   --secondary: #3A6EA5;
   --accent: #E67E22;
   --bg: #F4F6F8;
   --text: #1A1A1A;
   --white: #ffffff;
   --dark-surface: #0b1d31;
   --dark-surface-2: #12273f;
   --border: rgba(255, 255, 255, 0.1);
   --shadow: 0 18px 40px rgba(10, 25, 47, 0.12);
   --shadow-strong: 0 20px 50px rgba(5, 18, 34, 0.2);
   --radius: 22px;
   --radius-sm: 16px;
   --transition: all 0.35s ease;
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   font-family: Arial, Helvetica, sans-serif;
   background: var(--bg);
   color: var(--text);
   line-height: 1.7;
   overflow-x: hidden;
   position: relative;
 }

 img {
   max-width: 100%;
   display: block;
 }

 a {
   text-decoration: none;
   transition: var(--transition);
 }

 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .container {
   width: min(1200px, 92%);
   margin: auto;
 }

 .section {
   padding: 100px 0;
   position: relative;
   overflow: hidden;
 }

 .section-light {
   background: var(--bg);
   color: var(--text);
 }

 .section-dark {
   background:
     radial-gradient(circle at top right, rgba(58, 110, 165, 0.18), transparent 30%),
     radial-gradient(circle at bottom left, rgba(230, 126, 34, 0.12), transparent 30%),
     linear-gradient(135deg, var(--dark-surface), var(--dark-surface-2));
   color: var(--white);
 }

 .shadow-card {
   background: var(--white);
   border-radius: var(--radius);
   box-shadow: var(--shadow);
 }

 .glass-card {
   background: rgba(255, 255, 255, 0.14);
   backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.16);
   border-radius: 18px;
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
 }

 .glass-dark {
   background: rgba(255, 255, 255, 0.06);
   backdrop-filter: blur(14px);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: var(--radius);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
 }

 .section-heading {
   margin-bottom: 50px;
 }

 .section-heading.center {
   text-align: center;
   max-width: 820px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 50px;
 }

 .section-heading.left {
   max-width: 700px;
 }

 .section-tag {
   display: inline-block;
   padding: 8px 16px;
   border-radius: 999px;
   background: rgba(58, 110, 165, 0.12);
   color: var(--secondary);
   font-size: 13px;
   letter-spacing: 0.8px;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 18px;
 }

 .section-dark .section-tag,
 .hero-section .section-tag,
 .cta-section .section-tag,
 .site-footer .section-tag {
   background: rgba(255, 255, 255, 0.08);
   color: #d7e7ff;
 }

 .section-heading h2 {
   font-size: 34px;
   line-height: 1.2;
   margin-bottom: 16px;
   font-weight: 800;
   color: #f1953a;
 }

 .section-heading p {
   font-size: 1.04rem;
   opacity: 0.95;
 }

 .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: none;
   cursor: pointer;
   font-weight: 700;
   transition: var(--transition);
 }

 .btn-accent {
   background: linear-gradient(135deg, #f3983e, var(--accent));
   color: var(--white);
   padding: 14px 26px;
   border-radius: 999px;
   box-shadow: 0 14px 30px rgba(230, 126, 34, 0.28);
 }

 .btn-accent:hover {
   transform: translateY(-3px);
   box-shadow: 0 18px 35px rgba(230, 126, 34, 0.35);
 }

 .btn-outline-light-custom {
   background: transparent;
   color: var(--white);
   border: 1px solid rgba(255, 255, 255, 0.25);
   padding: 14px 26px;
   border-radius: 999px;
 }

 .btn-outline-light-custom:hover {
   background: rgba(255, 255, 255, 0.12);
   transform: translateY(-3px);
 }

 .btn-lg-custom {
   min-width: 190px;
   min-height: 54px;
 }

 /* =========================
   BOOTSTRAP-LIKE UTILITY
========================= */
 .row {
   display: flex;
   flex-wrap: wrap;
   margin-inline: -15px;
 }

 [class*="col-"] {
   padding-inline: 15px;
   width: 100%;
 }

 .g-3>* {
   margin-bottom: 0;
 }

 .g-4>* {
   margin-bottom: 0;
 }

 .g-5>* {
   margin-bottom: 0;
 }

 .align-items-center {
   align-items: center;
 }

 .align-items-stretch {
   align-items: stretch;
 }

 .ms-auto {
   margin-left: auto;
 }

 .mb-0 {
   margin-bottom: 0 !important;
 }

 .w-100 {
   width: 100%;
 }

 .text-lg-end {
   text-align: left;
 }

 @media (min-width: 768px) {
   .col-md-6 {
     width: 50%;
   }

   .col-md-12 {
     width: 100%;
   }
 }

 @media (min-width: 992px) {
   .col-lg-4 {
     width: 33.3333%;
   }

   .col-lg-5 {
     width: 41.6666%;
   }

   .col-lg-6 {
     width: 50%;
   }

   .col-lg-7 {
     width: 58.3333%;
   }

   .col-lg-8 {
     width: 66.6666%;
   }

   .col-lg-12 {
     width: 100%;
   }

   .text-lg-end {
     text-align: right;
   }
 }

 @media (min-width: 1200px) {
   .col-xl-3 {
     width: 25%;
   }

   .col-xl-4 {
     width: 33.3333%;
   }

   .col-xl-12 {
     width: 100%;
   }
 }

 /* =========================
   FLOATING ORBS
========================= */
 .site-orbs {
   position: fixed;
   inset: 0;
   pointer-events: none;
   z-index: 0;
 }

 .orb {
   position: absolute;
   border-radius: 50%;
   filter: blur(70px);
   opacity: 0.22;
   animation: floatOrb 10s ease-in-out infinite alternate;
 }

 .orb-1 {
   width: 180px;
   height: 180px;
   background: var(--secondary);
   top: 100px;
   left: -40px;
 }

 .orb-2 {
   width: 240px;
   height: 240px;
   background: var(--accent);
   top: 620px;
   right: -60px;
 }

 .orb-3 {
   width: 160px;
   height: 160px;
   background: #5ea3ff;
   bottom: 220px;
   left: 10%;
 }

 .orb-4 {
   width: 220px;
   height: 220px;
   background: #123d63;
   bottom: 100px;
   right: 15%;
 }

 @keyframes floatOrb {
   0% {
     transform: translateY(0) translateX(0) scale(1);
   }

   100% {
     transform: translateY(-18px) translateX(12px) scale(1.05);
   }
 }

 /* =========================
   TOPBAR
========================= */
 .topbar {
   background: var(--primary);
   color: rgba(255, 255, 255, 0.9);
   padding: 10px 0;
   position: relative;
   z-index: 10;
 }

 .topbar-wrap {
   display: flex;
   justify-content: space-between;
   gap: 18px;
   flex-wrap: wrap;
   align-items: center;
 }

 .topbar-left,
 .topbar-right {
   display: flex;
   gap: 18px;
   flex-wrap: wrap;
   align-items: center;
 }

 .topbar a,
 .topbar span {
   color: rgba(255, 255, 255, 0.92);
   font-size: 14px;
 }

 .topbar a:hover {
   color: #fff;
 }

 /* =========================
   HEADER / NAV
========================= */
 .site-header {
   position: sticky;
   top: 0;
   z-index: 50;
   backdrop-filter: blur(14px);
   background: rgba(244, 246, 248, 0.82);
   border-bottom: 1px solid rgba(15, 42, 68, 0.08);
 }

 .site-header.scrolled {
   box-shadow: 0 10px 30px rgba(15, 42, 68, 0.08);
 }

 .custom-navbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 18px 0;
   gap: 20px;
 }

 .brand-logo {
   display: flex;
   align-items: center;
   gap: 14px;
   color: var(--text);
 }

 .brand-icon {
   width: 54px;
   height: 54px;
   border-radius: 16px;
   display: grid;
   place-items: center;
   background: linear-gradient(135deg, var(--primary), var(--secondary));
   color: var(--white);
   font-weight: 800;
   box-shadow: var(--shadow);
 }

 .brand-text {
   display: flex;
   flex-direction: column;
   line-height: 1.2;
 }

 .brand-text strong {
   font-size: 1rem;
   color: var(--primary);
 }

 .brand-text span {
   font-size: 0.82rem;
   color: #5b6a78;
 }

 .custom-collapse {
   display: flex;
 }

 .navbar-toggler {
   border: 0;
   padding: 12px 14px;
   border-radius: 14px;
   background: linear-gradient(135deg, var(--primary), var(--secondary));
   box-shadow: var(--shadow);
 }

 .navbar-toggler:focus {
   box-shadow: var(--shadow);
 }

 .navbar-toggler-icon {
   width: 1.5rem;
   height: 1.5rem;
   background-image: none;
   position: relative;
 }

 .navbar-toggler-icon::before,
 .navbar-toggler-icon::after {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
   height: 2px;
   border-radius: 999px;
   background: #fff;
 }

 .navbar-toggler-icon::before {
   top: 4px;
   box-shadow: 0 5px 0 #fff;
 }

 .navbar-toggler-icon::after {
   top: 14px;
 }

 .navbar-nav {
   display: flex;
   gap: 12px;
 }

 .nav-item {
   position: relative;
 }

 .nav-link {
   color: var(--primary);
   font-weight: 700;
   padding: 12px 14px;
   border-radius: 12px;
   display: inline-flex;
   align-items: center;
 }

 .nav-link:hover,
 .nav-link.active {
   background: rgba(58, 110, 165, 0.1);
   color: var(--secondary);
 }

 .nav-call-btn {
   margin-left: 10px;
 }

 .custom-toggler {
   display: none;
   width: 54px;
   height: 54px;
   border: 0;
   background: linear-gradient(135deg, var(--primary), var(--secondary));
   border-radius: 14px;
   padding: 12px;
   cursor: pointer;
   flex-direction: column;
   justify-content: center;
   gap: 5px;
 }

 .custom-toggler span {
   display: block;
   height: 3px;
   border-radius: 999px;
   background: #fff;
   transition: var(--transition);
 }

 .custom-toggler.active span:nth-child(1) {
   transform: translateY(8px) rotate(45deg);
 }

 .custom-toggler.active span:nth-child(2) {
   opacity: 0;
 }

 .custom-toggler.active span:nth-child(3) {
   transform: translateY(-8px) rotate(-45deg);
 }

 /* Dropdown */
 .custom-dropdown-menu {
   position: absolute;
   left: 0;
   top: calc(100% + 10px);
   min-width: 260px;
   background: #fff;
   border-radius: 18px;
   box-shadow: var(--shadow-strong);
   padding: 12px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: var(--transition);
   border: 1px solid rgba(15, 42, 68, 0.08);
 }

 .custom-dropdown:hover .custom-dropdown-menu {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }

 .custom-dropdown-menu li a {
   display: block;
   padding: 12px 14px;
   color: var(--text);
   border-radius: 12px;
   font-weight: 600;
 }

 .custom-dropdown-menu li a:hover {
   background: rgba(58, 110, 165, 0.1);
   color: var(--secondary);
 }

 /* =========================
   HERO
========================= */
 .hero-v4 {
   position: relative;
   overflow: hidden;
   padding: 120px 0 90px;
   background: linear-gradient(135deg, #071726 0%, #0F2A44 55%, #163c62 100%);
   color: #fff;
 }

 .hero-v4 .container {
   position: relative;
   z-index: 2;
 }

 .hero-v4-bg {
   position: absolute;
   inset: 0;
   background:
     radial-gradient(circle at 12% 18%, rgba(58, 110, 165, 0.20), transparent 25%),
     radial-gradient(circle at 88% 82%, rgba(230, 126, 34, 0.16), transparent 25%);
 }

 .hero-v4-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
   background-size: 44px 44px;
   opacity: 0.35;
   pointer-events: none;
 }

 .hero-v4-glow {
   position: absolute;
   border-radius: 50%;
   filter: blur(80px);
   opacity: 0.28;
   pointer-events: none;
 }

 .hero-v4-glow.glow-1 {
   width: 260px;
   height: 260px;
   background: #3A6EA5;
   top: 50px;
   left: -60px;
 }

 .hero-v4-glow.glow-2 {
   width: 280px;
   height: 280px;
   background: #E67E22;
   bottom: 20px;
   right: -80px;
 }

 .hero-v4-content {
   position: relative;
   z-index: 2;
 }

 .hero-v4-badge {
   display: inline-block;
   padding: 10px 18px;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.12);
   margin-bottom: 18px;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.5px;
 }

 .hero-v4 h1 {
   font-size: 53px;
   line-height: 1.05;
   margin-bottom: 22px;
   font-weight: 800;
   max-width: 650px;
   color: #E67E22;
 }

 .hero-v4 h1 span {
   display: block;
   color: #d9e9ff;
 }

 .hero-v4 p {
   font-size: 1.05rem;
   color: rgba(255, 255, 255, 0.88);
   max-width: 600px;
   margin-bottom: 30px;
 }

 .hero-v4-buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-bottom: 30px;
 }

 .hero-v4-outline {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 54px;
   min-width: 180px;
   padding: 14px 24px;
   border-radius: 999px;
   border: 1px solid rgba(255, 255, 255, 0.24);
   color: #fff;
   font-weight: 700;
   transition: all 0.35s ease;
 }

 .hero-v4-outline:hover {
   background: rgba(255, 255, 255, 0.10);
   color: #fff;
   transform: translateY(-3px);
 }

 .hero-v4-mini-info {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
 }

 .mini-info-card {
   min-width: 240px;
   padding: 18px 20px;
   border-radius: 18px;
   background: rgba(255, 255, 255, 0.07);
   border: 1px solid rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(12px);
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
 }

 .mini-info-card strong {
   display: block;
   margin-bottom: 6px;
   font-size: 1rem;
 }

 .mini-info-card span {
   color: rgba(255, 255, 255, 0.82);
   font-size: 0.94rem;
 }

 .hero-v4-visual {
   position: relative;
   min-height: 600px;
 }

 .hero-v4-image-main {
   position: absolute;
   right: 20px;
   top: 35px;
   width: 82%;
   height: 500px;
   border-radius: 30px;
   overflow: hidden;
   transform: rotate(5deg);
   box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28);
   border: 1px solid rgba(255, 255, 255, 0.10);
 }

 .hero-v4-image-main::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to top, rgba(15, 42, 68, 0.26), rgba(15, 42, 68, 0.05));
   z-index: 1;
 }

 .hero-v4-image-main img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .hero-v4-stat {
   position: absolute;
   padding: 18px 22px;
   border-radius: 20px;
   background: rgba(255, 255, 255, 0.10);
   backdrop-filter: blur(14px);
   border: 1px solid rgba(255, 255, 255, 0.12);
   color: #fff;
   box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);
   animation: heroFloat 4s ease-in-out infinite;
 }

 .hero-v4-stat h3 {
   font-size: 1.5rem;
   margin-bottom: 4px;
   font-weight: 800;
 }

 .hero-v4-stat p {
   margin: 0;
   font-size: 0.92rem;
   color: rgba(255, 255, 255, 0.84);
 }

 .stat-1 {
   top: 0;
   left: 10px;
 }

 .stat-2 {
   top: 180px;
   left: -10px;
   animation-delay: 1s;
 }

 .stat-3 {
   bottom: 30px;
   right: 0;
   animation-delay: 2s;
 }

 @keyframes heroFloat {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-10px);
   }
 }

 @media (max-width: 991px) {
   .hero-v4 {
     padding: 95px 0 70px;
   }

   .hero-v4-content {
     margin-bottom: 40px;
   }

   .hero-v4-visual {
     min-height: auto;
   }

   .hero-v4-image-main {
     position: relative;
     width: 100%;
     height: 380px;
     right: auto;
     top: auto;
     transform: none;
   }

   .hero-v4-stat {
     position: static;
     display: inline-block;
     margin: 14px 12px 0 0;
     animation: none;
   }
 }

 @media (max-width: 767px) {
   .hero-v4 h1 {
     font-size: 2.2rem;
   }

   .hero-v4-image-main {
     height: 290px;
     border-radius: 22px;
   }

   .mini-info-card {
     width: 100%;
     min-width: 100%;
   }

   .hero-v4-buttons {
     flex-direction: column;
     align-items: flex-start;
   }
 }

 .floating-panel {
   position: absolute;
   background: rgba(255, 255, 255, 0.12);
   color: #fff;
   backdrop-filter: blur(12px);
   border-radius: 16px;
   padding: 14px 18px;
   box-shadow: var(--shadow);
   border: 1px solid rgba(255, 255, 255, 0.15);
   animation: floatPanel 4s ease-in-out infinite;
 }

 .panel-one {
   top: 36px;
   left: -16px;
 }

 .panel-two {
   bottom: 38px;
   right: -18px;
   animation-delay: 1.2s;
 }

 .panel-title {
   font-weight: 700;
   font-size: 0.95rem;
 }

 @keyframes floatPanel {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-10px);
   }
 }

 .garage-lines {
   position: absolute;
   inset: 20px;
   border-radius: 26px;
   pointer-events: none;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
   background-size: 100% 42px, 42px 100%;
   mix-blend-mode: screen;
   opacity: 0.4;
 }

 /* =========================
   ABOUT
========================= */
 .about-image-stack {
   position: relative;
   padding-right: 30px;
 }

 .about-image-card.main {
   overflow: hidden;
   border-radius: 30px;
   box-shadow: var(--shadow-strong);
 }

 .about-image-card.main img {
   width: 100%;
   height: 560px;
   object-fit: cover;
 }

 .about-floating-box {
   position: absolute;
   bottom: 30px;
   right: 0;
   max-width: 260px;
   padding: 22px;
   border-left: 5px solid var(--accent);
 }

 .about-floating-box strong {
   display: block;
   margin-bottom: 8px;
   color: var(--primary);
 }

 .about-feature-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 18px;
   margin-top: 34px;
 }

 .mini-feature {
   display: flex;
   gap: 16px;
   padding: 22px;
   border-radius: 20px;
 }

 .mini-icon {
   width: 48px;
   height: 48px;
   border-radius: 14px;
   background: linear-gradient(135deg, var(--primary), var(--secondary));
   color: #fff;
   display: grid;
   place-items: center;
   font-weight: 700;
   flex-shrink: 0;
 }

 .mini-feature h3 {
   font-size: 1.02rem;
   margin-bottom: 8px;
   color: var(--primary);
 }

 .mini-feature p {
   font-size: 0.95rem;
   color: #5f6b76;
 }









 /* =========================
   WHY CHOOSE
========================= */
 .process-v1 {
   position: relative;
   padding: 110px 0;
   background: linear-gradient(135deg, #071726 0%, #0F2A44 55%, #163c62 100%);
   color: #fff;
   overflow: hidden;
 }

 .process-v1 .container {
   position: relative;
   z-index: 2;
 }

 .process-bg-glow {
   position: absolute;
   width: 260px;
   height: 260px;
   border-radius: 50%;
   filter: blur(90px);
   opacity: 0.24;
   pointer-events: none;
 }

 .process-bg-glow.glow-left {
   background: #3A6EA5;
   left: -70px;
   top: 60px;
 }

 .process-bg-glow.glow-right {
   background: #E67E22;
   right: -70px;
   bottom: 40px;
 }

 .process-grid-lines {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
   background-size: 42px 42px;
   opacity: 0.28;
   pointer-events: none;
 }

 .process-timeline {
   position: relative;
   max-width: 980px;
   margin: 50px auto 0;
   display: grid;
   gap: 24px;
 }

 .process-timeline::before {
   content: "";
   position: absolute;
   left: 34px;
   top: 0;
   bottom: 0;
   width: 2px;
   background: linear-gradient(to bottom,
       rgba(255, 255, 255, 0.15),
       rgba(230, 126, 34, 0.55),
       rgba(255, 255, 255, 0.12));
 }

 .process-step {
   position: relative;
   display: grid;
   grid-template-columns: 90px 1fr;
   gap: 20px;
   align-items: start;
 }

 .process-number {
   position: relative;
   z-index: 2;
   width: 70px;
   height: 70px;
   border-radius: 22px;
   background: linear-gradient(135deg, #3A6EA5, #0F2A44);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.15rem;
   font-weight: 800;
   box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
   border: 1px solid rgba(255, 255, 255, 0.10);
 }

 .process-card {
   background: rgba(255, 255, 255, 0.07);
   backdrop-filter: blur(14px);
   border: 1px solid rgba(255, 255, 255, 0.10);
   border-radius: 26px;
   padding: 28px 30px;
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
   transition: all 0.35s ease;
 }

 .process-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 26px 50px rgba(0, 0, 0, 0.30);
 }

 .process-card h3 {
   font-size: 1.25rem;
   margin-bottom: 12px;
   font-weight: 700;
   color: #fff;
 }

 .process-card p {
   color: rgba(255, 255, 255, 0.84);
   margin-bottom: 0;
 }

 @media (max-width: 767px) {
   .process-v1 {
     padding: 85px 0;
   }

   .process-timeline::before {
     left: 24px;
   }

   .process-step {
     grid-template-columns: 1fr;
     gap: 14px;
   }

   .process-number {
     width: 52px;
     height: 52px;
     border-radius: 16px;
     font-size: 1rem;
   }

   .process-card {
     padding: 24px 20px;
   }
 }







 .strength-section-v1 {
   position: relative;
   padding: 110px 0;
   background: linear-gradient(135deg, #071726 0%, #0F2A44 55%, #163c62 100%);
   color: #fff;
   overflow: hidden;
 }

 .strength-section-v1 .container {
   position: relative;
   z-index: 2;
 }

 .strength-glow {
   position: absolute;
   width: 260px;
   height: 260px;
   border-radius: 50%;
   filter: blur(90px);
   opacity: 0.24;
   pointer-events: none;
 }

 .strength-glow.glow-left {
   background: #3A6EA5;
   top: 60px;
   left: -80px;
 }

 .strength-glow.glow-right {
   background: #E67E22;
   bottom: 30px;
   right: -90px;
 }

 .strength-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
   background-size: 44px 44px;
   opacity: 0.25;
   pointer-events: none;
 }

 .strength-wrapper {
   position: relative;
   border-radius: 34px;
   padding: 50px;
   background: rgba(255, 255, 255, 0.05);
   backdrop-filter: blur(14px);
   border: 1px solid rgba(255, 255, 255, 0.08);
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
 }

 .strength-content {
   position: relative;
   z-index: 2;
 }

 .strength-content h2 {
   font-size: clamp(2rem, 3.6vw, 3.4rem);
   line-height: 1.14;
   margin-bottom: 22px;
   font-weight: 800;
   max-width: 760px;
 }

 .strength-content h2 span {
   display: block;
   color: #d9e9ff;
 }

 .strength-content p {
   font-size: 1.03rem;
   color: rgba(255, 255, 255, 0.86);
   max-width: 760px;
   margin-bottom: 28px;
 }

 .strength-points {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
 }

 .strength-pill {
   padding: 10px 16px;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.10);
   color: #fff;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.3px;
 }

 .strength-side-card {
   position: relative;
   height: 100%;
   min-height: 100%;
   padding: 28px;
   border-radius: 28px;
   background: rgba(255, 255, 255, 0.07);
   backdrop-filter: blur(14px);
   border: 1px solid rgba(255, 255, 255, 0.10);
   box-shadow: 0 20px 45px rgba(0, 0, 0, 0.20);
   overflow: hidden;
 }

 .strength-line {
   position: absolute;
   top: 24px;
   bottom: 24px;
   left: 34px;
   width: 2px;
   background: linear-gradient(to bottom,
       rgba(255, 255, 255, 0.10),
       rgba(230, 126, 34, 0.65),
       rgba(255, 255, 255, 0.10));
 }

 .strength-mini-box {
   position: relative;
   padding-left: 34px;
   margin-bottom: 28px;
 }

 .strength-mini-box:last-child {
   margin-bottom: 0;
 }

 .strength-mini-box::before {
   content: "";
   position: absolute;
   left: -2px;
   top: 6px;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   background: linear-gradient(135deg, #E67E22, #ffb36b);
   box-shadow: 0 0 0 6px rgba(230, 126, 34, 0.12);
 }

 .strength-mini-box strong {
   display: block;
   font-size: 1.05rem;
   margin-bottom: 8px;
   color: #fff;
 }

 .strength-mini-box span {
   display: block;
   color: rgba(255, 255, 255, 0.82);
   font-size: 0.95rem;
   line-height: 1.7;
 }

 @media (max-width: 991px) {
   .strength-wrapper {
     padding: 36px 28px;
   }

   .strength-side-card {
     margin-top: 30px;
   }
 }

 @media (max-width: 767px) {
   .strength-section-v1 {
     padding: 85px 0;
   }

   .strength-wrapper {
     padding: 28px 20px;
     border-radius: 24px;
   }

   .strength-content h2 {
     font-size: 2rem;
   }

   .strength-side-card {
     padding: 22px 18px;
     border-radius: 22px;
   }

   .strength-line {
     left: 24px;
   }

   .strength-mini-box {
     padding-left: 26px;
   }
 }

 /* =========================
   CONTENT PANELS
========================= */
 .content-panel {
   padding: 36px 40px;
   border-radius: 28px;
 }

 .accent-panel {
   background: linear-gradient(135deg, #fff, #f7fbff);
   border: 1px solid rgba(58, 110, 165, 0.08);
 }

 /* =========================
   SERVICES
========================= */
 .services-v3 {
   position: relative;
   padding: 110px 0;
   background: #F4F6F8;
   overflow: hidden;
 }

 .services-v3-bg {
   position: absolute;
   inset: 0;
   background:
     radial-gradient(circle at 10% 20%, rgba(58, 110, 165, .12), transparent 30%),
     radial-gradient(circle at 90% 80%, rgba(230, 126, 34, .10), transparent 30%);
 }

 .services-v3 .container {
   position: relative;
   z-index: 2;
 }

 .services-v3-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 30px;
   margin-top: 50px;
 }

 .service-point {
   display: flex;
   gap: 20px;
   align-items: flex-start;
   padding-bottom: 22px;
   border-bottom: 1px solid rgba(0, 0, 0, .08);
   position: relative;
   transition: .35s;
 }

 .service-point::after {
   content: "";
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 0;
   height: 2px;
   background: linear-gradient(90deg, #E67E22, #3A6EA5);
   transition: .4s;
 }

 .service-point:hover::after {
   width: 100%;
 }

 .service-point:hover {
   transform: translateX(6px);
 }

 .service-number {
   font-size: 2.5rem;
   font-weight: 800;
   color: rgba(15, 42, 68, .12);
   min-width: 70px;
 }

 .service-content h3 {
   font-size: 1.35rem;
   margin-bottom: 6px;
   color: #0F2A44;
   font-weight: 700;
 }

 .service-content p {
   color: #555;
   margin: 0;
   font-size: .97rem;
   max-width: 480px;
 }

 @media(max-width:991px) {

   .services-v3-grid {
     grid-template-columns: 1fr;
   }

   .service-number {
     font-size: 2rem;
   }

 }

 /* =========================
   INFO SECTION
========================= */
 .info-points {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 28px;
 }

 .info-pill {
   padding: 11px 16px;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.08);
   color: #fff;
   font-size: 14px;
   font-weight: 600;
 }

 .info-visual {
   position: relative;
   min-height: 520px;
   background:
     linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
   border-radius: 30px;
   border: 1px solid rgba(255, 255, 255, 0.08);
   overflow: hidden;
   padding: 30px;
 }

 .garage-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
   background-size: 38px 38px;
   opacity: 0.5;
 }


 /* =========================
   BEFORE AFTER
========================= */
 .before-after-v2 {
   position: relative;
   padding: 110px 0;
   background: #F4F6F8;
   overflow: hidden;
 }

 .before-after-v2-bg {
   position: absolute;
   inset: 0;
   background:
     radial-gradient(circle at 10% 20%, rgba(58, 110, 165, 0.10), transparent 28%),
     radial-gradient(circle at 90% 80%, rgba(230, 126, 34, 0.09), transparent 28%);
 }

 .before-after-v2 .container {
   position: relative;
   z-index: 2;
 }

 .before-after-v2-wrap {
   position: relative;
   margin-top: 50px;
 }

 .before-after-center-line {
   position: absolute;
   top: 40px;
   bottom: 40px;
   left: 50%;
   width: 2px;
   transform: translateX(-50%);
   background: linear-gradient(to bottom,
       rgba(15, 42, 68, 0.08),
       rgba(230, 126, 34, 0.45),
       rgba(58, 110, 165, 0.35),
       rgba(15, 42, 68, 0.08));
   pointer-events: none;
 }

 .before-after-v2-card {
   position: relative;
   background: rgba(255, 255, 255, 0.70);
   backdrop-filter: blur(12px);
   border: 1px solid rgba(15, 42, 68, 0.08);
   border-radius: 30px;
   overflow: hidden;
   box-shadow: 0 22px 55px rgba(15, 42, 68, 0.10);
   transition: all 0.35s ease;
 }

 .before-after-v2-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 28px 65px rgba(15, 42, 68, 0.14);
 }

 .before-after-v2-label {
   position: absolute;
   top: 22px;
   left: 22px;
   z-index: 3;
   display: inline-block;
   padding: 10px 18px;
   border-radius: 999px;
   background: #0F2A44;
   color: #fff;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.4px;
   box-shadow: 0 12px 25px rgba(15, 42, 68, 0.18);
 }

 .before-after-v2-label.after {
   background: linear-gradient(135deg, #E67E22, #f0a45b);
 }

 .before-after-v2-image {
   position: relative;
   overflow: hidden;
 }

 .before-after-v2-image img {
   width: 100%;
   height: 360px;
   object-fit: cover;
   transition: transform 0.7s ease;
 }

 .before-after-v2-card:hover .before-after-v2-image img {
   transform: scale(1.05);
 }

 .before-after-v2-image::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to top, rgba(15, 42, 68, 0.16), rgba(15, 42, 68, 0.02));
 }

 .before-after-v2-content {
   padding: 28px 28px 30px;
 }

 .before-after-v2-content h3 {
   font-size: 1.45rem;
   margin-bottom: 12px;
   color: #0F2A44;
   font-weight: 800;
 }

 .before-after-v2-content p {
   color: #5a6570;
   margin-bottom: 22px;
 }

 .before-after-lines {
   display: grid;
   gap: 14px;
 }

 .before-after-line {
   position: relative;
   padding: 14px 16px 14px 18px;
   border-radius: 18px;
   background: rgba(255, 255, 255, 0.78);
   border: 1px solid rgba(15, 42, 68, 0.07);
   box-shadow: 0 10px 24px rgba(15, 42, 68, 0.06);
 }

 .before-after-line::before {
   content: "";
   position: absolute;
   left: 0;
   top: 14px;
   bottom: 14px;
   width: 4px;
   border-radius: 999px;
   background: linear-gradient(180deg, #E67E22, #3A6EA5);
 }

 .before-after-line strong {
   display: block;
   margin-bottom: 4px;
   font-size: 0.95rem;
   color: #0F2A44;
 }

 .before-after-line span {
   display: block;
   color: #5a6570;
   font-size: 0.95rem;
   line-height: 1.7;
 }

 .before-card .before-after-line::before {
   background: linear-gradient(180deg, #0F2A44, #3A6EA5);
 }

 .after-card .before-after-line::before {
   background: linear-gradient(180deg, #E67E22, #f0a45b);
 }

 @media (max-width: 991px) {
   .before-after-v2 {
     padding: 90px 0;
   }

   .before-after-center-line {
     display: none;
   }

   .before-after-v2-image img {
     height: 320px;
   }
 }

 @media (max-width: 767px) {
   .before-after-v2 {
     padding: 80px 0;
   }

   .before-after-v2-content {
     padding: 22px 20px 24px;
   }

   .before-after-v2-content h3 {
     font-size: 1.25rem;
   }

   .before-after-v2-image img {
     height: 260px;
   }

   .before-after-v2-label {
     top: 16px;
     left: 16px;
     padding: 8px 14px;
   }
 }

 /* =========================
   STATS
========================= */
 .stats-v2 {
   position: relative;
   padding: 110px 0;
   background: linear-gradient(135deg, #3A6EA5, #0F2A44, #1c4a77);
   color: #fff;
   overflow: hidden;
 }

 .stats-v2 .container {
   position: relative;
   z-index: 2;
 }

 .stats-bg-shape {
   position: absolute;
   border-radius: 50%;
   filter: blur(90px);
   opacity: .3;
 }

 .shape-left {
   width: 260px;
   height: 260px;
   background: #E67E22;
   left: -70px;
   top: 40px;
 }

 .shape-right {
   width: 260px;
   height: 260px;
   background: #5da2ff;
   right: -60px;
   bottom: 40px;
 }

 .stats-v2-wrapper {
   border-radius: 30px;
   padding: 40px;
   background: rgba(255, 255, 255, .05);
   backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, .12);
 }

 .stat-item {
   padding: 30px 20px;
   position: relative;
 }

 .stat-item h3 {
   font-size: 3.2rem;
   font-weight: 800;
   margin-bottom: 10px;
   color: #fff;
 }

 .stat-item p {
   font-size: 1rem;
   color: rgba(255, 255, 255, .85);
   font-weight: 500;
 }

 .stat-item::after {
   content: "";
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
   width: 0;
   height: 3px;
   background: #E67E22;
   transition: .4s;
 }

 .stat-item:hover::after {
   width: 40px;
 }

 .stat-item:hover h3 {
   transform: translateY(-4px);
   transition: .3s;
 }

 @media(max-width:991px) {

   .stat-item h3 {
     font-size: 2.4rem;
   }

 }

 @media(max-width:600px) {

   .stats-v2 {
     padding: 80px 0;
   }

 }

 /* =========================
   GALLERY
========================= */
 .gallery-grid {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   gap: 18px;
 }

 .gallery-item {
   position: relative;
   overflow: hidden;
   border-radius: 24px;
   min-height: 260px;
   grid-column: span 4;
   background: rgba(255, 255, 255, 0.08);
 }

 .gallery-item.item-lg {
   grid-column: span 8;
   grid-row: span 2;
   min-height: 540px;
 }

 .gallery-item.item-wide {
   grid-column: span 8;
 }

 .gallery-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.8s ease;
 }

 .gallery-item:hover img {
   transform: scale(1.08);
 }

 .gallery-overlay {
   position: absolute;
   inset: auto 18px 18px 18px;
   padding: 16px 18px;
   border-radius: 18px;
   background: rgba(15, 42, 68, 0.75);
   color: #fff;
   backdrop-filter: blur(10px);
   font-weight: 700;
 }

 /* =========================
   TESTIMONIALS
========================= */
 .testimonials-v3 {
   position: relative;
   padding: 110px 0;
   background: linear-gradient(135deg, #071726 0%, #0F2A44 55%, #163c62 100%);
   color: #fff;
   overflow: hidden;
 }

 .testimonials-v3 .container {
   position: relative;
   z-index: 2;
 }

 .testimonials-v3-glow {
   position: absolute;
   width: 260px;
   height: 260px;
   border-radius: 50%;
   filter: blur(90px);
   opacity: 0.24;
   pointer-events: none;
 }

 .testimonials-v3-glow.glow-left {
   background: #3A6EA5;
   top: 60px;
   left: -80px;
 }

 .testimonials-v3-glow.glow-right {
   background: #E67E22;
   bottom: 30px;
   right: -90px;
 }

 .testimonials-v3-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
   background-size: 44px 44px;
   opacity: 0.25;
   pointer-events: none;
 }

 .testimonials-v3-layout {
   margin-top: 55px;
   display: grid;
   grid-template-columns: 0.9fr 1.35fr 0.9fr;
   gap: 28px;
   align-items: center;
 }

 .testimonial-side-card,
 .testimonial-featured-card {
   position: relative;
   border-radius: 28px;
   background: rgba(255, 255, 255, 0.07);
   backdrop-filter: blur(14px);
   border: 1px solid rgba(255, 255, 255, 0.10);
   box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
   transition: all 0.35s ease;
   overflow: hidden;
 }

 .testimonial-side-card {
   padding: 28px 24px;
 }

 .testimonial-featured-card {
   padding: 42px 34px;
   min-height: 100%;
   transform: scale(1.03);
   box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28);
 }

 .testimonial-side-card::before,
 .testimonial-featured-card::before {
   content: "";
   position: absolute;
   inset: 0 0 auto 0;
   height: 3px;
   background: linear-gradient(90deg, #E67E22, #3A6EA5);
   opacity: 0;
   transition: all 0.35s ease;
 }

 .testimonial-side-card:hover,
 .testimonial-featured-card:hover {
   transform: translateY(-8px);
 }

 .testimonial-featured-card:hover {
   transform: scale(1.03) translateY(-8px);
 }

 .testimonial-side-card:hover::before,
 .testimonial-featured-card:hover::before {
   opacity: 1;
 }

 .featured-quote-mark {
   position: absolute;
   top: 18px;
   right: 24px;
   font-size: 5rem;
   line-height: 1;
   color: rgba(255, 255, 255, 0.08);
   font-weight: 800;
 }

 .testimonial-stars {
   color: #E67E22;
   font-size: 1rem;
   letter-spacing: 2px;
   margin-bottom: 16px;
 }

 .testimonial-stars.large {
   font-size: 1.1rem;
   margin-bottom: 18px;
 }

 .testimonial-side-card p,
 .testimonial-featured-card p {
   color: rgba(255, 255, 255, 0.84);
   line-height: 1.8;
   margin-bottom: 22px;
 }

 .testimonial-featured-card h3 {
   font-size: 1.6rem;
   margin-bottom: 16px;
   color: #fff;
   font-weight: 800;
   max-width: 420px;
 }

 .testimonial-author {
   padding-top: 18px;
   border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .testimonial-author strong {
   display: block;
   color: #fff;
   font-size: 1rem;
   margin-bottom: 4px;
 }

 .testimonial-author span {
   color: rgba(255, 255, 255, 0.72);
   font-size: 0.92rem;
 }

 .testimonial-author.featured strong {
   font-size: 1.05rem;
 }

 @media (max-width: 991px) {
   .testimonials-v3-layout {
     grid-template-columns: 1fr;
   }

   .testimonial-featured-card {
     transform: none;
     order: -1;
   }

   .testimonial-featured-card:hover {
     transform: translateY(-8px);
   }
 }

 @media (max-width: 767px) {
   .testimonials-v3 {
     padding: 85px 0;
   }

   .testimonial-side-card,
   .testimonial-featured-card {
     border-radius: 22px;
   }

   .testimonial-side-card {
     padding: 24px 20px;
   }

   .testimonial-featured-card {
     padding: 30px 22px;
   }

   .testimonial-featured-card h3 {
     font-size: 1.3rem;
   }

   .featured-quote-mark {
     font-size: 3.5rem;
     top: 14px;
     right: 18px;
   }
 }

 /* =========================
   FAQ
========================= */
 .faq-accordion {
   max-width: 950px;
   margin: 0 auto;
 }

 .faq-item {
   border-radius: 20px;
   margin-bottom: 16px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, 0.08);
   background: rgba(255, 255, 255, 0.04);
 }

 .faq-question {
   width: 100%;
   border: none;
   background: transparent;
   color: #fff;
   text-align: left;
   padding: 22px 26px;
   font-size: 1.02rem;
   font-weight: 700;
   cursor: pointer;
   position: relative;
 }

 .faq-question::after {
   content: "+";
   position: absolute;
   right: 24px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 1.5rem;
   transition: var(--transition);
 }

 .faq-item.active .faq-question::after {
   content: "–";
 }

 .faq-answer {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.35s ease;
 }

 .faq-answer p {
   padding: 0 26px 24px;
   color: rgba(255, 255, 255, 0.82);
 }

 /* =========================
   CTA
========================= */
 .cta-v3 {
   position: relative;
   padding: 110px 0;
   color: #fff;
   overflow: hidden;
 }

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

 .cta-glow {
   position: absolute;
   width: 260px;
   height: 260px;
   border-radius: 50%;
   filter: blur(90px);
   opacity: .25;
 }

 .glow-left {
   background: #3A6EA5;
   top: 50px;
   left: -80px;
 }

 .glow-right {
   background: #E67E22;
   bottom: 40px;
   right: -90px;
 }

 .cta-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
   background-size: 44px 44px;
   opacity: .25;
 }

 .cta-wrapper {
   background: linear-gradient(135deg, #071726, #0F2A44, #1c4a77);
   backdrop-filter: blur(14px);
   border-radius: 30px;
   padding: 55px;
   border: 1px solid rgba(255, 255, 255, .1);
   box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
 }

 .cta-content h2 {
   font-size: 2.6rem;
   font-weight: 800;
   margin-bottom: 18px;
   line-height: 1.2;
 }

 .cta-content h2 span {
   color: #E67E22;
 }

 .cta-content p {
   color: rgba(255, 255, 255, .85);
   max-width: 520px;
 }

 .cta-actions {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 18px;
 }

 .cta-btn {
   display: inline-block;
   padding: 14px 30px;
   border-radius: 40px;
   font-weight: 700;
   text-decoration: none;
   transition: .35s;
 }

 .cta-btn.primary {
   background: #E67E22;
   color: #fff;
   box-shadow: 0 10px 30px rgba(230, 126, 34, .4);
 }

 .cta-btn.primary:hover {
   transform: translateY(-3px);
   background: #ff9335;
 }

 .cta-btn.secondary {
   border: 2px solid rgba(255, 255, 255, .6);
   color: #fff;
 }

 .cta-btn.secondary:hover {
   background: rgba(255, 255, 255, .1);
 }

 .cta-phone {
   font-size: 1.2rem;
   font-weight: 700;
   letter-spacing: .5px;
   color: #fff;
 }

 @media(max-width:991px) {

   .cta-wrapper {
     padding: 40px 30px;
     text-align: center;
   }

   .cta-actions {
     align-items: center;
     margin-top: 25px;
   }

   .cta-content h2 {
     font-size: 2rem;
   }

 }

 @media(max-width:600px) {

   .cta-v3 {
     padding: 80px 0;
   }

 }

 /* =========================
   FOOTER
========================= */
 .footer-v5{
  position: relative;
  padding: 110px 0 30px;
  background: linear-gradient(135deg, #071726 0%, #0F2A44 55%, #163c62 100%);
  color: #fff;
  overflow: hidden;
}

.footer-v5 .container{
  position: relative;
  z-index: 2;
}

.footer-v5-glow{
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  filter: blur(95px);
  opacity: .24;
  pointer-events: none;
}

.footer-v5-glow.glow-left{
  background: #3A6EA5;
  top: 70px;
  left: -90px;
}

.footer-v5-glow.glow-right{
  background: #E67E22;
  bottom: 50px;
  right: -100px;
}

.footer-v5-grid{
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: .20;
  pointer-events: none;
}

.footer-v5-floating-icon{
  position: absolute;
  color: rgba(255,255,255,.08);
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  animation: footerFloat 6s ease-in-out infinite;
}

.footer-v5-floating-icon.icon-1{
  top: 120px;
  left: 5%;
  font-size: 60px;
}

.footer-v5-floating-icon.icon-2{
  top: 45%;
  right: 6%;
  font-size: 72px;
  animation-delay: 1.3s;
}

.footer-v5-floating-icon.icon-3{
  bottom: 90px;
  left: 11%;
  font-size: 54px;
  animation-delay: 2.4s;
}

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

.footer-v5-cta,
.footer-v5-box,
.footer-v5-bottom{
  position: relative;
  overflow: hidden;
}

.footer-v5-cta{
  padding: 40px;
  margin-bottom: 30px;
  border-radius: 30px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 55px rgba(0,0,0,.22);
}

.footer-v5-tag{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 14px;
}

.footer-v5-cta h2{
  font-size: 2.1rem;
  line-height: 1.2;
  margin-bottom: 12px;
  font-weight: 800;
}

.footer-v5-cta p{
  color: rgba(255,255,255,.84);
  margin: 0;
  max-width: 760px;
}

.footer-v5-cta-actions{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 14px;
}

.footer-v5-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 24px;
  border-radius: 999px;
  font-weight: 800;
  transition: all .35s ease;
}

.footer-v5-btn.primary{
  background: linear-gradient(135deg, #E67E22, #f39a45);
  color: #fff;
  box-shadow: 0 14px 30px rgba(230,126,34,.28);
}

.footer-v5-btn.primary:hover{
  transform: translateY(-4px);
  color: #fff;
}

.footer-v5-btn.secondary{
  color: #fff;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.04);
}

.footer-v5-btn.secondary:hover{
  background: rgba(255,255,255,.10);
  color: #fff;
  transform: translateY(-4px);
}

.footer-v5-main{
  margin-bottom: 24px;
}

.footer-v5-box{
  height: 100%;
  padding: 28px 24px;
  border-radius: 26px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  transition: all .35s ease;
}

.footer-v5-box:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 50px rgba(0,0,0,.24);
}

.footer-animated-line{
  position: absolute;
  top: 0;
  left: -120%;
  width: 120%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #E67E22, #3A6EA5, transparent);
  animation: footerLineMove 5s linear infinite;
}

@keyframes footerLineMove{
  0%{left: -120%;}
  100%{left: 120%;}
}

.footer-v5-logo{
  width: 62px;
  height: 62px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #3A6EA5, #0F2A44);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  margin-bottom: 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.20);
}

.footer-v5-box h4{
  margin-bottom: 16px;
  font-weight: 800;
  color: #fff;
}

.footer-v5-box p,
.footer-v5-box ul li a,
.footer-contact-item span,
.footer-contact-item a{
  color: rgba(255,255,255,.80);
}

.footer-v5-box ul li{
  margin-bottom: 12px;
}

.footer-v5-box ul li a:hover,
.footer-contact-item a:hover{
  color: #fff;
  padding-left: 4px;
}

.footer-brand-points{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.footer-brand-points span{
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  font-size: 12px;
  font-weight: 700;
}

.footer-contact-list{
  display: grid;
  gap: 14px;
}

.footer-contact-item{
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
}

.footer-contact-item strong{
  display: block;
  color: #fff;
  font-size: .92rem;
  margin-bottom: 4px;
}

.footer-v5-bottom{
  padding: 20px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}

.footer-v5-bottom p{
  margin: 0;
  color: rgba(255,255,255,.80);
  font-size: .95rem;
}

.footer-v5-bottom strong{
  color: #fff;
}

@media (max-width: 991px){
  .footer-v5{
    padding: 90px 0 25px;
  }

  .footer-v5-cta{
    padding: 30px 24px;
    text-align: center;
  }

  .footer-v5-cta-actions{
    justify-content: center;
    margin-top: 10px;
  }

  .footer-v5-cta h2{
    font-size: 1.7rem;
  }
}

@media (max-width: 767px){
  .footer-v5{
    padding: 80px 0 20px;
  }

  .footer-v5-cta,
  .footer-v5-box{
    border-radius: 22px;
  }

  .footer-v5-cta{
    padding: 26px 20px;
  }

  .footer-v5-box{
    padding: 24px 20px;
  }

  .footer-v5-cta h2{
    font-size: 1.45rem;
  }

  .footer-v5-bottom{
    padding: 18px;
    border-radius: 18px;
  }

  .footer-v5-floating-icon{
    display: none;
  }
}
 /* Responsive */
 @media (max-width: 1199px) {
   .footer-v3-main {
     grid-template-columns: 1fr 1fr;
   }

   .footer-v3-brand {
     grid-row: auto;
   }

   .footer-v3-map {
     grid-column: span 2;
   }

   .footer-v3-bottom {
     grid-template-columns: 1fr;
   }

   .footer-v3-bottom-item.copyright {
     text-align: left;
   }
 }

 @media (max-width: 991px) {
   .footer-v3 {
     padding: 90px 0 25px;
   }

   .footer-v3-cta {
     flex-direction: column;
     align-items: flex-start;
     padding: 30px 26px;
   }

   .footer-v3-main {
     grid-template-columns: 1fr;
   }

   .footer-v3-map {
     grid-column: span 1;
   }
 }

 @media (max-width: 767px) {
   .footer-v3 {
     padding: 80px 0 20px;
   }

   .footer-v3-cta {
     padding: 26px 20px;
     border-radius: 24px;
   }

   .footer-v3-cta-content h2 {
     font-size: 1.55rem;
   }

   .footer-v3-brand,
   .footer-v3-links,
   .footer-v3-contact,
   .footer-v3-map {
     padding: 24px 20px;
     border-radius: 22px;
   }

   .footer-v3-bottom {
     padding: 18px;
     border-radius: 18px;
   }
 }

 /* =========================
   FORM / GENERIC
========================= */
 .form-control {
   font-family: inherit;
   font-size: 1rem;
 }

form.CUS input.subject {
    display: none
}

input {
    width: 96%;
    padding: 1%;
    margin: 1%;
    height: 40px;
    float: left;
    color: #fff;
    font-size: 14px;
    box-shadow: 3px 1px 8px #0000005e;
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
    font-weight: bold
}

.service-btn {
    width: 144px;
    margin: 7px;
    font-size: 15px;
    padding: 10px;
    cursor: text;
    margin-top: 0
}

.btn1 {
    color: #fff;
    font-size: 12px;
    border-radius: 0;
    float: left;
    border: 1px solid;
    border-radius: 7px;
    text-align: center
}

.btn1 a {
    color: #fff
}

.btn1:hover {
    background-color: #fe7c34;
    color: #fff
}

 /* =========================
   RESPONSIVE
========================= */
 @media (max-width: 1199px) {

   .gallery-item,
   .gallery-item.item-wide {
     grid-column: span 6;
   }

   .gallery-item.item-lg {
     grid-column: span 12;
   }
 }

 @media (max-width: 991px) {
   .custom-toggler {
     display: flex;
   }

   .custom-collapse {
     position: absolute;
     top: calc(100% + 10px);
     left: 4%;
     width: 92%;
     background: rgba(255, 255, 255, 0.96);
     border-radius: 24px;
     box-shadow: var(--shadow-strong);
     padding: 18px;
     display: none;
     border: 1px solid rgba(15, 42, 68, 0.08);
   }

   .custom-collapse.show,
   .custom-collapse.active {
     display: block;
     animation: menuFade 0.25s ease;
   }

   @keyframes menuFade {
     from {
       opacity: 0;
       transform: translateY(-6px);
     }

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

   .navbar-nav {
     flex-direction: column;
     align-items: stretch !important;
     gap: 8px;
   }

   .nav-call-btn {
     margin-left: 0;
     margin-top: 8px;
   }

   .custom-dropdown {
     position: relative;
   }

   .dropdown-toggle {
     position: relative;
     padding-right: 32px !important;
   }

   .dropdown-toggle::after {
     content: "";
     position: absolute;
     right: 12px;
     top: 50%;
     width: 8px;
     height: 8px;
     border-right: 2px solid currentColor;
     border-bottom: 2px solid currentColor;
     transform: translateY(-65%) rotate(45deg);
     transition: all 0.3s ease;
   }

   .custom-dropdown.open .dropdown-toggle::after,
   .custom-dropdown:hover .dropdown-toggle::after {
     transform: translateY(-35%) rotate(225deg);
   }

   .custom-dropdown-menu {
     position: absolute;
     top: calc(100% + 12px);
     left: 0;
     min-width: 260px;
     padding: 12px;
     margin: 0;
     background: #fff;
     border-radius: 18px;
     box-shadow: 0 18px 40px rgba(15, 42, 68, 0.16);
     border: 1px solid rgba(15, 42, 68, 0.08);
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
     transition: all 0.3s ease;
     z-index: 999;
   }

   .custom-dropdown-menu li a {
     display: block;
     padding: 12px 14px;
     border-radius: 12px;
     color: #1A1A1A;
     font-weight: 600;
     transition: all 0.3s ease;
   }

   .custom-dropdown-menu li a:hover {
     background: rgba(58, 110, 165, 0.10);
     color: #3A6EA5;
   }

   /* Desktop */
   @media (min-width: 992px) {
     .custom-dropdown:hover .custom-dropdown-menu {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
     }
   }

   /* Mobile */
   @media (max-width: 991px) {
     .custom-dropdown-menu {
       position: static;
       min-width: 100%;
       margin-top: 10px;
       opacity: 1;
       visibility: visible;
       transform: none;
       display: none;
       box-shadow: none;
       border-radius: 16px;
       border: 1px solid rgba(15, 42, 68, 0.08);
       background: rgba(58, 110, 165, 0.04);
     }

     .custom-dropdown.open .custom-dropdown-menu {
       display: block;
     }
   }

   .hero-main-image {
     height: 460px;
   }

   .about-image-stack {
     padding-right: 0;
   }

   .about-floating-box {
     position: relative;
     right: auto;
     bottom: auto;
     margin-top: 20px;
     max-width: 100%;
   }

   .about-feature-grid,
   .footer-grid {
     grid-template-columns: 1fr;
   }

   .map-card {
     grid-column: span 1;
   }

   .info-visual {
     min-height: 460px;
   }

   .info-box.one {
     top: 28px;
     left: 20px;
   }

   .info-box.two {
     top: 170px;
     right: 20px;
   }

   .info-box.three {
     bottom: 22px;
     left: 40px;
   }
 }

 @media (max-width: 767px) {
   .section {
     padding: 80px 0;
   }

   .topbar-wrap,
   .topbar-left,
   .topbar-right {
     justify-content: center;
     text-align: center;
   }

   .hero-section {
     padding: 90px 0 75px;
   }

   .hero-content h1 {
     font-size: 2.3rem;
   }

   .hero-main-image {
     height: 360px;
   }

   .panel-one,
   .panel-two {
     position: static;
     margin-top: 16px;
   }

   .hero-image-wrap {
     padding: 18px;
   }

   .about-image-card.main img {
     height: 360px;
   }

   .about-feature-grid {
     grid-template-columns: 1fr;
   }

   .content-panel,
   .stats-wrap,
   .cta-box,
   .footer-top {
     padding: 26px 20px;
   }

   .gallery-grid {
     grid-template-columns: 1fr;
   }

   .gallery-item,
   .gallery-item.item-lg,
   .gallery-item.item-wide {
     grid-column: auto;
     min-height: 250px;
   }

   .gallery-item.item-lg {
     min-height: 320px;
   }

   .info-visual {
     min-height: auto;
     padding: 20px;
     display: grid;
     gap: 16px;
   }

   .info-box {
     position: relative;
     top: auto !important;
     left: auto !important;
     right: auto !important;
     bottom: auto !important;
     max-width: 100%;
   }

   .faq-question {
     padding-right: 50px;
   }

   .highlight-card {
     width: 100%;
   }
 }

 @media (max-width: 767px) {
  .topbar{display: none;}
  .hero-v4-badge{
    display: none;
  }
  .hero-v4 h1{
    font-size:26px;
  }
 }