
    :root {
      --blue-overlay: rgba(3, 89, 154, 0.85);
      --accent-yellow: #ffb300;
      --text-light: #ffffff;
      --hero-min-height: 100vh;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    .cover-section {
     /* min-height: var(--hero-min-height);*/
      background: url("../assets/Home-Bkg.jpg") no-repeat center center;
      background-size: cover;
      position: relative;
      color: var(--text-light);
      overflow: hidden;
      padding: 30px 0 30px 30px;
    }

    .hero-inner {
      min-height: var(--hero-min-height);
      padding: 2rem 1.5rem;
    }

    /* Logo area */


    .brand-logo img{
     width: clamp(200px, 20vw, 600px);
     max-width: 100%;
     height: auto;
    }

    /* Body */
   a{
    color: var(--text-light);
    text-decoration: none;
   }

    /* Form panel */
    .form-panel-wrapper {
      display: flex;
      justify-content: flex-end;
      margin-top: 3rem;
    }

    .form-panel {
      background: var(--blue-overlay);
      padding: 2rem 2.5rem;
      max-width: 650px;
      width: 100%;
      position: relative;
    }

    .form-panel::after {
      content: "";
      position: absolute;
      left: 80%;
      right: 0;
      bottom: -5px;
      height: 5px;
      background: var(--accent-yellow);
    }

    .col-form-label {
      color: var(--text-light);
      font-size: 0.85rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 0.3rem;
    }

    .form-control {
      background-color: rgba(255, 255, 255, 0.25);
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 0;
      color: #fff;
      padding: 0.65rem 0.75rem;
      font-size: 0.9rem;
    }

    .form-control::placeholder {
      color: rgba(255, 255, 255, 0.7);
    }

    .form-control:focus {
      box-shadow: none;
      border-color: #fff;
    }

    
    .btn-submit {
      margin-top: 1.5rem;
      padding: 0.75rem 3rem;
      background-color: var(--accent-yellow);
      border-radius: 0;
      border: 2px solid transparent;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-size: 0.9rem;
    }

    .btn-submit:hover, 
    .btn-submit:focus {
      border: 2px solid var(--accent-yellow);
    }

    /* Privacy policy  */

    .privacy-icon img{
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .modal-content{
        background: var(--blue-overlay);
        opacity: 0.98;
        color: var(--text-light);
    }

    .modal-header .btn-close{
        filter: invert(1);
    }
  

    .letter-head-note {
      text-align: right;
      font-weight: bold;
      text-decoration: underline;
      margin-bottom: 30px;
    }
    .address-block {
      margin-bottom: 20px;
    }
    .subject {
      margin: 20px 0;
      font-weight: bold;
      text-decoration: underline;
    }
    .body-text {
      text-align: justify;
    }
    .footer-table {
      width: 100%;
      margin-top: 40px;
      border-collapse: collapse;
    }
    .footer-table td {
      vertical-align: top;
      padding: 4px 0;
    }
    .footer-label {
      width: 90px;
    }
    .right-align {
      text-align: right;
    }
    .signature-block {
      margin-top: 40px;
      width: 100%;
    }
    .signature-block td {
      padding: 4px 0;
      vertical-align: top;
    }

    /* RESPONSIVE */
    @media (max-width: 991.98px) {
      .hero-inner {
        padding: 1.5rem 1rem 2.5rem;
      }

      .form-panel-wrapper {
        margin-top: 2rem;
        justify-content: center;
      }

      .form-panel {
        padding: 1.5rem;
      }
    }
