/* ================= RESET ================= */
        *,
        ::after,
        ::before {
            box-sizing: border-box;

        }

        body {
            font-family: Arial, sans-serif;
            line-height: 1.5;
                        margin: 0 !important;
            padding: 0 !important;
        }
        p {
    margin-top: 0;
    margin-bottom: 0;
}
img {
    vertical-align: middle;
    border-style: none;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
}


        section {
            display: block;
        }

        /* ================= WRAPPER ================= */
        .gm-wrap {
            max-width: 1200px;
            margin: auto;
            padding: 0 15px;
        }

        /* ================= TOP BAR ================= */
        .gm-topbar {
            background: #053C63;
            color: #fff;
            font-size: 14px;
        }

        .gm-topbar .gm-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* min-height: 40px; */
        }

        .gm-top-left p {
            display: inline-flex;
            align-items: center;
            margin-right: 20px;
        }

        .gm-top-left img {
            width: 14px;
            margin-right: 6px;
        }

        .gm-topbar a {
            color: #fff;
            text-decoration: none;
        }

        .gm-top-right img {
            width: 16px;
            margin-left: 10px;
        }

        /* ================= NAV ================= */
        .gm-nav {
            background: #fff;
            min-height: 82px;
        }

        .gm-nav-flex {
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 80px;
        }

        .gm-logo img {
            height: auto;
            width: 105px;
        }

        /* ================= TOGGLE ================= */
        .gm-toggle {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
        }

        .gm-toggle span {
            display: block;
            width: 26px;
            height: 3px;
            background: #053C63;
            margin: 5px 0;
        }

        /* ================= DESKTOP MENU ================= */
        .gm-menu {
            list-style: none;
            display: flex;
            align-items: center;
            gap: 22px;
        }

        .gm-menu a {
            text-decoration: none;
            color: #000;
            font-size: 15px;
        }

        .gm-menu a:hover,
        .gm-menu a.active {
            color: #053C63;
        }

        /* ================= DROPDOWN ================= */
        .gm-has-dropdown {
            position: relative;
        }

        .gm-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            background: #fff;
            min-width: 260px;
            display: none;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
            z-index: 1000;
            padding: 0;
        }

        .gm-dropdown li {
            list-style: none;
        }

        .gm-dropdown a {
            display: block;
            padding: 12px 15px;
            color: #000;
        }

        .gm-dropdown a:hover {
            background: #f2f2f2;
        }

        .gm-has-dropdown:hover .gm-dropdown {
            display: block;
        }

        /* ================= CTA ================= */
        .gm-cta {
            background: #053C63;
            color: #fff !important;
            padding: 10px 18px;
            border-radius: 4px;
            font-weight: 600;
        }

        /* ================= MOBILE SIDEBAR ================= */
        @media (max-width:991px) {

            .gm-toggle {
                display: block;
            }

            .gm-menu {
                position: fixed;
                top: 0;
                left: -300px;
                width: 300px;
                height: 100vh;
                background: #053C63;
                flex-direction: column;
                align-items: flex-start;
                padding: 90px 20px;
                gap: 15px;
                transition: left .3s ease;
                z-index: 999;
            }

            .gm-menu.active {
                left: 0;
            }

            .gm-menu a {
                color: #fff;
                width: 100%;
            }

            .gm-has-dropdown>a::after {
                content: "▾";
                float: right;
            }

            .gm-dropdown {
                position: static;
                display: none;
                background: transparent;
                box-shadow: none;
                width: 100%;
            }

            .gm-dropdown a {
                padding-left: 20px;
                color: #ffd36a;
            }

            .gm-dropdown.active {
                display: block;
            }
        }

        /* ================= OVERLAY ================= */
        .gm-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .6);
            opacity: 0;
            visibility: hidden;
            transition: .3s;
            z-index: 998;
        }

        .gm-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* ================= HERO ================= */
.gm-hero {
  position: relative;
  background: url("../images/hero-banner.jpg") no-repeat center center / cover;
  background-color: #000;
  padding: 60px 0;
  overflow: hidden;
  min-height: 90vh;
}

/* Shade overlay */
.gm-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.77); /* adjust darkness here */
  z-index: 1;
}

/* Keep hero content above shade */
.gm-hero > * {
  position: relative;
  z-index: 2;
}

.gm-hero-wrap {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

/* LEFT */
.gm-hero-left h1 {
  font-size: 42px;
  line-height: 1.2;
  color: #fff;
}

.gm-hero-left .hide {
  margin-top: 10px;
  font-size: 18px;
  color: #fff;
}

/* RIGHT */
.gm-hero-right {
  width: 100%;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 991px) {
  
  .gm-hero-wrap {
    grid-template-columns: 1fr;
  }

  .gm-hero-left {
    text-align: center;
  }


}

@media (max-width: 480px) {
      .gm-hero{
        background: #053C63;
    }
  .gm-hero-left h1 {
    font-size: 26px;
        color: #fff;
  }
  .hide{
    display: none;
  }
  .head-main-div h1{
    margin-bottom: 0 !important;
  }
  .gm-top-right{
    display: none;
  }
  .gm-topbar .gm-wrap{
    padding: 10px;
  }
  .gm-top-left p img{
    display: none;
  }
}