:root {
  --dark-blue: #0e2248;
  --blue-gradient: linear-gradient(119deg, #005991 0%, #33328d 50%);
  --light-blue: #2dc0fd;
  --black: var(--dark-blue);
  --text-color: #333333;
  --white: #ffffff;
  --paragraph: #383636;
  --black-secondary: #1b1b1b;
  --heading-color: #27252d;
  --yellow-color: #f7cb21;
}

header.main_header img.img-contain {
    width: 80%;
}
header.main_header {
  padding: 10px 0;
}
header.main_header .header_inner .header_logo {
  width: 150px;
  height: 50px;
}
header.main_header .header_inner .header_menu nav.navbar ul.nav_menu {
  gap: 5px;
}

header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list
  a {
  
  font-weight: 400;
  font-size: 14px;
  color: var(--dark-blue);
  position: relative;
  padding: 10px;
  transition: 0s ease;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list
  a:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 6px;
  background-color: var(--dark-blue);
  z-index: -1;
  height: 40px;
  left: 0;
  right: 0;
  opacity: 0;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list:hover
  > a {
  color: var(--white);
  font-weight: 500;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list:hover
  > a:before {
  opacity: 1;
  color: #fff;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list:hover
  > a:after {
  color: var(--white);
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child {
  position: relative;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child
  > a {
  position: relative;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child
  > a::after {
  content: "\f107";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left: 5px;
  color: var(--dark-blue);
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child
  ul.dropdown-menu {
  background: #fff;
  box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
  border-radius: 10px;
  list-style: none;
  padding: 1px;
  position: absolute;
  left: 0;
  top: 40px;
  margin: 0;
  min-width: 210px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  padding: 10px;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child
  ul.dropdown-menu
  li {
  padding: 0;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child
  ul.dropdown-menu
  li
  a {
  width: 100%;
  display: inline-block;
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child:hover
  a:after {
  color: var(--white);
}
header.main_header
  .header_inner
  .header_menu
  nav.navbar
  ul.nav_menu
  li.items_list.have_child:hover
  ul.dropdown-menu {
  opacity: 1;
  visibility: visible;
}
header.main_header .header_inner .header_bttns .search-icon {
  padding-right: 20px;
  border-right: 1px solid #ededed;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  z-index: 2;
  height: 100%;
  width: 100%;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container {
  padding: 0;
  position: relative;
  width: 100%;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container
  .search-form {
  max-width: 500px;
  margin: 0 auto;
  height: 60px;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container
  .search-form
  label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  width: 100%;
  padding: 13px 0;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container
  .search-form
  label
  .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container
  .search-form
  label
  input.search-field-top {
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: #f2f4f5;
  padding: 10px 15px 10px 35px;
  width: 100%;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container
  .search-form
  label
  input[type="search"] {
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(/assets/image/search.svg);
  background-position: left 10px center;
  padding-left: 2rem;
}
header.main_header
  .header_inner
  .header_bttns
  .search-icon
  .header-search-wrap
  .container
  a.close-search {
  float: right;
  bottom: 37px;
}

 .header_bttns .sign_in a,.header_bttns a.sign-up {
  font-size: 14px;
  font-family: Lato;
  font-weight: 500;
}
@media (max-width: 1024px) {
  header.main_header .header_inner .header_menu .humberg_icon {
    display: block;
  }
  header.main_header .header_inner .header_menu nav.navbar .humberg_close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  header.main_header .header_inner .header_menu nav.navbar .humberg_close i {
    color: var(--white);
    font-size: 22px;
  }
  header.main_header .header_inner .header_menu nav.navbar ul.nav_menu {
    overflow: hidden;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100vh;
    background-color: var(--dark-blue);
    z-index: 99;
    padding: 50px 32px;
    transition: 0.5s ease;
  }
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list,
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list.have_child {
    padding: 12px 0;
  }
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list
    a,
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list.have_child
    a {
    color: var(--white);
    width: auto;
  }
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list
    a::after,
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list.have_child
    a::after {
    color: var(--white);
  }
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list
    a::before,
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list.have_child
    a::before {
    background: unset;
  }
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list
    ul.dropdown-menu,
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list.have_child
    ul.dropdown-menu {
    background: unset;
    box-shadow: unset;
    position: unset;
    padding: 0;
    min-width: unset;
    transition: height 0.5s ease;
    height: 0;
  }
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list.have_child:hover
    ul.dropdown-menu,
  header.main_header
    .header_inner
    .header_menu
    nav.navbar
    ul.nav_menu
    li.items_list:hover
    ul.dropdown-menu {
    height: auto;
    padding: 15px 15px 0;
  }
  header.main_header .header_inner .header_menu nav.navbar ul.nav_menu.showing {
    right: 0;
  }
  header.main_header .header_inner .header_bttns {
    display: none;
  
  }
}

.header_bttns.align-items-center.d-flex.gap20 {
    gap: 10px;
}

/* Sticky header on scroll */
.main_header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: white; /* Set a solid background color */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Light shadow at the bottom */
  transition: all 0.3s ease;
}



/* Adjust spacing on mobile */
@media only screen and (max-width: 600px){
  .header_inner {
    padding: 0px 0;
  }
  
  html, body {
    margin: 0;
    padding: 43px 0 0 0;
    overflow-x: hidden;
}
header.main_header {
    padding: 0px 0;
}
   .mobilemenu {
        display: flex !important;
    }
   .sign_in, .sign-up {
        width: 80px;
    }
}

header.main_header .header_inner .header_menu nav.navbar ul.nav_menu li.items_list.have_child ul.dropdown-menu {
    min-width:210px;
}


/* Main Menu Styles */
.nav_menu {
    list-style: none;
    display: flex;
    align-items: center;

    padding: 0;
    margin: 0;
}

.nav_menu .items_list {
    position: relative;
    padding: 10px 20px;
}

.nav_menu .items_list a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease;
}


/* Dropdown Arrow Indicator for Parent Items */
.have_child > a::after {
    content: " ▼";
    font-size: 0.8em;
    margin-left: 5px;

}

/* Dropdown Menu Styles */
.dropdown-menu {
    display: none;
    list-style: none;
    position: absolute;
    background-color: #444;
    top: 100%;
    left: 0;
    padding: 10px 0;
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

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

header.main_header .header_inner .header_menu nav.navbar ul.nav_menu li.items_list.have_child ul.dropdown-menu .dropdown-menu {

    left: 100%;
    top: 0;
}

/* Dropdown Item Styling */
.dropdown-menu .items_list {
    padding: 10px 20px;
    min-width: 200px;
    white-space: nowrap;
}

.dropdown-menu .items_list a {
 
    transition: color 0.3s ease;
}



/* Smooth Transition for Dropdown */
.dropdown-menu,
.dropdown-menu .items_list {
    transition: all 0.3s ease;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .nav_menu {
        flex-direction: column;
        align-items: flex-start;
        background-color: #333;
        width: 100%;
    }
    .items_list {
        width: 100%;
    }
    .dropdown-menu {
        position: static;
        display: none;
        width: 100%;
    }
    .items_list:hover > .dropdown-menu {
        display: block;
    }
}

ul.nav_menu li.items_list a {
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-blue);
    position: relative;
    padding: 10px;
    transition: 0s ease;
}

ul.dropdown-menu.list-none {
    background: #fff;
}
ul.dropdown-menu.list-none.userMenu {
    margin-left: -30px;
}