:root {
  --font-DM: "Open Sans", Sans-serif!important;
  --font-open: "Raleway", Sans-serif!important;
  --font-tri: "Bebas Neue Book"!important;
  --global--font-primary: var(
    --font-DM
  );
  --global--font-secondary: var(
    --font-open
  );
  --global--font-tri: var(
    --font-tri
  );
  --global--color-black: #000;
  --global--color-white: #fff;
  --global--color-red: #ff0100;
  --global--color-blue: #003C6E;
  --global--color-border: #e4e5e6;
  --global--border-form: #b2b2b2;
  --global--color-base-text: #404040;
  --global--color-text-alt: var(--global--color-black);
  --global--color-fade-text: #797979;
  --global--color-fade-blue: #1B96D3;
  --global--color-light-blue: #ECF6FF;
  --global--color-primary: #E0B94F;
  --global--color-btn-blue: #1B8DCA;
  --global--color-text: #222222;
  --global--color-primary-dark: #1A263F;
  --global--color-secondary: #13264A;
  --global--color-secondary-dark: #2E3440;
  --global--color-heading: #333333;
  --global--color-heading-blue: #0058A9;
  --global--color-box-bg: #f5f7f8;
  --global--color-text-light: rgba(0, 88, 169, 1);
  --tw-wrap-sm: 520px;
  --tw-wrap-md: 715px;
  --tw-wrap-lg: 940px;
  --tw-wrap-xl: 1140px;
  --tw-wrap-xxl: 1400px;
  --tw-wrap-xxxl: 1710px;
  --tw-gutter-x: 30px;
  --tw-gutter-sm: 20px;
}

:root {
  --font-DM: "Open Sans", Sans-serif!important;
  --font-open: "Raleway", Sans-serif!important;
  --font-tri: "Bebas Neue Book"!important;
  --global--font-primary: var(
    --font-DM
  );
  --global--font-secondary: var(
    --font-open
  );
  --global--font-tri: var(
    --font-tri
  );
  --global--color-black: #000;
  --global--color-white: #fff;
  --global--color-red: #ff0100;
  --global--color-blue: #003C6E;
  --global--color-border: #e4e5e6;
  --global--border-form: #b2b2b2;
  --global--color-base-text: #404040;
  --global--color-text-alt: var(--global--color-black);
  --global--color-fade-text: #797979;
  --global--color-fade-blue: #1B96D3;
  --global--color-light-blue: #ECF6FF;
  --global--color-primary: #E0B94F;
  --global--color-btn-blue: #1B8DCA;
  --global--color-text: #222222;
  --global--color-primary-dark: #1A263F;
  --global--color-secondary: #13264A;
  --global--color-secondary-dark: #2E3440;
  --global--color-heading: #333333;
  --global--color-heading-blue: #0058A9;
  --global--color-box-bg: #f5f7f8;
  --global--color-text-light: rgba(0, 88, 169, 1);
  --tw-wrap-sm: 520px;
  --tw-wrap-md: 715px;
  --tw-wrap-lg: 940px;
  --tw-wrap-xl: 1140px;
  --tw-wrap-xxl: 1400px;
  --tw-wrap-xxxl: 1710px;
  --tw-gutter-x: 30px;
  --tw-gutter-sm: 20px;
}

@media (min-width: 1200px) {
  .main-menu .menu-wrapper-ul {
    display: none;
  }
}
@media (min-width: 1200px) {
  .main-menu ul .mega__menu:hover .menu-wrapper-ul {
    display: block;
    position: absolute;
    top: 70px;
    display: flex !important;
    background: #13264A;
    padding: 25px;
    padding-left: 0 !important;
    left: 0;
    transform: translateX(-180px);
  }
}
@media (min-width: 1200px) {
  .main-menu ul .mega__menu:hover .mega-under-fold {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu {
    width: 740px;
    margin-bottom: 0;
    right: 0px;
    -moz-column-count: 2;
         column-count: 2;
    position: relative;
    left: 0;
    background: transparent;
    margin-bottom: 0 !important;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 1px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    left: 49%;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li {
    position: relative;
    padding: 10px;
    padding-left: 0;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li::after {
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 260px;
    height: 1px;
    bottom: 0;
    left: 10px;
    content: "";
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li:nth-child(3)::after, .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li:nth-child(6)::after {
    display: none;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li a {
    font-size: 19px !important;
    font-size: 1.1875rem !important;
    flex-direction: column;
    align-items: start;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
    color: var(--global--color-white);
    font-weight: 300;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li a:hover {
    border: none;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li:hover a {
    background: var(--global--color-primary);
    color: #000000;
    font-weight: 600;
    border-radius: 0 10px 10px 0;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_item a, .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_parent a {
    background: var(--global--color-primary);
    color: #000000;
    font-weight: 600;
    border-radius: 0 10px 10px 0;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_item a:hover, .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_parent a:hover {
    color: var(--global--color-black);
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_item li a, .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_parent li a {
    background: none;
    color: var(--global--color-primary);
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_item li.current_page_item a, .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu li.current_page_parent li.current_page_item a {
    background: none;
    color: var(--global--color-primary);
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu .mega-icon {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    width: 20px;
    height: 10px;
    padding: 0;
    right: 5px;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu .mega-icon::before, .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu .mega-icon::after {
    display: none;
  }
  .main-menu ul .mega__menu .menu-wrapper-ul > .sub-menu .mega-icon svg {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 1199px) {
  .mega-icon {
    display: none !important;
  }
}

.menu-sub-heading {
  display: none;
}
@media (min-width: 1200px) {
  .menu-sub-heading {
    display: block;
    color: var(--global--color-primary);
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-family: var(--global--font-secondary);
  }
}

.mega-under-fold {
  display: flex;
  align-items: end;
  padding: 20px;
  background-image: url(assets/images/menu-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 470px;
  height: auto;
  display: none !important;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.mega-under-fold > * {
  position: relative;
  z-index: 2;
}
.mega-under-fold::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0.45) 70%, rgba(0, 0, 0, 0.75) 100%);
}
.mega-under-fold .menu-fold-outer {
  color: var(--global--color-white);
  font-family: var(--global--font-secondary);
}
.mega-under-fold .menu-top-hed {
  text-transform: capitalize;
  font-weight: 300;
  font-size: 15px !important;
}
@media (min-width: 1200px) {
  .mega-under-fold .menu-top-hed {
    font-size: 14px !important;
  }
}
@media (min-width: 1600px) {
  .mega-under-fold .menu-top-hed {
    font-size: 16px !important;
  }
}
@media (min-width: 1850px) {
  .mega-under-fold .menu-top-hed {
    font-size: 17px !important;
  }
}
.mega-under-fold .menu-middle-hed {
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.1;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .mega-under-fold .menu-middle-hed {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mega-under-fold .menu-middle-hed {
    font-size: 20px !important;
  }
}
@media (min-width: 1600px) {
  .mega-under-fold .menu-middle-hed {
    font-size: 21px !important;
  }
}
@media (min-width: 1850px) {
  .mega-under-fold .menu-middle-hed {
    font-size: 23px !important;
  }
}
.mega-under-fold .btnsNew {
  margin-top: 10px;
}/*# sourceMappingURL=cro-mega-menu.css.map */