:root {
      --fk-navy: #0d224a;
      --fk-navy-2: #16386f;
      --fk-gold: #d8b56a;
      --fk-accent-start: #a9ce3b;
      --fk-accent-end: #2550a6;
      --fk-gray: #f4f6fa;
    }

    body {
      font-family: "Inter", "Segoe UI", Arial, sans-serif;
      color: #1d2a45;
    }

    .bg-fk-hero {
      background: linear-gradient(rgba(13, 34, 74, .82), rgba(22, 56, 111, .86)), url("https://images.unsplash.com/photo-1460317442991-0ec209397118?auto=format&fit=crop&w=1920&q=80") center/cover no-repeat;
    }

    .text-fk-gold {
      color: var(--fk-gold); 
    }

    .btn-fk-gold {
      background: linear-gradient(135deg, var(--fk-accent-start), var(--fk-accent-end));
      color: #fff;
      font-weight: 600;
      border: 0;
      box-shadow: 0 8px 18px rgba(37, 80, 166, .28);
    }

    .btn-fk-gold:hover {
      background: linear-gradient(135deg, #98ba35, #214794);
      color: #fff;
    }

    .navbar-brand img {
      width: 180px;

    }

    .custom-dropdown {
      width: 240px;
      border: none;
      border-radius: 0;
      padding: 0;
      margin-top: 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .custom-dropdown .dropdown-item {
      padding: 14px 20px;
      font-family: "Inter", "Segoe UI", Arial, sans-serif;
      font-size: 16px;
      color: #212529;
      font-weight: 600;
      border-bottom: 1px solid #ddd;
      white-space: normal;
      transition: 0.3s;
    }

    /* Alternate background */
    .custom-dropdown li:nth-child(odd) {
      background-color: #ffffff;
    }

    .custom-dropdown li:nth-child(even) {
      background-color: #f5f5f5;
    }

    .custom-dropdown .dropdown-item:hover {
      background-color: #a4c639;
      color: white;
    }

    .section-pad {
      padding: 4.5rem 0;
    }

    .fk-navbar {
      background: #ffffff;
      box-shadow: 0 4px 16px rgba(13, 34, 74, .08);
      padding: .75rem 0;
    }

    .fk-navbar .container {
      max-width: 1220px;
    }

    .fk-logo-wrap {
      display: flex;
      align-items: center;
      gap: .65rem;
    }

    .fk-logo-mark {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      background: linear-gradient(135deg, #a9ce3b, #2550a6);
      position: relative;
      transform: rotate(45deg);
    }

    .fk-logo-text {
      line-height: 1.05;
    }

    .fk-logo-title {
      font-size: 1.95rem;
      letter-spacing: 2px;
      color: #2550a6;
      font-weight: 800;
    }

    .fk-logo-sub {
      font-size: .86rem;
      color: #2550a6;
      font-weight: 700;
      display: block;
    }

    .fk-logo-note {
      font-size: .57rem;
      color: #6a7694;
      display: block;
      margin-top: 2px;
    }

    .fk-navbar .nav-link {
      color: #1d2a45;
      font-weight: 500;
    }

    .fk-navbar .nav-link:hover {
      color: var(--fk-navy-2);
    }

    .fk-logo {
      color: var(--fk-navy);
      font-weight: 700;
      letter-spacing: .3px;
    }

    .fk-footer {
      background: #081733;
    }

    .bg-fk-gray {
      background: var(--fk-gray);
    }

    .rounded-4 {
      border-radius: 1rem !important;
    }

    .card-elevated {
      border: 0;
      border-radius: 1rem;
      box-shadow: 0 12px 28px rgba(13, 34, 74, .10);
    }

    .icon-pill {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, #f8e7c2, #eac886);
      font-size: 1.2rem;
    }

    .trust-badge {
      border: 1px solid rgba(255, 255, 255, .25);
      background: rgba(255, 255, 255, .12);
    }

    .timeline-step {
      border-left: 4px solid var(--fk-accent-start);
    }

    .star {
      color: #f6b400;
      letter-spacing: 2px;
    }

    .cta-banner {
      background: linear-gradient(120deg, #102958, #204f9d);
    }

    .map-placeholder {
      min-height: 120px;
      border: 1px dashed rgba(255, 255, 255, .35);
    }

    .soft-reveal {
      opacity: 0;
      transform: translateY(10px);
      transition: all .6s ease;
    }

    .soft-reveal.show {
      opacity: 1;
      transform: translateY(0);
    }

    .sip-box {
      background: linear-gradient(130deg, #f9fcff, #eef4ff);
      border: 1px solid #dbe6ff;
    }

    .sip-result {
      background: #0d224a;
      color: #fff;
      border-radius: 1rem;
    }

    .sip-highlight {
      color: #a9ce3b;
      font-weight: 700;
    }

    .wa-float {
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 1080;
      background: #25D366;
      color: #fff;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6rem;
      box-shadow: 0 10px 24px rgba(37, 211, 102, .45);
      animation: waPulse 1.8s infinite;
      text-decoration: wavy;
    }

    .wa-float:hover {
      color: #fff;
      transform: translateY(-2px);
    }

    @keyframes waPulse {
      0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, .6);
      }

      70% {
        box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
      }
    }

    .footer-main {
      background: #132b78;
    }

    .footer-logo-card {
      background: #fff;
      padding: 14px;
      border-radius: 4px;
      max-width: 230px;
    }

    .footer-logo-card img {
      border-radius: 0;
    }

    .footer-about {
      color: #e4ebff;
      line-height: 1.7;
    }

    .footer-title {
      font-weight: 700;
      color: #fff;
      text-transform: uppercase;
    }

    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li {
      border-bottom: 1px solid rgba(255, 255, 255, .25);
      padding: 7px 0;
      color: #e7eeff;
    }

    .footer-links li i {
      margin-right: 10px;
    }

    .footer-links li a {
      text-decoration: none;
      color: white;

    }

    .social-round a {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      margin-right: 8px;
      text-decoration: none;
    }

    .s-fb {
      background: #3b5998
    }

    .s-tw {
      background: #1da1f2
    }

    .s-yt {
      background: #ff0000
    }

    .s-ig {
      background: #e1306c
    }

    .contact-line {
      color: #e7eeff;
      margin-bottom: 10px;
      display: flex;
      gap: 10px;
      align-items: flex-start;
    }

    a{
      text-decoration: none;
    }

    .footer-bar {
      background: #a9ce3b;
      color: #111;
      font-weight: 600;
    }

    .footer-bar a{
      text-decoration: none;
      color:#0c2fc3;
    }

    .about-copy {
      font-size: 1.18rem;
      line-height: 1.8;
      color: #12284f;
      font-weight: 500;
    }

    .about-points li {
      font-size: 1.05rem;
      color: #132b78;
      margin-bottom: .45rem;
    }

    .form-alert {
      display: none;
      padding: .85rem 1rem;
      border-radius: .7rem;
      font-weight: 600;
      margin-bottom: .8rem;
    }

    .form-alert.success {
      display: block;
      background: #e8f9ee;
      color: #136a36;
      border: 1px solid #8bd9a8;
    }

    .form-alert.error {
      display: block;
      background: #fff0f0;
      color: #9d1b1b;
      border: 1px solid #f1a1a1;
    }

    .services-section {
      position: relative;
      overflow: hidden;
    }

    .services-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(244, 246, 250, .93), rgba(244, 246, 250, .96)), url("https://images.unsplash.com/photo-1559526324-593bc073d938?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;
      z-index: 0;
    }

    .services-section .container {
      position: relative;
      z-index: 1;
    }

    .service-card {
      transition: transform .35s ease, box-shadow .35s ease;
    }

    .service-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 36px rgba(13, 34, 74, .16);
    }

    .service-icon {
      background: linear-gradient(135deg, #f0d79f, #e4c177);
    }