* {
         box-sizing: border-box;
       }

       html {
         scroll-behavior: smooth;
       }

       body {
         margin: 0;
         font-family: 'DM Sans', sans-serif;
         background: #faf7f2;
         color: #2c2c2c;
         line-height: 1.65;
         overflow-x: hidden;
       }

       a {
         text-decoration: none;
       }

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

       .section-space {
         padding: 90px 0;
       }

       @media (max-width: 991.98px) {
         .section-space {
           padding: 72px 0;
         }
       }

       @media (max-width: 575.98px) {
         .section-space {
           padding: 56px 0;
         }
       }

       .section-badge {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 8px 16px;
         border-radius: 999px;
         background: rgba(201, 168, 76, 0.10);
         border: 1px solid rgba(201, 168, 76, 0.18);
         color: #c9a84c;
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: .08em;
         margin-bottom: 14px;
       }

       .section-title {
         font-family: 'Playfair Display', serif;
         font-size: clamp(2rem, 4vw, 3rem);
         font-weight: 700;
         line-height: 1.15;
         color: #0f1a2e;
         margin-bottom: 14px;
       }

       .section-subtitle {
         font-size: 1rem;
         color: #6b7280;
         max-width: 720px;
         margin: 0 auto;
       }

       .topbar {
         background: #0f1a2e;
         color: #e8d49a;
         font-size: 14px;
       }

       .topbar a {
         color: #e8d49a;
       }

       .navbar-custom {
         background: #0f1a2e;
         border-bottom: 1px solid rgba(255, 255, 255, 0.06);
         padding: 14px 0;
       }

       .navbar-brand {
         display: flex;
         align-items: center;
         gap: 12px;
         font-family: 'Playfair Display', serif;
         color: #fff !important;
         font-size: 1.3rem;
         font-weight: 800;
         letter-spacing: .04em;
       }

       .logo {
         height: 60px;
         width: auto;
       }

       .navbar-nav .nav-link {
         color: #b0bfcf;
         font-size: 14px;
         font-weight: 500;
         padding: 10px 14px !important;
       }

       .navbar-nav .nav-link:hover,
       .navbar-nav .nav-link.active {
         color: #fff;
       }

       .btn-nav-cta,
       .btn-gold-custom,
       .btn-outline-light-custom,
       .btn-dark-custom {
         min-height: 50px;
         padding: 0 24px;
         border-radius: 12px;
         font-weight: 700;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 10px;
         transition: .25s ease;
       }

       .btn-nav-cta,
       .btn-gold-custom {
         background: #c9a84c;
         color: #0f1a2e;
         border: none;
       }

       .btn-nav-cta:hover,
       .btn-gold-custom:hover {
         background: #e8d49a;
         color: #0f1a2e;
       }

       .btn-outline-light-custom {
         background: transparent;
         color: #fff;
         border: 1px solid rgba(255, 255, 255, .18);
       }

       .btn-outline-light-custom:hover {
         background: rgba(255, 255, 255, .06);
         color: #fff;
       }

       .btn-dark-custom {
         background: #0f1a2e;
         color: #fff;
         border: none;
       }

       .btn-dark-custom:hover {
         background: #1b2d4a;
         color: #fff;
       }



       .hero-section {
         position: relative;
         overflow: hidden;
         background: linear-gradient(160deg, #0f1a2e 0%, #1b2d4a 52%, #243b5c 100%);
         padding: 110px 0 90px;
       }

       .hero-section::before {
         content: "";
         position: absolute;
         width: 560px;
         height: 560px;
         border-radius: 50%;
         background: radial-gradient(circle, rgba(201, 168, 76, 0.10) 0%, transparent 70%);
         top: -180px;
         right: -140px;
         pointer-events: none;
       }

       .hero-content {
         position: relative;
         z-index: 2;
         text-align: center;
         max-width: 920px;
         margin: 0 auto;
       }

       .hero-brand {
         font-family: 'Playfair Display', serif;
         font-size: clamp(2rem, 3.6vw, 2.8rem);
         font-weight: 800;
         color: #fff;
         letter-spacing: .08em;
         text-transform: uppercase;
         margin-bottom: 16px;
       }

       .hero-brand span {
         color: #c9a84c;
       }

       .hero-location {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 8px 18px;
         border-radius: 999px;
         background: rgba(201, 168, 76, 0.10);
         border: 1px solid rgba(201, 168, 76, 0.18);
         color: #e8d49a;
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: .08em;
         margin-bottom: 28px;
       }

       .hero-title {
         font-family: 'Playfair Display', serif;
         font-size: clamp(2.4rem, 6vw, 4.3rem);
         font-weight: 800;
         line-height: 1.08;
         color: #fff;
         margin-bottom: 18px;
       }

       .hero-title .text-gold {
         color: #c9a84c;
       }

       .hero-text {
         max-width: 700px;
         margin: 0 auto 32px;
         color: #8fa3ba;
         font-size: clamp(1rem, 2vw, 1.1rem);
       }

       .hero-btns {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 14px;
         margin-bottom: 48px;
       }


       .btn-gold-custom,
       .btn-outline-light-custom {
         min-height: 54px;
         padding: 0 26px;
         border-radius: 12px;
         font-weight: 700;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 10px;
         transition: .25s ease;
       }

       .btn-gold-custom {
         background: #c9a84c;
         color: #0f1a2e;
         border: none;
       }

       .btn-gold-custom:hover {
         background: #e8d49a;
         color: #0f1a2e;
         transform: translateY(-2px);
       }

       .btn-outline-light-custom {
         background: transparent;
         color: #fff;
         border: 1px solid rgba(255, 255, 255, .18);
       }

       .btn-outline-light-custom:hover {
         background: rgba(255, 255, 255, .06);
         color: #fff;
       }

       .video-box {
         max-width: 760px;
         margin: 0 auto;
         background: #0a1220;
         border: 1px solid rgba(201, 168, 76, 0.18);
         border-radius: 18px;
         aspect-ratio: 16 / 9;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         padding: 24px;
         transition: .25s ease;
       }

       .video-box:hover {
         border-color: #c9a84c;
         box-shadow: 0 0 32px rgba(201, 168, 76, 0.12);
       }

       .video-play {
         width: 76px;
         height: 76px;
         margin: 0 auto 16px;
         border-radius: 50%;
         background: #c9a84c;
         color: #0f1a2e;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 30px;
       }

       .video-title {
         color: #fff;
         font-weight: 700;
         margin-bottom: 4px;
       }

       .video-subtitle {
         color: #8fa3ba;
         font-size: 14px;
       }

       .hero-stats {
         margin-top: 42px;
         padding-top: 32px;
         border-top: 1px solid rgba(255, 255, 255, .08);
       }

       .hero-stat-item h3 {
         font-family: 'Playfair Display', serif;
         color: #c9a84c;
         font-size: 2rem;
         margin-bottom: 4px;
       }

       .hero-stat-item p {
         margin: 0;
         color: #7a8ba5;
         font-size: 14px;
         font-weight: 500;
       }

       .trust-strip {
         background: #fff;
         border-top: 1px solid #e5e7eb;
         border-bottom: 1px solid #e5e7eb;
       }

       .trust-item {
         display: flex;
         align-items: center;
         gap: 14px;
         padding: 22px 0;
         height: 100%;
       }

       .trust-icon {
         width: 44px;
         height: 44px;
         flex-shrink: 0;
         border-radius: 50%;
         background: #faf7f2;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         color: #0f1a2e;
         font-size: 18px;
       }

       .trust-item strong {
         display: block;
         color: #0f1a2e;
         font-size: 14px;
       }

       .trust-item span {
         color: #6b7280;
         font-size: 13px;
       }


       .service-card,
       .about-card,
       .training-card,
       .portfolio-card,
       .contact-card,
       .quote-card,
       .faq-card {
         background: #fff;
         border: 1px solid #e5e7eb;
         border-radius: 18px;
         box-shadow: 0 4px 16px rgba(15, 26, 46, .06);
       }

       .process-card {
         background: #fff;
       }

       .service-card {
         position: relative;
         padding: 28px;
         height: 100%;
         overflow: hidden;
         transition: .3s ease;
       }

       .service-card:hover,
       .training-card:hover,
       .portfolio-card:hover {
         transform: translateY(-6px);
         box-shadow: 0 16px 40px rgba(15, 26, 46, .10);
       }

       .service-card-topbar {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 4px;
       }

       .service-card.red .service-card-topbar {
         background: linear-gradient(90deg, #e8453c, #ff6b6b);
       }

       .service-card.blue .service-card-topbar {
         background: linear-gradient(90deg, #2563eb, #60a5fa);
       }

       .service-card.gold .service-card-topbar {
         background: linear-gradient(90deg, #c9a84c, #e8d49a);
       }

       .service-card.purple .service-card-topbar {
         background: linear-gradient(90deg, #8b5cf6, #a78bfa);
       }

       .service-icon {
         width: 54px;
         height: 54px;
         border-radius: 14px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 22px;
         margin-bottom: 18px;
       }

       .service-card.red .service-icon {
         background: rgba(232, 69, 60, 0.08);
         color: #e8453c;
       }

       .service-card.blue .service-icon {
         background: rgba(37, 99, 235, 0.08);
         color: #2563eb;
       }

       .service-card.gold .service-icon {
         background: rgba(201, 168, 76, 0.10);
         color: #c9a84c;
       }

       .service-card.purple .service-icon {
         background: rgba(139, 92, 246, 0.10);
         color: #8b5cf6;
       }

       .service-card h3,
       .about-title,
       .faq-title {
         font-family: 'Playfair Display', serif;
         color: #0f1a2e;
         margin-bottom: 10px;
       }

       .service-card p,
       .about-card p,
       .training-card p,
       .portfolio-card p,
       .contact-list p,
       .faq-item .accordion-body {
         color: #6b7280;
         font-size: 15px;
       }

       .feature-card h4,
       .process-card h4,
       .faq-title {
         color: #0f1a2e;
         font-weight: 700;
         margin-bottom: 10px;
       }

       .feature-card p,
       .process-card p {
         color: #6b7280;
         margin-bottom: 0;
         font-size: 15px;
       }

       .process-card {
         padding: 28px 24px;
         height: 100%;
         text-align: center;
       }

       .process-number {
         width: 52px;
         height: 52px;
         margin: 0 auto 16px;
         border-radius: 50%;
         background: #c9a84c;
         color: #0f1a2e;
         display: flex;
         align-items: center;
         justify-content: center;
         font-family: 'Playfair Display', serif;
         font-size: 20px;
         font-weight: 800;
       }


       .price-line {
         padding-top: 14px;
         border-top: 1px solid #f1f5f9;
         font-size: 14px;
         font-weight: 700;
         color: #0f1a2e;
         margin-top: 18px;
       }

       .price-line span {
         color: #6b7280;
         font-weight: 500;
       }

       .service-link {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         margin-top: 12px;
         color: #c9a84c;
         font-weight: 700;
       }

       .service-link:hover {
         color: #0f1a2e;
       }

       .about-card {
         padding: 34px;
         height: 100%;
       }

       .about-value {
         background: #faf7f2;
         border: 1px solid #eee7d4;
         border-radius: 16px;
         padding: 18px;
         height: 100%;
       }

       .about-value h5 {
         color: #0f1a2e;
         font-size: 15px;
         font-weight: 700;
         margin-bottom: 8px;
       }

       .about-value p {
         margin: 0;
         font-size: 14px;
       }

       .about-stat-box {
         background: linear-gradient(160deg, #0f1a2e 0%, #1b2d4a 100%);
         color: #fff;
       }

       .about-stat {
         text-align: center;
         padding: 16px;
         border: 1px solid rgba(255, 255, 255, .08);
         border-radius: 16px;
         background: rgba(255, 255, 255, .03);
         height: 100%;
       }

       .about-stat h3 {
         font-family: 'Playfair Display', serif;
         color: #c9a84c;
         font-size: 2rem;
         margin-bottom: 6px;
       }

       .about-stat p {
         color: #8fa3ba;
         margin: 0;
         font-size: 14px;
       }

       .training-card,
       .portfolio-card {
         padding: 26px;
         height: 100%;
         transition: .3s ease;
       }

       .training-icon,
       .portfolio-thumb {
         width: 62px;
         height: 62px;
         border-radius: 16px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
         margin-bottom: 18px;
       }

       .training-icon.youtube,
       .portfolio-thumb.red {
         background: linear-gradient(135deg, #e8453c, #ff6b6b);
         color: #fff;
       }

       .training-icon.ai,
       .portfolio-thumb.blue {
         background: linear-gradient(135deg, #2563eb, #60a5fa);
         color: #fff;
       }

       .training-icon.consult,
       .portfolio-thumb.gold {
         background: linear-gradient(135deg, #c9a84c, #e8d49a);
         color: #0f1a2e;
       }

       .meta-row {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         margin: 14px 0 12px;
       }

       .meta-chip {
         display: inline-flex;
         align-items: center;
         gap: 6px;
         padding: 7px 12px;
         border-radius: 999px;
         background: #f8fafc;
         border: 1px solid #e5e7eb;
         color: #475569;
         font-size: 13px;
         font-weight: 600;
       }

       .portfolio-result {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         color: #059669;
         font-size: 14px;
         font-weight: 700;
         margin-top: 12px;
       }

       .review-section {
         background: #fff;
       }

       .review-card {
         background: #fff;
         border: 1px solid #e5e7eb;
         border-radius: 18px;
         padding: 28px;
         box-shadow: 0 4px 16px rgba(15, 26, 46, .06);
         height: 100%;
       }

       .review-stars {
         color: #c9a84c;
         display: flex;
         gap: 4px;
         margin-bottom: 14px;
         font-size: 16px;
       }

       .review-text {
         font-size: 15px;
         color: #4a4a4a;
         line-height: 1.75;
         font-style: italic;
         margin-bottom: 20px;
       }

       .review-author {
         display: flex;
         align-items: center;
         gap: 12px;
       }

       .review-avatar {
         width: 46px;
         height: 46px;
         border-radius: 50%;
         background: #0f1a2e;
         color: #fff;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-weight: 700;
         flex-shrink: 0;
       }

       .review-name {
         margin: 0;
         font-size: 15px;
         font-weight: 700;
         color: #0f1a2e;
       }

       .review-role {
         margin: 0;
         font-size: 13px;
         color: #6b7280;
       }

       .carousel-control-prev,
       .carousel-control-next {
         width: 48px;
         height: 48px;
         top: 50%;
         transform: translateY(-50%);
         background: #0f1a2e;
         border-radius: 50%;
         opacity: 1;
       }

       .carousel-control-prev {
         left: -20px;
       }

       .carousel-control-next {
         right: -20px;
       }

       .carousel-control-prev-icon,
       .carousel-control-next-icon {
         background-image: none;
         color: #fff;
         font-size: 20px;
         width: auto;
         height: auto;
       }

       .carousel-indicators {
         position: static;
         margin-top: 22px;
         margin-bottom: 0;
       }

       .carousel-indicators [data-bs-target] {
         width: 10px;
         height: 10px;
         border-radius: 50%;
         border: none;
         background: #d1d5db;
         opacity: 1;
       }

       .carousel-indicators .active {
         background: #c9a84c;
       }

       @media (max-width: 991.98px) {
         .carousel-control-prev {
           left: 0;
         }

         .carousel-control-next {
           right: 0;
         }
       }

       @media (max-width: 767.98px) {
         .review-card {
           padding: 22px;
         }

         .carousel-control-prev,
         .carousel-control-next {
           width: 42px;
           height: 42px;
         }
       }

       .quote-card,
       .contact-card {
         padding: 32px;
         height: 100%;
       }


       .service-card p {
         font-size: 15px;
         color: #6b7280;
         margin-bottom: 18px;
       }

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

       .service-list li {
         display: flex;
         align-items: flex-start;
         gap: 10px;
         font-size: 14px;
         color: #475569;
         margin-bottom: 10px;
       }

       .service-list li i {
         color: #059669;
         margin-top: 2px;
         flex-shrink: 0;
       }

       .price-line {
         padding-top: 16px;
         border-top: 1px solid #f1f5f9;
         font-size: 14px;
         font-weight: 700;
         color: #0f1a2e;
         margin-bottom: 18px;
       }

       .price-line span {
         color: #6b7280;
         font-weight: 500;
       }

       .form-label {
         font-weight: 700;
         color: #0f1a2e;
         font-size: 14px;
       }

       .form-control,
       .form-select {
         min-height: 52px;
         border-radius: 12px;
         border: 1px solid #dbe2ea;
         padding: 12px 14px;
         font-size: 16px;
       }

       textarea.form-control {
         min-height: 140px;
         resize: vertical;
       }

       .form-control:focus,
       .form-select:focus {
         border-color: #c9a84c;
         box-shadow: 0 0 0 0.2rem rgba(201, 168, 76, 0.12);
       }

       .btn-submit {
         min-height: 54px;
         border: none;
         border-radius: 12px;
         background: #0f1a2e;
         color: #fff;
         font-weight: 700;
         width: 100%;
       }

       .btn-submit:hover {
         background: #1b2d4a;
         color: #fff;
       }

       .contact-item {
         display: flex;
         gap: 14px;
         align-items: flex-start;
         padding: 18px 0;
         border-bottom: 1px solid #f1f5f9;
       }

       .contact-item:last-child {
         border-bottom: none;
       }

       .contact-icon {
         width: 46px;
         height: 46px;
         border-radius: 14px;
         background: rgba(201, 168, 76, 0.10);
         color: #c9a84c;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 18px;
         flex-shrink: 0;
       }

       .contact-item h5 {
         margin-bottom: 4px;
         font-size: 15px;
         color: #0f1a2e;
         font-weight: 700;
       }

       .contact-item p,
       .contact-item a {
         margin: 0;
         color: #6b7280;
         font-size: 14px;
       }

       .faq-card {
         padding: 32px;
       }

       .accordion-item {
         border: 1px solid #e5e7eb;
         border-radius: 14px !important;
         overflow: hidden;
         margin-bottom: 14px;
       }

       .accordion-button {
         font-weight: 700;
         color: #0f1a2e;
         background: #fff;
         box-shadow: none !important;
       }

       .accordion-button:not(.collapsed) {
         color: #0f1a2e;
         background: rgba(201, 168, 76, 0.06);
       }



       .page-hero {
         position: relative;
         overflow: hidden;
         background: linear-gradient(160deg, #0f1a2e 0%, #1b2d4a 52%, #243b5c 100%);
         padding: 90px 20px 70px;
       }

       .page-hero::before {
         content: "";
         position: absolute;
         width: 560px;
         height: 560px;
         border-radius: 50%;
         background: radial-gradient(circle, rgba(201, 168, 76, 0.10) 0%, transparent 70%);
         top: -190px;
         right: -150px;
         pointer-events: none;
       }

       .page-hero-content {
         position: relative;
         z-index: 2;
         text-align: center;
         max-width: 980px;
         margin: 0 auto;
         padding: 0 10px;
       }

       .page-hero-title {
         font-family: 'Playfair Display', serif;
         font-size: clamp(2rem, 6vw, 4.3rem);
         font-weight: 800;
         color: #fff;
         line-height: 1.1;
         margin-bottom: 14px;
       }

       .page-hero-text {
         max-width: 720px;
         margin: 0 auto 24px;
         color: #8fa3ba;
         font-size: 1rem;
         line-height: 1.6;
       }


       @media (max-width: 575.98px) {
         .page-hero {
           padding: 70px 15px 55px;
         }

         .page-hero-title {
           font-size: 1.9rem;
           line-height: 1.2;
         }

         .page-hero-text {
           font-size: 0.95rem;
         }

         .page-hero::before {
           width: 380px;
           height: 380px;
           top: -120px;
           right: -100px;
         }
       }

       @media (min-width: 576px) and (max-width: 991.98px) {
         .page-hero {
           padding: 85px 25px 65px;
         }

         .page-hero-title {
           font-size: 2.6rem;
         }

         .page-hero-text {
           font-size: 1rem;
         }

         .page-hero::before {
           width: 480px;
           height: 480px;
         }
       }

       @media (min-width: 992px) {
         .page-hero {
           padding: 110px 0 90px;
         }

         .page-hero-title {
           font-size: 3.8rem;
         }

         .page-hero-text {
           font-size: 1.05rem;
         }
       }


       @media (min-width: 1400px) {
         .page-hero {
           padding: 130px 0 100px;
         }

         .page-hero-title {
           font-size: 4.3rem;
         }

         .page-hero-text {
           font-size: 1.1rem;
         }
       }


       .cta-panel {
         background: #fff;
         border: 1px solid #e5e7eb;
         border-radius: 20px;
         box-shadow: 0 4px 16px rgba(15, 26, 46, .06);
       }

       .cta-panel {
         padding: 40px 34px;
         background: linear-gradient(160deg, #0f1a2e 0%, #1b2d4a 100%);
         border-color: rgba(255, 255, 255, 0.06);
         color: #fff;
       }

       .cta-panel h3 {
         font-family: 'Playfair Display', serif;
         font-size: clamp(1.9rem, 4vw, 2.6rem);
         margin-bottom: 12px;
       }

       .cta-panel p {
         color: #8fa3ba;
         margin-bottom: 26px;
         font-size: 1rem;
       }


       .footer-dark {
         background: #0f1a2e;
         color: #8fa3ba;
       }

       .footer-dark a {
         color: #8fa3ba;
       }

       .footer-dark a:hover {
         color: #fff;
       }

       .footer-brand {
         font-family: 'Playfair Display', serif;
         color: #fff;
         font-size: 1.6rem;
         font-weight: 800;
       }

       .footer-brand img {
         display: block;
         margin: 0 auto;
         max-width: 140px;
         width: 100%;
         height: auto;
       }

       .social-circle {
         width: 42px;
         height: 42px;
         border-radius: 50%;
         background: rgba(255, 255, 255, .08);
         color: #8fa3ba;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         transition: .25s ease;
         font-size: 16px;
       }

       .social-circle:hover {
         background: #c9a84c;
         color: #0f1a2e;
       }

       .whatsapp-float {
         position: fixed;
         right: 20px;
         bottom: 20px;
         width: 58px;
         height: 58px;
         border-radius: 50%;
         background: #25d366;
         color: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 26px;
         z-index: 1050;
       }

       .whatsapp-float:hover {
         color: #fff;
         transform: scale(1.05);
       }


       .training-lane-title {
         font-family: 'Playfair Display', serif;
         font-size: 24px;
         color: #0f1a2e;
         margin: 0;
         font-weight: 800;
       }

       .training-lane-text {
         color: #6b7280;
         font-size: 14px;
         margin: 4px 0 0;
       }

       .training-lane-icon {
         width: 52px;
         height: 52px;
         border-radius: 14px;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
         flex-shrink: 0;
       }

       .training-lane-icon.youtube {
         background: #e8453c;
         color: #fff;
       }

       .training-lane-icon.ai {
         background: #2563eb;
         color: #fff;
       }

       .training-lane-icon.consult {
         background: #c9a84c;
         color: #0f1a2e;
       }

       .training-card {
         background: #fff;
         border-radius: 14px;
         padding: 28px;
         border: 1px solid #e5e7eb;
         box-shadow: 0 4px 16px rgba(15, 26, 46, 0.06);
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
       }

       .training-card::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 4px;
         height: 100%;
         background: #c9a84c;
         opacity: 0;
         transition: opacity 0.3s ease;
       }

       .training-card:hover {
         transform: translateY(-6px);
         box-shadow: 0 16px 40px rgba(15, 26, 46, 0.12);
         border-color: #c9a84c;
       }

       .training-card:hover::before {
         opacity: 1;
       }

       .training-card h4 {
         font-family: 'Playfair Display', serif;
         font-size: 20px;
         color: #0f1a2e;
         font-weight: 800;
         margin-bottom: 10px;
       }

       .training-card p {
         font-size: 14px;
         color: #6b7280;
         line-height: 1.65;
         margin-bottom: 16px;
       }

       .training-meta-pill {
         display: inline-flex;
         align-items: center;
         gap: 6px;
         font-size: 12.5px;
         color: #4a4a4a;
         background: #faf7f2;
         border: 1px solid #f3f4f6;
         padding: 6px 10px;
         border-radius: 999px;
       }

       .training-meta-pill i {
         color: #c9a84c;
       }

       .price-tag {
         display: inline-flex;
         align-items: center;
         background: rgba(201, 168, 76, 0.10);
         color: #0f1a2e;
         border: 1px solid rgba(201, 168, 76, 0.25);
         padding: 7px 15px;
         border-radius: 999px;
         font-size: 13px;
         font-weight: 800;
       }

       .service-cta-box {
         background: #0f1a2e;
         border-radius: 18px;
         padding: 45px 30px;
         text-align: center;
         margin-top: 55px;
       }

       .service-cta-box h3 {
         font-family: 'Playfair Display', serif;
         font-size: 28px;
         color: #fff;
         font-weight: 800;
         margin-bottom: 12px;
       }

       .service-cta-box p {
         color: #8fa3ba;
         font-size: 15px;
         max-width: 650px;
         margin: 0 auto 24px;
       }
.quote-form-wrap{
  max-width:680px;margin:0 auto;background:var(--white);
  border-radius:var(--radius-lg);padding:40px 36px;
  box-shadow:var(--shadow-md);border:1px solid var(--border);
}
.form-group{margin-bottom:22px}
.form-group label{display:block;font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:5px}
.form-group .hint{font-size:12px;color:var(--text-lighter);margin-bottom:5px;font-weight:400}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius);
  font-family:'DM Sans',sans-serif;font-size:14.5px;color:var(--text);
  background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,0.1);
}
.form-group textarea{resize:vertical;min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:550px){.form-row{grid-template-columns:1fr}}
.checkbox-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
@media(max-width:768px){.checkbox-grid{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.checkbox-grid{grid-template-columns:1fr}}
.chk-item{
  display:flex;align-items:center;gap:8px;padding:10px 12px;
  border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;
  transition:all var(--transition);font-size:13.5px;
}
.chk-item:hover{border-color:var(--gold);background:var(--gold-faint)}
.chk-item input[type="checkbox"]{width:auto;accent-color:var(--gold)}
.form-divider{border:none;border-top:1px solid var(--border-light);margin:28px 0}
.form-step{
  font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px;
  display:flex;align-items:center;gap:8px;
}
.form-step .num{
  width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--navy);
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.submit-btn{
  width:100%;padding:15px;background:var(--navy);color:var(--white);border:none;
  border-radius:var(--radius);font-family:'DM Sans',sans-serif;font-size:15.5px;
  font-weight:600;cursor:pointer;transition:all var(--transition);
}
.submit-btn:hover{background:var(--navy-mid)}
.form-footer{text-align:center;margin-top:14px;font-size:12.5px;color:var(--text-lighter)}
.success-msg{
  display:none;text-align:center;padding:56px 36px;background:var(--white);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);
  max-width:680px;margin:0 auto;
}
.success-msg .chk{
  width:56px;height:56px;border-radius:50%;background:var(--success-bg);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:24px;
}
.success-msg h3{font-family:'Playfair Display',serif;font-size:22px;color:var(--navy);margin-bottom:10px}
.success-msg p{color:var(--text-light);font-size:14.5px;max-width:400px;margin:0 auto;line-height:1.6}

       @media (max-width: 575.98px) {
         .training-lane-title {
           font-size: 21px;
         }

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

         .service-cta-box {
           padding: 35px 20px;
         }

         .service-cta-box h3 {
           font-size: 23px;
         }
       }