.navbar {
    transition: all 0.3s ease-in-out;
}
.navbar .container-inner {
    width: 93%;
}
.navbar .nav-logo {
    width: 160px;
}
.navbar.fixed-navbar {
    top: 0;
    animation-name: fixedAnim;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.06);
}
@keyframes fixedAnim {
    from {
        top: -100px;
   }
    to {
        top: 0;
   }
}
.navbar .menu-icon {
    height: 35px;
    width: 48px;
    background-color: #d71921;
    border-radius: 4px;
    color:#fff !important;
}
.navbar .currancy-btn {
    border: 1px solid #d71921;
    background: transparent;
    transition: all 0.3s ease-in-out;
    padding: 6px 17px;
    font-size: 15px;
    gap: 6px;
    color: #d71921;
    border-radius:4px;
}
.navbar .currancy-btn .currancy-icon img {
    transition: all 0.3s ease-in-out;
}
.navbar .currancy-btn:hover {
    background: #d71921;
    color: #fff;
}

.navbar .navbar-contact {
    gap: 5px;
}
.navbar-contact .whatsapp-icon {
    height: 13px;
    max-width: 20px;
    min-width: 20px;
    transition: all 0.3s ease-in-out;
}
.navbar-contact .whatsapp-icon2 {
        height: 23px;
    max-width: 23px;
    min-width: 23px;
}
.navbar-contact .chat-number {
    font-size: 15px;
    line-height: normal;
    color: #000;
    font-weight: 500;
}
.navbar-contact:hover .whatsapp-icon {
    transform: scale(1.2);
}
.navbar-contact:hover .chat-title {
    color: #d71921;
}
.mega-menu {
    z-index: 100;
}
.mega-menu .navbar-card {
    padding: 4px;
}
.mega-menu .navbar-card .navbar-card-img {
    height: 125px;
}
.mega-menu .navbar-card .navbar-card-img img {
    transition: all 0.3s ease-in-out;
}
.mega-menu .navbar-card .nav-card-heading {
    font-size: 13px;
    transition: all 0.3s ease-in-out;
    color: #000;
    padding: 8px 4px;
}
.mega-menu .navbar-card:hover .navbar-card-img img {
    transform: scale(1.1) rotate(5deg);
}
.mega-menu .navbar-card:hover .nav-card-heading {
    color: #d71921;
}
.mega-menu.mega-menu2 .navbar-card-img {
    height: 140px;
}
.navbar-offcanvas {
    width: 90% !important;
}
.navbar-offcanvas .offcanvas-logo {
    width: 110px;
}
.navbar-offcanvas .btnclose {
    font-size: 14px;
}
.navbar-nav {
    gap: 30px;
}
.navbar-nav .nav-link {
    font-size: 16px;
    color: #000;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-link .down-arrow {
    font-size:16px;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .drop-link {
    color: #d71921 !important;
}
.navbar-nav .drop-link .down-arrow {
    transform: rotate(-180deg);
}
.navbar-nav .drop-link.collapsed {
    color: #000 !important;
}
.navbar-nav .drop-link.collapsed .down-arrow {
    transform: rotate(0deg);
}
.navbar-nav .drop-link.collapsed .down-arrow img {
    filter: brightness(0);
}


@media (min-width:1200px){
    .navbar-nav .nav-item {
        padding: 12px 0 !important;
   }
    .navbar-nav .nav-item:hover .mega-menu {
        top: 55px;
        opacity: 1;
        visibility: visible;
   }
    .navbar-nav .nav-item:hover .nav-link {
        color: #d71921;
   }
    .navbar-nav .nav-item:hover .nav-link .down-arrow {
        transform: rotate(-180deg);
   }
    .navbar-nav .nav-item:hover .nav-link .down-arrow img {
        filter: none;
   }
    .mega-menu {
        padding: 15px;
        width: 80%;
        left: 50%;
        transform: translateX(-50%);
        top: 130px;
        opacity: 0;
        visibility: hidden;
        max-height: 75vh;
        overflow-y: auto;
   }
    
}
@media (max-width:1200px){
    .navbar .nav-logo {
        width: 130px;
   }
    .navbar .navbar-offcanvas {
        max-width: 280px;
   }
    .navbar .navbar-offcanvas .offcanvas-logo {
        width: 120px;
   }
    .navbar .navbar-offcanvas .btnclose {
        font-size: 14px;
   }
    .navbar-nav {
        gap: 15px;
   }
    .navbar-nav .nav-link {
        font-size: 15px;
        padding:13px 10px !important;
   }
    .navbar-nav .nav-link::after {
        display: none;
   }
    .navbar-nav .card {
        padding: 12px;
   }
   .navbar-contact .whatsapp-icon {
    margin-right:4px;
   }
   .navbar-offcanvas .nav-dropdown-list {
      gap: 13px;
   }
   .navbar-offcanvas .nav-dropdown-list a{
      font-size:14px;
      color:#000;
      gap:7px;
      font-weight:500;
   }
   .navbar-offcanvas .nav-dropdown-list .dropdown-flag{
     height:38px !important;
     width:38px !important;;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
     border-radius:50%;
   }
}
@media (max-width:576px){
    .navbar .nav-logo {
        width: 120px;
   }
    .navbar .navbar-offcanvas .offcanvas-logo {
        width: 110px;
   }
    .navbar .navbar-nav {
        gap: 25px;
   }
    .navbar .navbar-nav .nav-link {
        font-size: 14px;
   }
    .navbar .whatsapp-btn {
        padding: 3px 10px;
   }
    .navbar .whatsapp-btn .whatsapp-icon {
        height: 20px;
        width: 20px;
   }
    .navbar .whatsapp-btn .chat-title {
        font-size: 13px;
   }
    .navbar .whatsapp-btn .chat-number {
        font-size: 12px;
   }
    .navbar .menu-icon {
        height: 30px;
        width: 40px;
   }
    .mega-menu .navbar-card {
        padding: 3px;
   }
    .mega-menu .navbar-card .navbar-card-img {
        height: 100px;
   }
    .mega-menu .navbar-card .nav-card-heading {
        font-size: 12px;
        padding: 6px 6px 4px;
   }
   .navbar-offcanvas .offcanvas-header,
   .navbar-offcanvas .offcanvas-body{
       padding:12px;
   }
   .navbar .container-inner {
      width:95%;
   } 
   .navbar .navbar-brand {
    width: 125px !important;
    height:auto !important;
   }
   .navbar .currancy-btn {
     padding: 2px 10px;
     gap:1px;
   }
   .navbar .navbar-toggler {
     font-size:17px !important;
   } 
   .navbar-nav .card {
      padding:8px;
   }
   .navbar-nav .nav-link {
     font-size:14px !important; 
   }
   .navbar-contact .chat-number {
      font-size:14px;
   }
} 


  .currency-modal .modal-body,
  .currency-modal .modal-header {
     padding:12px;
  }
  .currency-modal .modal-dialog {
   max-width:760px;
  }
  .currency-modal .modal-title {
   font-size:18px;
  }
  .currency-modal .countries-listing-card {
    border:1px solid #d3d3d3;
    border-radius:6px;
    padding: 8px;
    height:100%;
    transition:all 0.3s ease-in-out;
    cursor:pointer;
  }
  .currency-modal .countries-listing-card.active,
  .currency-modal .countries-listing-card:hover {
    border:1.4px solid #f47625;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
  .currency-modal .countries-listing-card .check_main {
    opacity:0;
    visibility:hidden;
    color:#f47625;
  }
  .currency-modal .countries-listing-card.active .check_main{
    opacity:1;
    visibility:visible;
   } 
  .currency-modal .countries-listing-card img {
    height: 21px;
  }
  .currency-modal .countries-listing-card .price_inr {
   font-size:15px;
   font-weight:600;
   margin-left:8px;
  }
  .currency-modal .countries-listing-card .price-city-box {
   font-size:11px;
   font-weight:400;
   color:#000;
   margin-top:8px;
  }
  
  .navbar .navbar-nav .nav-dropdown-list {
    position: absolute;
    z-index: 4;
    top: 100%;
    box-shadow: rgba(99,99,99,.2) 0px 2px 8px 0px;
    border-radius: 7px;
    display: none !important;
    overflow: hidden;
    transition: all .3s ease-in-out;
    min-width: 236px;
    max-height: 380px
}

.navbar .navbar-nav .nav-dropdown-link {
    padding: 13px 22px;
    line-height: normal;
    color: #333;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    transition: all .3s ease-in-out
}

.navbar .navbar-nav .nav-dropdown-link .dropdown-flag {
    height: 25px;
    min-width: 25px;
    max-width: 25px
}

.navbar .navbar-nav .nav-dropdown-link:hover {
    background-color: rgba(238,238,238,.9333333333)
}

.navbar .navbar-nav .nav-dropdown:hover .nav-dropdown-list {
    display: flex !important;
    overflow: hidden auto
}