body {
        font-family: Poppins, sans-serif;
        background: #f8fbff
      }

      .topbar {
        background: #012f87;
        color: #fff;
        padding: 10px;
        text-align: center
      }

      .navbar {
        background: #fff;
        padding: 20px 0;
        border-bottom: 1px solid #eef2f7
      }
	  
	  .active-menu {
        color: #1565d8 !important;
        font-weight: 700;
        position: relative;
      }

      .active-menu::after {
        content: '';
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 0;
        height: 3px;
        background: #1565d8;
        border-radius: 20px;
      }

      .logo {
        font-size: 42px;
        color: #1565d8
      }

      .logo-text {
        font-size: 18px;
        font-weight: 800;
        color: #0b3c8c;
        line-height: 1.1
      }

      .nav-link {
        font-weight: 500;
        color: #1f2937
      }

      .active-link {
        color: #1565d8 !important;
        border-bottom: 3px solid #1565d8
      }

      .hero {
        background: linear-gradient(135deg, #f7fbff, #edf4ff);
        padding: 80px 0
      }

      .badge-contact {
        background: #eaf2ff;
        color: #1565d8;
        padding: 12px 20px;
        border-radius: 40px;
        font-weight: 700
      }

      .hero h1 {
        font-size: 72px;
        font-weight: 800;
        color: #0b3c8c
      }

      .line {
        width: 80px;
        height: 5px;
        background: #1565d8;
        border-radius: 10px;
        margin: 25px 0
      }

      .cardx {
        background: #fff;
        border-radius: 24px;
        padding: 35px;
        box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
        height: 100%
      }

      .info-item {
        display: flex;
        gap: 18px;
        padding: 20px 0;
        border-bottom: 1px solid #edf2f7
      }

      .info-item:last-child {
        border: none
      }

      .icon-circle {
        width: 68px;
        height: 68px;
        border-radius: 50%;
        background: #eef5ff;
        color: #1565d8;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px
      }

      .form-control {
        min-height: 58px;
        border-radius: 14px
      }

      textarea.form-control {
        min-height: 180px
      }

      .btn-main {
        background: linear-gradient(90deg, #1565d8, #2d6df6);
        color: #fff;
        padding: 14px 28px;
        border-radius: 12px;
        border: none
      }

      .trust-box {
        background: #fff;
        border: 1px solid #e5edf8;
        border-radius: 24px;
        padding: 25px;
        margin-top: 40px
      }

      .trust-item {
        display: flex;
        align-items: center;
        gap: 15px
      }

      .footer {
        background: #fff;
        padding: 50px 0;
        margin-top: 50px;
        border-top: 1px solid #e5edf8
      }

      .footer-links {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap
      }

      .footer-links a {
        text-decoration: none;
        color: #555
      }

      .bottom {
        border-top: 1px solid #e5edf8;
        margin-top: 25px;
        padding-top: 25px
      }

      .pay {
        display: inline-block;
        border: 1px solid #ddd;
        padding: 5px 10px;
        border-radius: 6px;
        margin-left: 5px
      }

      @media(max-width:768px) {
        .hero h1 {
          font-size: 42px
        }
      }

      /* =========================
		FOOTER
		========================= */
      .footer-links {
        background: #fff;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
      }

      .footer-links ul {
        list-style: none;
        margin: 0;
        padding: 25px 0;
        display: flex;
        justify-content: center;
        gap: 35px;
        flex-wrap: wrap;
      }

      .footer-links a {
        text-decoration: none;
        color: #444;
        font-weight: 500;
      }

      .footer-main {
        background: #fff;
        padding: 40px 0;
      }

      .brand-logo {
        font-size: 34px;
        color: #1565d8;
      }

      .brand-name {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.2;
      }

      .payment {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 60px;
        height: 40px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #fff;
        margin-left: 6px;
        font-size: 12px;
        font-weight: 700;
      }

	  /* HEADER */
      .main-header {
        background: #fff;
        border-top: 3px solid #0B43C9;
        border-bottom: 1px solid #edf2f7;
      }
	   .navbar {
        min-height: 85px;
      }
	  .header-right {
        display: flex;
        align-items: center;
        gap: 22px;
      }