.navbar-toggler {
    width: 45px;
    height: 45px;
    position: relative;
    transition: .3s ease-in-out;
}

.menu-car-rental,
.menu-car-rental::before,
.menu-car-rental::after {
    content: '';
    position: absolute;
    width: 28px;
    height: 3px;
    background: hsl(var(--chestnut-brown-hls));
    border-radius: 5px;
    transition: .3s ease-in-out;
    left: 8px;
}

.menu-car-rental {
    top: 21px;
}

.menu-car-rental::before {
    top: -8px;
}

.menu-car-rental::after {
    top: 8px;
}

.navbar-toggler.active .menu-car-rental {
    background: transparent;
}

.navbar-toggler.active .menu-car-rental::before {
    top: 0;
    transform: rotate(45deg);
}

.navbar-toggler.active .menu-car-rental::after {
    top: 0;
    transform: rotate(-45deg);
}
.menu-nav-style .navbar-nav .nav-link{color: hsl(var(--text-cerulean-blue-hls));font-size: 16px;font-weight: 600;text-transform: uppercase;}
.menu-nav-style .navbar-nav .nav-link:hover{color: hsl(var(--text-hover-neutral-gray-hls));}
.menu-nav-style .navbar-nav .nav-link:hover, 
.menu-nav-style .navbar-nav .nav-link:active,
.menu-nav-style .navbar-nav .nav-link:focus{color: hsl(var(--chestnut-brown-hls));}
.menu-nav-style .navbar-nav .nav-link:active,
.menu-nav-style .navbar-nav .nav-link:focus{font-weight: 700;}

.navbar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;

    background: linear-gradient(
        90deg,
        rgba(157, 102, 51, .5) 0%,   /* left fade */
        rgba(157, 102, 51, 1) 20%,
        rgba(3, 111, 160, 1) 50%,   /* center strong */
        rgba(157, 102, 51, 1) 80%,
        rgba(157, 102, 51, .5) 100%  /* right fade */
    );
}

.hero-banner{
     min-height: 81vh;
    background: url('../../images/cab-taxi-car-rental-in-pondicherry.png') center center/cover no-repeat;
}

.hero-content{
    /*max-width: 999px;*/
    background: linear-gradient(
        135deg,
        rgba(0,0,0,0.81),
        rgba(0,0,0,0.54)
    );
    backdrop-filter: blur(2px);
}

.hero-banner h1{
    font-size: clamp(1.2rem, 5vw, 2.2rem);
}

/*TOP Banner */
.hero-form-banner{
    min-height: 720px;
    background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
                url('../../images/chennai-airport-to-pondicherry-cab-taxi-booking.jpg') center/cover no-repeat;
}
.hero-banner h2{
    font-size: clamp(2.5rem,5vw,4.5rem);
}

@media (max-width: 991.98px) {
  .menu-nav-style .nav-item {
    background: hsl(var(--azure-blue-hls) / .2);
    border:1px solid hsl(var(--azure-blue-hls));
    border-radius: 12px;
    margin: 6px 0;
  }

  .menu-nav-style .nav-link {
    padding: 10px 15px;
    display: block;
  }


}
@media (min-width: 992px) {
    .w-lg-75 {
        width: 75% !important;
    }
}