@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap");
@font-face {
  font-family: "Timeless";
  src: url("../font/Timeless-Normal.woff2Timeless-Normal.woff2") format("woff2"), url("../font/Timeless-Normal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Timeless";
  src: url("../font/Timeless-Bold.woff2") format("woff2"), url("../font/Timeless-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.header {
  background-color: #262677;
}
.header .logo {
  max-width: 210px;
}
@media (max-width: 991px) {
  .header .logo {
    max-width: 180px;
  }
}
.header .logo img {
  object-fit: contain;
}
.header .navbar {
  padding: 13px 0px;
}
@media (max-width: 991px) {
  .header .navbar {
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: #262677;
  }
}
@media (max-width: 579px) {
  .header .navbar {
    padding: 5px 0px;
  }
}
@media (max-width: 991px) {
  .header .navbar-toggler {
    border: 1px solid #fff;
    width: 46px;
    height: 33px;
    display: flex;
    align-items: center;
  }
}
.header .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
.header .navbar-toggler-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(59deg) brightness(109%) contrast(101%);
  width: 30px;
}
@media (max-width: 991px) {
  .header .navbar-nav {
    align-items: flex-start !important;
    padding-left: 0px;
  }
}
.header .navbar-nav .nav-item {
  padding: 0px 30.5px;
}
@media (max-width: 1679px) {
  .header .navbar-nav .nav-item {
    padding: 0px 28px;
  }
}
@media (max-width: 1481px) {
  .header .navbar-nav .nav-item {
    padding: 0px 25px;
  }
}
@media (max-width: 1199px) {
  .header .navbar-nav .nav-item {
    padding: 0px 20px;
  }
}
@media (max-width: 991px) {
  .header .navbar-nav .nav-item {
    padding: 10px 0px 0px 0px;
  }
}
.header .navbar-nav .nav-item:last-child {
  padding-right: 0px;
}
.header .navbar-nav .nav-item .nav-link {
  color: #fff;
  padding: 0 0 3px 0;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0%;
}
@media (max-width: 1679px) {
  .header .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
}
.header .navbar-nav .nav-item .nav-link.active {
  border-bottom: 2px solid #FFFFFF;
}
.header .navbar-nav .nav-item .btn-contact {
  background-color: #fff;
  color: #2E2E78;
  width: 160px;
  height: 41px;
  font-weight: 700;
  font-size: 15px;
  border-radius: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1679px) {
  .header .navbar-nav .nav-item .btn-contact {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .header .navbar-nav .nav-item .btn-contact {
    margin-bottom: 30px;
  }
}

.spacer {
  display: block;
}

/*# sourceMappingURL=header.css.map */