@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Parisienne&family=Satisfy&display=swap');

/* Fonts */
:root {
  --font-default: "Montserrat", sans-serif;
}

/* Colors */
:root {
  --color-default: #2b180d;
  --color-primary: #56b8e6;
  --color-secondary: #1b2f45;
}

/* Smooth scroll behavior */
:root {scroll-behavior: smooth;}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*body {font-family: var(--font-default);color: var(--color-default);}*/
a {color: var(--color-primary);text-decoration: none; transition: 0.3s;}
a:hover {color: #82cbed;text-decoration: none;}





/*BOOTSTRAP 5 NAVIGATION START CSS*/

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1201px) {
  .navbar {padding:0;}
  .navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;/*width: 100%*/;gap: 35px;}
  .navbar li {position: relative;}
  .navbar a,
  .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 15px 0 15px 30px;font-family: var(--font-default);font-size: 18px;font-weight: 400;color: #fff;white-space: nowrap;transition: 0.5s;text-transform: capitalize;}
  .navbar a i,
  .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover>a {color: #fff;}
  .navbar .dropdown ul {display: block;position: absolute;left: 0px;top: calc(100% + 30px);margin: 0;padding:0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.2s;border-bottom: 5px solid #E42C31;}
  .navbar .dropdown ul li {min-width: 200px;}
  .navbar .dropdown ul a {padding: 10px 20px;font-size: 17px;text-transform: none;color: var(--color-secondary);}
  .navbar .dropdown ul a i {font-size: 12px;}
  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover>a {color: #000000;background: #ededed;}
  .navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
  .navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
  .navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
  .mobile-nav-show{display: none;}
  .navbar .dropdown ul a i.inner-dropdown{transform: rotate(270deg) !important;}

}

/*@media (min-width: 1280px) and (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}
  .navbar .dropdown .dropdown:hover>ul {left: -100%;}
}*/

@media (min-width: 1201px) {
  .mobile-nav-show,
  .mobile-nav-hide {display: none;}
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1200px) {
  .head-bg {overflow:hidden;}
  .navbar {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;bottom: 0;transition: 0.3s;z-index: 9997;}
  .navbar ul {position: absolute;inset: 0;padding:20px 0 10px 0;margin: 0;background:#fff;overflow-y: auto;transition:0.3s;z-index: 9998;}
  .navbar a,
  .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;font-family: var(--font-default);font-size: 15px;font-weight: 600;color: #000;white-space: nowrap;transition: 0.5s;}
  .navbar a i,
  .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover>a {color: #862E2E;}
  .navbar .dropdown ul,
  .navbar .dropdown .dropdown ul {position: static;padding: 0px;max-height: 0px;transition: 0.6s;}
  .navbar .dropdown>.dropdown-active,
  .navbar .dropdown .dropdown>.dropdown-active {max-height:500px;padding: 0 10px;}
  .mobile-nav-show {color: #fff;font-size:35px;cursor: pointer;line-height: 0;transition: 0.5s;}
  /*.mobile-nav-hide {color: #000;font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: fixed;right: 15px;top: 15px;z-index: 9999;}*/
  .mobile-nav-hide {color: #000;font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: relative;z-index: 9999;width: 100%;padding: 7px 10px;width: 100%;display: flex;justify-content: flex-end;}
  .mobile-nav-active {overflow: hidden;}
  .mobile-nav-active .navbar {right: 0;}
  .navbar a, .navbar a:focus {padding: 15px 20px !important;}
/*  .mobile-nav-active .navbar:before {content: "";position: fixed;inset: 0;background: rgba(27, 47, 69, 0.7);z-index: 9996;}*/
  
  .s-desk{display:none;}
  .s-mob{display: block;}
  .s-mob li {display: inline;}
  .s-mob li a {color: #fff;padding: 10px 5px;}
  .mob-flex{display: flex;align-items: center;justify-content: space-between;padding: 10px;}

  .heade-border-bottom .navbar .dropdown ul {width: 95%;}

}



/*BOOTSTRAP 5 NAVIGATION END CSS*/



.navbar ul .dropdown .desktop-width-megamenu {width: max-content;}


.overlay1{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 47, 69, 0.7);
    z-index: 0;
}

.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}

.navbar a, .navbar a:focus{padding: 12px 0;}

/*.navbar ul li a span{    
  padding-left: 25px;
  padding-right: 25px;
}*/

/*.navbar ul li:first-child a span{padding-left: 0px;border-left: 0px;}*/