/* ==========================================================================
   GLOBAL.CSS — cleaned & optimized
   Scope: only the styles required by the header, footer, and bottom-footer
   markup currently implemented in index.html.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Fonts
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Regular.eot");
  src:
    url("../fonts/DMSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/DMSans-Regular.woff2") format("woff2"),
    url("../fonts/DMSans-Regular.woff") format("woff"),
    url("../fonts/DMSans-Regular.ttf") format("truetype"),
    url("../fonts/DMSans-Regular.svg#DMSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Medium.eot");
  src:
    url("../fonts/DMSans-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/DMSans-Medium.woff2") format("woff2"),
    url("../fonts/DMSans-Medium.woff") format("woff"),
    url("../fonts/DMSans-Medium.ttf") format("truetype"),
    url("../fonts/DMSans-Medium.svg#DMSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-SemiBold.eot");
  src:
    url("../fonts/DMSans-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/DMSans-SemiBold.woff2") format("woff2"),
    url("../fonts/DMSans-SemiBold.woff") format("woff"),
    url("../fonts/DMSans-SemiBold.ttf") format("truetype"),
    url("../fonts/DMSans-SemiBold.svg#DMSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   2. Base / Reset
   -------------------------------------------------------------------------- */
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.skip-to-content:focus-visible {
  transform: translateY(0);
  left: 15px;
  top: 15px;
}
.skip-to-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: transform 0.2s ease-in-out;
  transform: translateY(-100%);
  padding: 7px 25px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  background: #074369;
  color: #fff;
}
/* Toggled via JS to lock body scroll while the mobile nav is open */
html.scroll_hide {
  overflow: hidden;
}

body {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "DM Sans";
  overflow-x: hidden;
}

*,
::before,
::after {
  box-sizing: border-box;
}

::selection,
::-moz-selection {
  color: #fff;
  background: #fdbe57;
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

figure {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Montserrat-Bold";
}

h1 {
  font-size: 80px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 38px;
}

h4 {
  font-size: 34px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

.text-xxl {
  font-size: 80px !important;
}
.text-xl {
  font-size: 48px !important;
}
/* --------------------------------------------------------------------------
   3. Typography
   -------------------------------------------------------------------------- */
a {
  display: inline-block;
  color: #074369;
  font-family: "DM Sans";
  text-decoration: none;
  background-color: transparent;
}

a:hover,
a:focus {
  color: #5bc2e7;
  text-decoration: underline;
}

a:focus-visible,
input:focus-visible {
  outline: 3px solid currentColor !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

button:focus-visible,
[type="submit"]:focus-visible {
  outline: 3px solid #000 !important;
}

ul,
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 40px;
  font-size: 18px;
  font-family: "Montserrat-Regular";
  line-height: 30px;
  list-style: disc;
}

p {
  margin: 0 0 15px 0;
  color: #2d2d2d;
  font-size: 18px;
  font-family: "Montserrat-Regular";
  line-height: 30px;
}

/* --------------------------------------------------------------------------
   4. Shared / utility
   -------------------------------------------------------------------------- */
.search_lable {
  position: absolute;
  visibility: hidden;
  z-index: -11;
}
#menu-header-menu > .menu-item.menu-item-has-children:focus-within > .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#menu-header-menu a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  border-radius: 2px;
}
#menu-header-menu .sub-menu a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -3px;
}
.modal.fade.show {
  background: rgb(0, 0, 0, 0.7);
}
/* --------------------------------------------------------------------------
   5. Header
   -------------------------------------------------------------------------- */
.main-header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 22px 5px;
  background-color: #074369;
  color: #fff;
  z-index: 1;
}

.main-header.fixed-header {
  position: fixed;
  top: 0;
  background-color: #074369;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  z-index: 99;
  transition: all 0.5s ease;
  -webkit-animation: sticky-menu 0.8s forwards;
  -ms-animation: sticky-menu 0.8s forwards;
  -o-animation: sticky-menu 0.8s forwards;
  animation: sticky-menu 0.8s forwards;
}
@-webkit-keyframes sticky-menu {
  from {
    top: -50%;
  }
  to {
    top: 0;
  }
}

@keyframes sticky-menu {
  from {
    top: -50%;
  }
  to {
    top: 0;
  }
}
.main-contact-header > .col-lg-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Logo */
.logo a {
  display: inline-block;
}

.logo .default-logo {
  width: auto;
  height: 68px;
  object-fit: contain;
}

/* Primary navigation */
.navigation {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  padding: 0 15px;
  text-align: center;
  vertical-align: middle;
  z-index: 9;
}

.navigation ul {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  text-transform: uppercase;
  list-style-type: none;
}

.navigation ul li {
  position: relative;
  display: inline-block;
  padding: 12px 25px;
}

.navigation ul li a {
  color: #fff;
  font-size: 15px;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  text-decoration: none;
}

.navigation ul li a:hover,
.navigation ul li a:focus,
.navigation ul li a:focus-within,
.navigation ul li.current-menu-item > a,
.navigation ul li.current-menu-parent > a {
  color: #5bc2e7;
}

/* Dropdown / sub-menu */
.navigation ul li .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 19.625rem;
  font-size: 0.8125rem;
  text-align: left;
  background-color: #074369;
  border-radius: 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
  z-index: 3;
}

.navigation ul li:hover > .sub-menu,
.navigation ul li a:focus + .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.navigation ul li .sub-menu li {
  display: block;
  padding: 15px 25px;
  border-bottom: 1px solid #f7f7f7;
}

.navigation ul li .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  right: auto;
}

.navigation ul li .sub-menu .sub-menu::before {
  display: none;
}

.navigation ul li .sub-menu li.menu-item-has-children.active .sub-menu,
.menu > .menu-item.active > .sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 4;
}

/* Header search */
.nav-item.header-search {
  width: 230px;
}

.main-header .header-search .form-control {
  width: 290px;
  height: auto;
  padding: 11px 50px 11px 25px;
  float: right;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  border-radius: 100px;
}

.main-header .header-search .form-control::placeholder {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
#searchform {
  position: relative;
}
.search-header {
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 28px;
  left: auto;
  width: 25px;
  height: 25px;
  border: 0;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path d="M26.2533 25.0855L19.5405 18.48C21.2984 16.5701 22.3785 14.0443 22.3785 11.2649C22.3776 5.31923 17.4804 0.5 11.4388 0.5C5.39727 0.5 0.5 5.31923 0.5 11.2649C0.5 17.2106 5.39727 22.0298 11.4388 22.0298C14.0492 22.0298 16.4434 21.1269 18.324 19.6258L25.0628 26.2574C25.3911 26.5809 25.9242 26.5809 26.2526 26.2574C26.5817 25.934 26.5817 25.409 26.2533 25.0855ZM11.4388 20.3735C6.32701 20.3735 2.18309 16.2955 2.18309 11.2649C2.18309 6.23431 6.32701 2.15624 11.4388 2.15624C16.5507 2.15624 20.6945 6.23431 20.6945 11.2649C20.6945 16.2955 16.5507 20.3735 11.4388 20.3735Z" fill="%23232323" stroke="%23232323"/></svg>');
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path d="M26.2533 25.0855L19.5405 18.48C21.2984 16.5701 22.3785 14.0443 22.3785 11.2649C22.3776 5.31923 17.4804 0.5 11.4388 0.5C5.39727 0.5 0.5 5.31923 0.5 11.2649C0.5 17.2106 5.39727 22.0298 11.4388 22.0298C14.0492 22.0298 16.4434 21.1269 18.324 19.6258L25.0628 26.2574C25.3911 26.5809 25.9242 26.5809 26.2526 26.2574C26.5817 25.934 26.5817 25.409 26.2533 25.0855ZM11.4388 20.3735C6.32701 20.3735 2.18309 16.2955 2.18309 11.2649C2.18309 6.23431 6.32701 2.15624 11.4388 2.15624C16.5507 2.15624 20.6945 6.23431 20.6945 11.2649C20.6945 16.2955 16.5507 20.3735 11.4388 20.3735Z" fill="%23232323" stroke="%23232323"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}

.icon-play {
  display: inline-block;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5503" cy="12.5503" r="12.0503" fill="%23358A83" stroke="white"/><path d="M15.4264 13.3625L10.6666 16.2703C10.0331 16.6579 9.22021 16.2009 9.22021 15.4589V9.64181C9.22021 8.89978 10.0331 8.4428 10.6666 8.83041L15.4264 11.7382C16.0327 12.1107 16.0327 12.9915 15.4264 13.3625Z" fill="white"/></svg>');
}
#videoModal .btn-close {
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  position: absolute;
  transition: 0.4s ease all;
  padding: 0;
  right: 20px;
  top: 15px;
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2494 15.9998L30.4988 8.75048C32.5005 6.7487 32.5005 3.5029 30.4988 1.50112C28.497 -0.500658 25.2512 -0.500658 23.2494 1.50112L16.0001 8.75048L8.75069 1.50117C6.74892 -0.500606 3.50311 -0.500606 1.50133 1.50117C-0.500444 3.50295 -0.500444 6.74875 1.50133 8.75053L8.75069 15.9998L1.50139 23.2492C-0.500392 25.2509 -0.500392 28.4968 1.50139 30.4986C3.50316 32.5003 6.74897 32.5003 8.75074 30.4986L16.0001 23.2492L23.2494 30.4986C25.2511 32.5003 28.497 32.5003 30.4988 30.4986C32.5005 28.4968 32.5005 25.251 30.4988 23.2492L23.2494 15.9998Z" fill="white"/></svg>');
}
#videoModal .video-modal-content {
  padding: 30px;
}
#videoModal .btn-close:hover {
  transform: scale(1.1);
}

.video-modal-content .btn-close:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px;
}
/* Mobile nav toggle (hamburger) */
.header-toggle {
  display: none;
  vertical-align: middle;
  height: 1.875rem;
  margin-left: 1.5625rem;
}

.header-toggle .toggle-separator {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1.8625rem;
  height: 0.125rem;
  margin-top: 0.4rem;
  background-color: #fff;
  transition: all ease 0.3s;
}

.header-toggle .toggle-separator::before,
.header-toggle .toggle-separator::after {
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 1.8625rem;
  height: 0.125rem;
  background: #fff;
  content: "";
  transition: all ease 0.3s;
  z-index: 1;
}

.header-toggle .toggle-separator::after {
  top: 0.5rem;
}

.header-toggle.active .toggle-separator {
  background-color: transparent;
}

.header-toggle.active .toggle-separator::before {
  top: -0.3125rem;
  transform: translateY(0.3125rem) rotateZ(-45deg);
}

.header-toggle.active .toggle-separator::after {
  top: 0.3125rem;
  transform: translateY(-0.3125rem) rotateZ(45deg);
}

/* --------------------------------------------------------------------------
   6. Footer (main-footer)
   -------------------------------------------------------------------------- */
.main-footer {
  position: relative;
  padding: 100px 15px;
  color: #fff;
  background: #074369;
}

.main-footer .row {
  display: flex;
  justify-content: space-between;
  align-self: flex-end;
  padding-left: 15px;
  padding-right: 15px;
}

.main-footer .joinus_bg {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 54%;
  height: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.contact-info {
  position: relative;
}

.main-footer .contact-info p {
  line-height: 22px;
}

.main-footer p,
.main-footer a {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}

.main-footer strong {
  display: block;
  margin-bottom: 15px;
  font-family: "Montserrat-Bold";
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: #fff;
}

/* --------------------------------------------------------------------------
   7. Bottom footer (footer-link)
   -------------------------------------------------------------------------- */
.footer-link {
  display: block !important;
  align-items: center;
  width: 100%;
  padding: 15px;
  color: #444;
  background: #fff;
}
.footer-link a{
	color: #444;
}

.footer-link .row {
  justify-content: space-between;
}

.footer-link .col-md-12:last-child {
  text-align: right;
}

.footer-link p {
  margin: 0;
  color: #444;
  font-size: 12px;
}

.footer-link img {
  position: relative;
  top: -1px;
  align-items: center;
  height: 14px;
  object-fit: contain;
  padding-left: 4px;
}

#menu-footer-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
}

.footer-link ul li {
  position: relative;
  margin-left: 10px;
  margin-right: 5px;
  padding: 0;
  font-size: 13px;
  list-style: none;
}

.footer-link ul li a {
  position: relative;
  padding-left: 4px;
  color: #444;
}

.footer-link ul li a::before {
  position: absolute;
  top: 15px;
  bottom: 0;
  left: -4px;
  width: 3px;
  height: 3px;
  background-color: #444;
  border: 0;
  border-radius: 100%;
  content: "";
}

.footer-link ul li:first-child a::before {
  display: none;
}

.footer-link ul li.current_page_item a {
  text-decoration: underline;
}
/* .dropdown-arrow {
  position: absolute;
  top: 50%;
  content: "";
}

.dropdown-arrow:after {
  position: absolute;
  right: -20px;
  top: -2px;
  background-image: url("../images/bottom-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 10px;
  width: 10px;
  content: "";
  -webkit-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  transition: all ease 0.4s;
  z-index: 1;
}
.navigation ul li .sub-menu li .dropdown-arrow {
  right: 20px;
  transform: rotate(270deg);
  top: 42%;
}
.navigation ul li .sub-menu li .dropdown-arrow:after {
  right: 0px;
} */
.navigation ul li .dropdown-arrow {
  position: relative;
  display: inline-block;
  transform: rotate(360deg);
  float: right;
  height: 22px;
  width: 22px;
  top: 5px;
  right: -5px;
}
.navigation .dropdown-arrow:before,
.navigation .dropdown-arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 0.125rem;
  background: #fff;
  content: "";
  -webkit-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  transition: all ease 0.4s;
  z-index: 1;
}

.navigation .dropdown-arrow:before {
  -webkit-transform: translateY(-50%) translateX(-10%) rotateZ(-45deg);
  -ms-transform: translateY(-50%) translateX(-10%) rotateZ(-45deg);
  transform: translateY(-50%) translateX(-10%) rotateZ(-45deg);
}

.navigation .dropdown-arrow:after {
  -webkit-transform: translateY(-50%) translateX(-70%) rotateZ(45deg);
  -ms-transform: translateY(-50%) translateX(-70%) rotateZ(45deg);
  transform: translateY(-50%) translateX(-70%) rotateZ(45deg);
}
#videoModal .modal-content,
#videoModal .modal-header {
  background-color: transparent;
  border: 0;
}
#videoModal .modal-header {
  padding: 5px 0 !important;
}

.back_to_top {
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 99;
  width: 48px;
  height: 48px;
  border: none;
  outline: none;
  background-color: #074369;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  font-size: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease;
}

.back_to_top.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.back_to_top:hover,
.back_to_top:focus,
.back_to_top:focus-visible {
  background-color: #000;
  outline-offset: 4px;
}
.back_to_top:focus,
.back_to_top:focus-visible {
  outline: 3px solid #fff;
}
.back_to_top span {
  background-color: #000;
}

.back_to_top:before {
  width: 15px;
  height: 15px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  content: " ";
  display: inline-block;
  transform: rotate(226deg);
  top: 21px;
  left: 16px;
}
.error-404.not-found {
  font-size: 3em;
}
.error-404.not-found {
  padding: 70px 15px;
  text-align: center;
}

.error-404.not-found img {
  width: 500px;
}
.error-404.not-found .btn-us-heart {
  padding: 7px 25px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  background: #074369;
  color: #fff;
  margin: 15px;
}
.error-404.not-found .btn-us-heart:hover,
.error-404.not-found .btn-us-heart:focus-visible,
.error-404.not-found .btn-us-heart:focus {
  background: #01689c;
  border-color: #01689c;
  color: #fff;
}
html:has(body.modal-open) {
  overflow: hidden;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px !important;
  }
}

/* ==========================================================================
   8. Responsive
   ========================================================================== */

@media screen and (min-height: 1450px) {
  main {
    min-height: 1300px;
  }
}

@media screen and (min-width: 1599px) {
  .main-footer .joinus_bg {
    width: 52%;
  }
}

@media screen and (max-width: 1599px) {
  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 34px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 19px;
  }

  .text-xxl {
    font-size: 64px !important;
  }

  .text-xl {
    font-size: 42px !important;
  }
  .navigation ul li {
    padding: 12px;
  }

  .navigation ul li .sub-menu li {
    padding: 12px 22px;
  }

  .navigation ul li a {
    font-size: 14px;
    line-height: 22px;
  }
  .main-header .header-search .form-control {
    width: 220px;
  }
  .main-header {
    padding: 12px 0;
  }
  .main-header .header-search .form-control {
    padding: 6px 40px 6px 25px;
  }
  .search-header {
    top: 10px;
    right: 18px;
    width: 16px;
    height: 16px;
  }
  .dropdown-arrow:after {
    position: absolute;
    right: -15px;
  }
}
@media screen and (max-width: 1440px) {
  h1 {
    font-size: 52px;
  }

  h2 {
    font-size: 38px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 21px;
  }

  h6 {
    font-size: 18px;
  }

  .text-xxl {
    font-size: 52px !important;
  }

  .text-xl {
    font-size: 38px !important;
  }
}
@media screen and (max-width: 1365px) {
  .logo .default-logo {
    height: 45px;
  }

  .footer-link .row > *:first-child {
    max-width: 30%;
    flex: none;
  }

  .footer-link .row > *:nth-child(2) {
    max-width: 70%;
    flex: none;
  }

  .footer-link .row > *:last-child {
    max-width: 100%;
    flex: none;
    /* margin-top: 20px; */
    text-align: center;
  }

  #menu-footer-menu {
    justify-content: center;
  }
}

@media screen and (max-width: 1199px) {
  .footer-link .row > *:first-child {
    max-width: 40%;
  }
  .footer-link p {
    text-align: center;
  }
  .footer-link .row > *:nth-child(2) {
    max-width: 60%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1125px) {
  .navigation ul li {
    padding: 12px 20px !important;
  }
}

@media screen and (max-width: 1099px) {
  .navigation ul li a {
    font-size: 12px;
  }

  .navigation ul li {
    padding: 12px;
  }

  .main-header .header-search .form-control {
    width: 80%;
  }
  .footer-link .row > *:first-child {
    max-width: 100%;
  }
  .footer-link .row > *:nth-child(2) {
    max-width: 100%;
    margin-top: 5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  #menu-footer-menu {
    padding-left: 5px !important;
  }
}

@media screen and (max-width: 991px) {
  .navigation .dropdown-arrow:before,
.navigation .dropdown-arrow:after {
    background: #074369;
}
.navigation ul li .dropdown-arrow {    
    height: 50px;
    width: 50px;
    top: 0;
    right: 0px;
    transform: rotate(270deg);
}
  .text-xxl {
    font-size: 42px !important;
  }
  .footer-link .row > *:first-child {
    max-width: 100%;
  }
  .footer-link .row > *:nth-child(2) {
    max-width: 100%;
    margin-top: 10px;
  }
  /* Header toggle becomes visible; nav collapses to an off-canvas panel */
  .header-toggle {
    position: relative;
    display: inline-block;
    margin-left: 0;
    order: 4;
  }

  .main-header .navigation {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    top: 65px;
  }

  .navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: calc(100vh - 85px) !important;
    background-color: #fff;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    transition: all ease 0.7s;
    z-index: 999;
  }

  .navigation-open .navigation {
    transform: translateX(0);
    box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.15);
  }

  .navigation-open .main-header {
    background: rgba(0, 48, 87, 1);
  }
.back_to_top{
right: 10px;
bottom: 10px;
}
  .navigation ul {
    position: relative;
    height: auto;
    padding: 0;
  }

  .navigation ul li {
    position: static;
    display: block;
    padding: 0;
    text-align: left;
    border-bottom: 0.062rem solid rgb(0 48 87 / 0.8);
  }

  .navigation ul li a {
    display: inline-block;
    padding: 0.8125rem 1.25rem;
    font-size: 1.0625rem;
    color: #333;
    border: none;
  }

  .navigation ul li a:hover {
    color: #23888e;
  }

  .navigation ul li .sub-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0 0 1.5625rem;
    background-color: #fff;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    transform: translateX(100%);
    transition: all ease 0.6s;
    z-index: 2;
  }
   .navigation ul li.open .sub-menu.open {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        /* position: relative; */
        padding-bottom: 0px;
        /* height: 90vh; */
        height: calc(90vh - 100px);
        overflow-x: scroll;
    }
  .navigation ul li .sub-menu li {
    border-bottom: 0.062rem solid rgb(0 48 87 / 0.8);
  }

  .navigation ul li .sub-menu::before {
    display: none;
  }
   .navigation ul li .sub-menu li.btn-prev a {
        display: block;
        padding: 15px;
        font-size: 1.25rem;
        text-align: center;
    }

    .navigation ul li .sub-menu li.btn-prev a:before {
        position: absolute;
        top: 10px;
        left: 0;
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        margin-left: 1.25rem;
        background-color: #082b4a;
        background-image: url("../images/left-arrow.webp");
        background-position: 15px 13px;
        background-repeat: no-repeat;
        content: "";
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        z-index: 1;
    }
        .navigation ul li a, .navigation ul li .sub-menu li a {
        display: inline-block;
        padding: 0.8125rem 1.25rem;
        font-size: 1rem;
        color: #333;
        border: none;
    }
    .navigation ul li .sub-menu li.btn-prev a {
        display: block;
        padding: 15px;
        font-size: 1.25rem;
        text-align: center;
    }
    .navigation ul li .sub-menu li a:hover {
        background-color: transparent;
    }

    .navigation ul li .sub-menu .sub-menu {
        right: auto;
    }
.navigation ul li .sub-menu
  .main-header .header-search .form-control {
    width: 100%;
    float: right;
  }

  .main-footer {
    padding: 50px 15px;
  }

  .main-footer .joinus_bg {
    background-image: unset !important;
  }

  .main-footer .contact-info {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .footer-link p {
    text-align: center;
  }

  .footer-link ul {
    margin-top: 15px;
    text-align: center;
  }

  #menu-footer-menu {
    justify-content: center;
    height: auto;
    margin: 0;
    padding: 0;
  }

  a:focus {
    outline: unset;
  }
  p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .text-xxl {
    font-size: 36px !important;
  }
  .navbar-nav {
    position: absolute;
    right: 10px;
    bottom: -67px;
    display: block;
  }
  #menu-footer-menu {
    flex-wrap: wrap;
  }

  .navbar-nav {
    bottom: 0 !important;
  }

  .footer-link ul li {
    font-size: 12px;
  }
}

@media screen and (max-width: 990px) and (orientation: landscape) {
  .main-header .navigation {
    top: 85px;
  }

  .navigation {
    height: calc(100vh - 85px) !important;
  }

  .main-header .header-search .form-control {
    width: 100%;
    float: right;
    background: rgba(0, 48, 87, 0.8);
    border: 1px solid #ccc;
  }

  .main-header .navbar-nav {
    position: absolute;
    right: 10px;
    bottom: -67px;
    display: block;
  }

  .main-footer {
    padding: 50px 15px;
  }

  .main-footer strong {
    margin-top: 20px;
  }

  .main-footer .contact-info {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
  }

  #menu-footer-menu {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (max-width: 550px) and (orientation: portrait) {
  header.main-header {
    padding: 10px;
  }
  .navbar-nav {
    height: 65px;
    top: 70px;
  }
  .logo .default-logo {
    width: 200px;
    height: auto;
  }

  .nav-item.header-search {
    width: 99%;
  }

  .main-header .header-search .form-control {
    width: 100%;
    float: inherit;
  }

  .main-header .navigation {
    top: 72px;
  }

  .navigation {
    height: calc(100vh - 72px) !important;
  }

  .navbar-nav {
    top: 70px;
    height: 65px;
  }

  .main-footer {
    padding: 50px 0;
  }

  .main-footer strong {
    margin-top: 0;
  }

  .main-footer .contact-info {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
  }

  .footer-link ul li {
    width: auto;
    display: block;
    float: none;
    font-size: 13px;
    text-align: center;
  }

  .footer-link ul li a::before {
    display: none;
  }

  #menu-footer-menu {
    margin: 0;
    padding: 0 20px;
    justify-content: center;
  }
  .sbhc-cards {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 340px) and (orientation: portrait) {
  .logo .default-logo {
    width: 140px;
    height: auto;
  }

  .main-header {
    min-height: 56px;
  }
}

@media (max-width: 479px) {
  .footer-link p {
    font-size: 12px !important;
  }

  .footer-link ul li > a {
    font-size: 12px;
  }
}

@media (max-width: 340px) {
  .main-header .navigation {
    top: 55px !important;
  }
}

@media (max-width: 319px) {
  .logo .default-logo {
    width: 120px;
  }
}