.navbar {
     padding: 0px;
     border-bottom: 3px solid #3da5db;
 }

 .navbar-brand img {
     width: 160px;
 }

 .navbar .navbar-nav .nav-link {
     color: #e40007;
     font-size: 20px;
     line-height: 20px;
     padding: 10px 25px;
     text-align: center;
     font-family: "Marcellus", serif;
     transition: all 300ms ease;
     letter-spacing: 2px;
     font-weight: 600;
 }

 .navbar-expand-md .navbar-nav .dropdown-menu {
     width: auto;
     margin-top: 20px;
 }

 /* Bootstrap ka default arrow remove kare */
 .dropdown-toggle::after {
     display: none !important;
 }

 /* Custom arrow Font Awesome se add kare */
 .dropdown-toggle .fa-chevron-down {
     margin-left: 0.5em;
     font-size: 0.9em;
     vertical-align: middle;
 }

 .dropdown-toggle .fa-chevron-down {
     transition: transform 0.3s ease;
     /* default state me hi rakho */
 }

 .dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
     transform: rotate(180deg);
 }

 .banner-wrapper {
     position: relative;
     overflow: hidden;
     display: block;
     background-color: transparent;
     -webkit-mask-image: url(../images/shape_menu_1.svg);
     -webkit-mask-position: bottom;
     -webkit-mask-size: cover;
     -webkit-mask-repeat: no-repeat;
     /* margin-bottom: -40px; */
 }

 .carousel-item {
     position: relative;
 }

 .banner-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.58);
     z-index: 1;
 }

 .carousel-item img {
     object-fit: cover;
 }

 .carousel-caption {
     font-size: 50px;
     position: absolute;
     top: 40%;
     left: 23%;
     transform: translate(-50%, -50%);
     z-index: 1;
     width: 50%;
     text-align: center;
 }

 .carousel-caption .h5 {
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     color: #fff;display: block;
     letter-spacing: 0px;
     font-family: "ABeeZee", sans-serif;
 }


 .carousel-caption .h2 {
     font-size: 70px;
     line-height: 90px;
     font-weight: 400;display: block;
     color: rgb(255, 255, 255);
     font-family: "Marcellus", serif;
 }

 .carousel-caption p {
     white-space: nowrap;
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
     color: rgb(255, 255, 255);
     font-family: ABeeZee;
 }

 .carousel-item.active img {
     animation: zoomInBanner 8s ease-in-out forwards;
     transform-origin: center;
 }

 /* Animate text appearance */
 .carousel-caption {
     animation: zoomOutText 2s ease-out forwards;
     opacity: 0;
     /* start hidden */
 }

 @keyframes zoomInBanner {
     from {
         transform: scale(1);
     }

     to {
         transform: scale(1.1);
     }
 }

 /* Zoom-out and fade-in for text */
 @keyframes zoomOutText {
     0% {
         opacity: 0;
         transform: scale(1.5);
     }

     100% {
         opacity: 1;
         transform: scale(1);
     }
 }


 .dropdown-mega {
     position: static;
 }

 .mega-menu {
     left: 0;
     right: 0;
     width: min(100vw - 2rem, 1140px);
     margin: 0 auto;
     border: 0;
     padding: 0;
     border-radius: 0px;
 }

 .mega-menu h5 {
     font-size: 20px;
     padding: 5px 10px;
 }

 .mega-menu .dropdown-item {
     white-space: normal;
     line-height: 1.35;
     padding: 8px 10px;
     border-radius: .25rem;
 }

 .mega-menu .dropdown-item:hover {
     background: #d0324b;
     color:#fff;
 }

 @media (max-width: 991.98px) {
     .mega-menu {
         width: 100%;
         max-height: 70vh;
         overflow-y: auto;
         border-top: 1px solid rgba(0, 0, 0, .075);
         border-bottom: 1px solid rgba(0, 0, 0, .075);
     }
 }



 @media (max-width: 767px) {

     .navbar-brand img {
         width: 110px;
     }

     .navbar-nav {
         align-items: center;
         background: #e40006;
         margin-bottom: 15px;
     }

     .navbar .navbar-nav .nav-link {
         color: #fff;
         font-size: 18px;
         line-height: 20px;
         padding: 12px 25px;
         text-align: center;
         font-family: "Marcellus", serif;
         transition: all 300ms ease;
         letter-spacing: 2px;
     }


     .dropdown-menu {
         transition: all 0.3s ease;
     }

     .navbar-expand-md .navbar-nav .dropdown-menu {
         font-size: 18px;
         width: 300px;
         text-align: center;
     }

     .dropdown-item {
         font-size: 18px;
         font-weight: 600;
         display: block;
         background-color: #fff;
         padding: 10px 15px;
         font-family: "Marcellus", serif;
     }

     .dropdown-item:hover {
         color: #fff;
         background-color: #e40007;
     }

 }