@font-face {
  font-family: "inter";
  src: url("../fonts/Inter/Inter-VariableFont_slnt,wght.ttf");
}
.line {
  width: 76px;
  height: 2px;
  background-color: #BCBDC0;
}
@media screen and (max-width: 480px) {
  .line {
    width: 50px;
  }
}

.container {
  padding-left: 24px;
  padding-right: 24px;
}

img {
  max-width: 100%;
}

h1 {
  border-bottom: 0;
  padding: 0;
  padding-bottom: 21px;
  margin-bottom: 0;
}

a {
  color: white;
}
a:hover {
  text-decoration: none;
  color: white;
}

.white-bg {
  background-image: url("../img/white-bg.png");
  background-position: center;
  background-size: contain;
  background-repeat: repeat;
}

.dark-bg {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

section {
  overflow-x: hidden;
}

#header {
  height: 85px;
  background: linear-gradient(180deg, #191718 0%, rgba(25, 23, 24, 0) 100%);
}
@media screen and (max-width: 991px) {
  #header {
    height: auto;
  }
  #header .container {
    align-self: flex-start;
  }
}
#header.navbar .nav-item {
  padding: 0 16px 20px;
  margin-right: 22px;
  font-size: 14px;
  margin-bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 50px;
  position: relative;
}
#header.navbar .nav-item .nav-link {
  color: #fff;
}
#header.navbar .nav-item .nav-link::after {
  display: none;
}
#header.navbar .nav-item .nav-link .gg-chevron-down {
  transform: scale(var(--ggs, 0.7));
}
@media screen and (max-width: 991px) {
  #header.navbar .nav-item .nav-link {
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  #header.navbar .nav-item.dropdown .dropdown-menu {
    background-color: rgba(25, 23, 24, 0.9);
    border-radius: 10px;
    padding: 16px;
    color: #fff;
    width: -moz-max-content;
    width: max-content;
    top: 49px;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 1.4px;
  }
  #header.navbar .nav-item.dropdown .dropdown-menu .dropdown-item {
    padding: 12px 16px;
    margin-bottom: 0;
    color: #fff;
  }
  #header.navbar .nav-item.dropdown .dropdown-menu .dropdown-item:hover, #header.navbar .nav-item.dropdown .dropdown-menu .dropdown-item.active, #header.navbar .nav-item.dropdown .dropdown-menu .dropdown-item:active {
    background-color: #3B3B3B;
    border-radius: 8px;
  }
}
#header.navbar .nav-item.active, #header.navbar .nav-item:hover {
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 991px) {
  #header.navbar .nav-item.active, #header.navbar .nav-item:hover {
    border-bottom: 1px solid #fff;
  }
  #header.navbar .nav-item.active .dropdown-item.active, #header.navbar .nav-item:hover .dropdown-item.active {
    background-color: white;
    color: #191718 !important;
  }
}
#header.navbar .nav-item:last-child #navbarDropdown {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
@media screen and (min-width: 992px) {
  #header.navbar .navbar-collapse {
    padding-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  #header.navbar .navbar-toggler {
    border: #fff;
    outline: none !important;
  }
  #header.navbar .navbar-collapse {
    text-align: center;
    background-color: rgba(25, 23, 24, 0.9);
    width: 100%;
    left: 0;
    padding: 0 24px;
    position: static;
    top: 0;
  }
  #header.navbar .navbar-collapse .navbar-nav {
    padding-top: 10px;
  }
  #header.navbar .nav-item {
    border-bottom: 1px solid white;
    padding: 5px 0;
    height: auto;
  }
  #header.navbar .nav-item:last-child {
    border-bottom: none;
    text-align: center;
  }
  #header.navbar .nav-item:not(.dropdown).active, #header.navbar .nav-item:not(.dropdown):hover {
    background-color: white;
  }
  #header.navbar .nav-item:not(.dropdown).active .nav-link, #header.navbar .nav-item:not(.dropdown):hover .nav-link {
    color: black;
  }
  #header.navbar .dropdown-menu {
    background: unset;
    border: none;
    margin-top: 0;
    padding-top: 0;
  }
  #header.navbar .dropdown-item {
    color: white;
    text-align: center;
    padding: 6px;
  }
}
#header img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  #header img {
    position: relative;
    transform: none;
  }
}
#header.navbar.color-bg {
  background-color: rgba(25, 23, 24, 0.9);
}
@media screen and (max-width: 991px) {
  #header.navbar.color-bg {
    background-color: #191718;
  }
}
@media screen and (max-width: 480px) {
  #header img {
    width: 135px;
  }
}

.home-page #banner {
  padding: 0;
}
.home-page #banner .banner {
  background-image: url("../img/home/banner.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.home-page #banner .banner .quotes {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  letter-spacing: 0.8px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .home-page #banner .banner {
    height: 122.2222222222vw;
  }
  .home-page #banner .banner .quotes {
    font-size: 18px;
    margin-left: auto;
    text-align: center;
    line-height: 30px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.home-page #our-focus {
  background-color: #191718;
  color: #fff;
  padding-top: 22px;
  padding-bottom: 114px;
  margin-top: -2px;
}
.home-page #our-focus .row, .home-page #our-focus .container {
  overflow: hidden;
}
.home-page #our-focus .content {
  font-size: 14px;
  line-height: 30px;
  font-weight: 200;
  letter-spacing: 0.6px;
}
.home-page #our-focus .stage {
  margin-top: 80px;
}
.home-page #our-focus .stage .stage-card {
  cursor: pointer;
}
.home-page #our-focus .stage .stage-card .frame {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 142px;
  width: 142px;
}
.home-page #about {
  padding: 40px 90px;
}
.home-page #about .about-body {
  padding-top: 42px;
  position: relative;
}
.home-page #about .about-body img {
  max-width: 800px;
}
@media screen and (min-width: 1281px) {
  .home-page #about .about-body img {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (max-width: 1047px) {
  .home-page #about .about-body img {
    max-width: 600px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1046px) {
  .home-page #about .about-body img {
    max-width: 400px;
  }
}
.home-page #about .about-body .content {
  right: 0;
  color: #191718;
  line-height: 30px;
  letter-spacing: 0.75px;
  font-weight: 300;
  bottom: 100px;
}

#footer {
  background-color: #191718;
  color: #fff;
  width: 100%;
  padding: 25px 90px 25px;
}
#footer .menu-title {
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
  letter-spacing: 1px;
}
#footer img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 768px) {
  .home-page #about, .home-page #our-focus, .home-page #footer {
    padding-left: 24px;
    padding-right: 24px;
  }
  .home-page #our-focus .text-title {
    text-align: center;
  }
  .home-page #our-focus .line {
    margin: auto;
  }
  .home-page #our-focus .content {
    margin-top: 24px;
    text-align: center;
  }
  .home-page #our-focus .stage {
    margin-top: 30px;
  }
  .home-page #our-focus .stage .stage-card {
    margin-bottom: 40px;
  }
  .home-page #about {
    padding: 24px;
  }
  .home-page #about .about-body {
    padding-bottom: 20px;
  }
  .home-page #about .about-body img {
    width: 100%;
  }
  .home-page #about .about-body .content {
    position: relative !important;
    transform: translate(0);
    text-align: center !important;
    right: auto;
    margin-top: 20px;
    bottom: 0;
  }
  #footer {
    padding: 0;
    height: 59px;
    font-size: 12px;
    margin: auto;
    letter-spacing: 0.6px;
    line-height: 59px;
  }
}
@media screen and (max-width: 480px) {
  .home-page #our-focus {
    padding-bottom: 35px;
    padding-top: 0;
  }
  .home-page #our-focus h1.title {
    font-size: 28px;
    letter-spacing: 5.8px;
    line-height: 31px;
  }
  .home-page #our-focus .content {
    font-size: 12px;
  }
  .home-page #our-focus .stage {
    margin: 60px auto 0;
    max-width: 300px;
  }
  .home-page #our-focus .stage .stage-card {
    margin-bottom: 40px;
  }
  .home-page #our-focus .stage .stage-card .frame {
    height: 88px;
    width: 88px;
  }
  .home-page #our-focus .stage .stage-card p {
    font-size: 12px;
  }
  .home-page #about .about-body .content {
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.7px;
  }
}
* {
  font-family: "inter";
  font-weight: normal;
  scroll-behavior: smooth;
}

body {
  overflow: auto;
}/*# sourceMappingURL=base.css.map */