@charset "utf-8";
/* CSS Document */
/* ─── Bahri & Mazroei footer overrides ───────────────────────────── */
.bm-footer        { background:#2964AE; position:relative; }
.bm-footer-text   { font-size:14px; color:#555; line-height:1.6; }

.bm-footer-heading{
  font-size:16px; font-weight:600; letter-spacing:0.5px; margin-bottom:15px;
  color:#fff;
}
.bm-footer-list      { list-style:none; padding-left:0 }
.bm-footer-list li   { margin-bottom:6px }
.bm-footer-list a    { color:#fef9f9; text-decoration:none }
.bm-footer-list a:hover { color:#fef9f9 }

.bm-social-icons    { padding-left:0; list-style:none; display:inline-flex; gap:24px }
.bm-social-icons img{ transition:opacity .3s }
.bm-social-icons img:hover{ opacity:.75 }

.bm-divider         { border:0; border-top:1px solid #2964AE; margin:25px 0 }

.bm-shape-divider{
  position:absolute; top:-100px; left:0; width:100%; height:120px;
  overflow:hidden; line-height:0; pointer-events:none;
}
.bm-shape-divider svg{ width:100%; height:100% }

.bm-footer-bottom   { background:#2964AE; }

.shape-flip-vertical {
  transform: scaleY(-1);
  display: block;
}
/* ────────────────────────────────────────────────────────────────── */
/* Remove default bullets and spacing */
ul.sub-menu {
  background-color: #2964AE !important;
  border: none !important;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  min-width: 200px;
}

/* Submenu list items */
ul.sub-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Submenu links */
ul.sub-menu li a {
  display: block;
  padding: 10px 15px;
  color: #ffffff !important;
  text-decoration: none;
  
   
	font-size: 14px!important;font-weight: 300!important;
	letter-spacing: 1px;
    font-family: 'Overpass', sans-serif!important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* optional divider line */
}
ul.sub-menu li a {
  text-transform: capitalize!important;
}
/* Last item: no bottom border */
ul.sub-menu li:last-child a {
  border-bottom: none;
}

/* Hover effect */
ul.sub-menu li a:hover {
  background-color: #1f4f84;
  color: #fff !important;
}

/* Basic menu reset */
.nav-main-menu {
  display: flex;
  justify-content: center;
}








 /* Basic mobile menu reset */

/* === DESKTOP STYLES === */
/* Base desktop style */
/* Default: hide toggle icon on desktop */
/* Header styling */

/* Mobile nav menu */
/* === Default Desktop Menu === */
.nav-main-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-main-menu ul.main-menu {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu li a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

/* === Toggle Button Styling === */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 26px;
  color: white;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 20px;
  z-index: 1001;
}

/* === MOBILE STYLING === */
@media (max-width: 991px) {
  /* Show toggle button */
  .menu-toggle {
    display: block;
  }

  /* Hide nav by default */
  .nav-main-menu {
    display: none;
    position: absolute;
    top: 70px; /* adjust based on header height */
    left: 0;
    width: 100%;
    background-color: #2964AE;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .nav-main-menu.active {
    display: block;
  }

  /* Stack menu items vertically */
  .main-menu {
    flex-direction: column;
    align-items: stretch;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .main-menu li {
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .main-menu li a {
    color: white;
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    text-transform: capitalize;
  }

  /* Submenu Styling */
  .main-menu .sub-menu {
    display: none;
    background-color: #2964AE;
    padding: 0;
  }

  .main-menu li.has-children:hover .sub-menu {
    display: block;
  }

  .main-menu .sub-menu li a {
    padding-left: 30px;
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .nav-main-menu {
    display: none;
    position: absolute;
    top: 100%; /* show right under the header */
    right: 0;  /* align to the right edge */
    background-color: #2964AE;
    width: 250px;
    padding: 10px 0;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 0 8px;
  }

  .nav-main-menu.active {
    display: block;
  }

  .main-menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .main-menu li {
    text-align: left;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .main-menu li a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 16px;
  }

  .sub-menu {
    background: #2964AE;
    position: static;
    padding-left: 20px;
  }

  .menu-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: white;
    font-size: 28px;
    z-index: 10000;
    cursor: pointer;
  }
}

/* back to search */


.btn-back-search {
  display: inline-block;
  padding: 5px 8px 5px ;
  background-color: #CDE1EF;
  color: #09447B;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px;
  transition: background 0.3s ease;
  margin-bottom: 20px;
	margin-top:20px
}

.btn-back-search:hover {
  background-color: #1d4f8c;
  color: #fff;
}
@media (max-width: 576px) {
  .btn-back-search {
    font-size: 13px;
    padding: 8px 16px;
  }
}

#scrollUp {
    width: 48px;
    height: 48px;
    color: #ffffff;
    right: 30px;
    bottom: 30px;
    border-radius: 30px;
    text-align: center;
    overflow: hidden;
    z-index: 999 !important;
    border: 0;
    background-color: #fff;
    transition-duration: 0.2s;
    background-color: #2964ae!important;
    background-image: url(../imgs/template/icons/go-top.svg);
    background-repeat: no-repeat;
    background-position: center;
}