@charset "UTF-8";
:root {
  --Primary-1: #053927;
  --Primary-2: #17624C;
  --Secondary-2: #9A804F;
  --Secondary-3: #C09C59;
  --Secondary-4: #F0DAB0;
  --Neutral-1: #031C14;
  --Neutral-2: #72807B;
  --Neutral-3: #C7CCCA;
  --Neutral-4: #EEE;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Plus Jakarta Sans;
  margin: 0;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 992px) {
  body {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  body {
    font-size: 10.5px;
  }
}
@media (max-width: 992px) {
  body {
    padding-top: 60px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin: 0 0 10px;
}

.container {
  width: 100%;
  margin: auto;
  padding: 0 12px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1230px) {
  .container {
    max-width: 1224px;
  }
  .container-fluid {
    padding: 0 12px;
  }
}
.twok_flex {
  display: flex;
  flex-wrap: wrap;
}

.twok_grid {
  display: grid;
}
.twok_grid.twok_grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
}
@media (max-width: 992px) {
  .twok_grid.twok_grid-auto {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
.twok_grid-gap {
  grid-gap: 8px;
}
@media (max-width: 992px) {
  .twok_grid-gap {
    grid-gap: 6px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap {
    grid-gap: 4px;
  }
}
.twok_grid-gap2 {
  grid-gap: 16px;
}
@media (max-width: 992px) {
  .twok_grid-gap2 {
    grid-gap: 12px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap2 {
    grid-gap: 8px;
  }
}
.twok_grid-gap3 {
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .twok_grid-gap3 {
    grid-gap: 18px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap3 {
    grid-gap: 12px;
  }
}
.twok_grid-gap4 {
  grid-gap: 32px;
}
@media (max-width: 992px) {
  .twok_grid-gap4 {
    grid-gap: 24px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap4 {
    grid-gap: 16px;
  }
}
.twok_grid-gap5 {
  grid-gap: 40px;
}
@media (max-width: 992px) {
  .twok_grid-gap5 {
    grid-gap: 30px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap5 {
    grid-gap: 20px;
  }
}
.twok_grid-gap6 {
  grid-gap: 48px;
}
@media (max-width: 992px) {
  .twok_grid-gap6 {
    grid-gap: 36px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap6 {
    grid-gap: 24px;
  }
}
.twok_grid-gap7 {
  grid-gap: 64px;
}
@media (max-width: 992px) {
  .twok_grid-gap7 {
    grid-gap: 48px;
  }
}
@media (max-width: 450px) {
  .twok_grid-gap7 {
    grid-gap: 32px;
  }
}

.twok_jcontent-center {
  justify-content: center;
}

.twok_aitems-center {
  align-items: center;
}

.twok_aitems-start {
  align-items: flex-start;
}

.twok_jcontent-between {
  justify-content: space-between;
}

.twok_jcontent-end {
  justify-content: flex-end;
}

.twok_text-center {
  text-align: center;
}

.twok_p80 {
  padding: 80px 0;
}
@media (max-width: 992px) {
  .twok_p80 {
    padding: 50px 0;
  }
}
@media (max-width: 600px) {
  .twok_p80 {
    padding: 40px 0;
  }
}

.twok_p120 {
  padding: 120px 0;
}
@media (max-width: 992px) {
  .twok_p120 {
    padding: 80px 0;
  }
}
@media (max-width: 600px) {
  .twok_p120 {
    padding: 60px 0;
  }
}

.twok_nstyle {
  list-style: none;
  padding: 0;
  margin: 0;
}

.twok_uppercase {
  text-transform: uppercase;
}

.twok_button {
  padding: 10px 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  background: #C09C59;
  background: var(--Secondary-3, #C09C59);
  border-radius: 999px;
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  font-size: 14px;
  cursor: pointer;
  pointer-events: auto;
}
@media (max-width: 992px) {
  .twok_button {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .twok_button {
    font-size: 10.5px;
  }
}
.twok_button:hover {
  background: #F0DAB0;
  background: var(--Secondary-4, #F0DAB0);
}
@media (max-width: 600px) {
  .twok_button {
    padding: 7px 15px;
  }
}

.twok_button-icon {
  padding-right: 52px;
  position: relative;
}
@media (max-width: 600px) {
  .twok_button-icon {
    padding-right: 42px;
  }
}
.twok_button-icon svg {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 600px) {
  .twok_button-icon svg {
    right: 15px;
    width: 20px;
  }
}

.twok_button-outline {
  padding: 9px 19px;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border: 1px solid;
  border-color: #C09C59;
  border-color: var(--Secondary-3, #C09C59);
  background: transparent;
  border-radius: 999px;
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  cursor: pointer;
  pointer-events: auto;
}
@media (max-width: 992px) {
  .twok_button-outline {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .twok_button-outline {
    font-size: 10.5px;
  }
}
.twok_button-outline.twok_button-icon {
  padding-right: 51px;
}
.twok_button-outline:hover {
  border-color: #031C14;
  border-color: var(--Neutral-1, #031C14);
}

.twok_heading {
  font-family: Philosopher;
  font-style: normal;
  font-weight: 400;
  line-height: 1.18;
  margin: 0;
  font-size: 44px;
}
@media (max-width: 992px) {
  .twok_heading {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .twok_heading {
    font-size: 24px;
  }
}

.twok_sheading {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  font-size: 24px;
}
@media (max-width: 992px) {
  .twok_sheading {
    font-size: 21px;
  }
}
@media (max-width: 600px) {
  .twok_sheading {
    font-size: 18px;
  }
}
.twok_sheading a {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.twok_sheading a:hover {
  color: #9A804F;
  color: var(--Secondary-2, #9A804F);
}

.twok_text {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  font-size: 20px;
}
@media (max-width: 992px) {
  .twok_text {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .twok_text {
    font-size: 15px;
  }
}

.twok_stext {
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  font-size: 16px;
}
@media (max-width: 992px) {
  .twok_stext {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .twok_stext {
    font-size: 12px;
  }
}

.twok_color-main {
  color: #17624C;
  color: var(--Primary-2, #17624C);
}
.twok_color-main a {
  color: #17624C;
  color: var(--Primary-2, #17624C);
}
.twok_color-main a:hover {
  color: #17624C;
  color: var(--Primary-2, #17624C);
}

.twok_color-main2 {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.twok_color-main2 a {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}

.twok_color-white {
  color: #fff;
}

.twok_bg-primary1 {
  background: #053927;
  background: var(--Primary-1, #053927);
}

.twok_mauto {
  margin: auto;
}

.mouse {
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
  width: 28px;
  height: 44px;
  border-radius: 50px;
  border: 1px solid #fff;
  animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  display: none;
  width: 46px;
  height: 82px;
  border-radius: 100px;
}
.mouse:after {
  background-color: #ffffff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  animation: trackBallSlide 5s linear infinite;
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  29.99% {
    background-position: 0% 0%;
  }
  30% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  59% {
    background-position: 0% 0%;
  }
  60% {
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-8px);
  }
  6% {
    opacity: 1;
    transform: scale(0.9) translateY(2px);
  }
  14% {
    opacity: 0;
    transform: scale(0.4) translateY(16px);
  }
  15%, 19% {
    opacity: 0;
    transform: scale(0.4) translateY(-8px);
  }
  28%, 29.99% {
    opacity: 1;
    transform: scale(1) translateY(-8px);
  }
  30% {
    opacity: 1;
    transform: scale(1) translateY(-8px);
  }
  36% {
    opacity: 1;
    transform: scale(0.9) translateY(2px);
  }
  44% {
    opacity: 0;
    transform: scale(0.4) translateY(16px);
  }
  45%, 49% {
    opacity: 0;
    transform: scale(0.4) translateY(-8px);
  }
  58%, 59.99% {
    opacity: 1;
    transform: scale(1) translateY(-8px);
  }
  60% {
    opacity: 1;
    transform: scale(1) translateY(-8px);
  }
  66% {
    opacity: 1;
    transform: scale(0.9) translateY(2px);
  }
  74% {
    opacity: 0;
    transform: scale(0.4) translateY(16px);
  }
  75%, 79% {
    opacity: 0;
    transform: scale(0.4) translateY(-8px);
  }
  88%, 100% {
    opacity: 1;
    transform: scale(1) translateY(-8px);
  }
}
@keyframes nudgeMouse {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(8px);
  }
  30% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(8px);
  }
  90% {
    transform: translateY(0);
  }
}
/* General styles for the modal */
/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}

.md-perspective body {
  background: #222;
  perspective: 600px;
}

/*.container {
	background: #e74c3c;
	min-height: 100%;
}*/
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 320px;
  height: auto;
  z-index: 10001;
  visibility: hidden;
  backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 900px;
  border-radius: 8px;
  box-shadow: 0 10px 70px 0 rgba(23, 98, 76, 0.22), 0 15px 105px 0 rgba(23, 98, 76, 0.22);
  -webkit-box-shadow: 0 10px 70px 0 rgba(23, 98, 76, 0.22), 0 15px 105px 0 rgba(23, 98, 76, 0.22);
}

.md-show {
  visibility: visible;
}

.md-overlay {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  animation: et_pb_fade_in_small 0.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

/* Content styles */
.md-content {
  color: #fff;
  /*background: #e74c3c;*/
  position: relative;
  border-radius: 3px;
  margin: 0 auto;
  padding-top: 56%;
}
.md-content > iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.md-close {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
  color: #454545;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
  top: -40px;
}

@media (max-width: 767px) {
  .md-overlay {
    z-index: 10000;
  }
  .md-content {
    padding-top: 50%;
  }
}
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.2s;
}

.md-show.md-effect-1 .md-content {
  transform: scale(1);
  opacity: 1;
}
@keyframes button-halo-animation {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.header.active {
  top: -44px;
}
@media (max-width: 1200px) {
  .header.active {
    top: 0;
  }
}
.header-actions {
  margin-left: auto;
}
.header-top {
  padding: 12px 40px;
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
@media (max-width: 1200px) {
  .header-top {
    display: none;
  }
}
.header-bottom {
  background: #053927;
  background: var(--Primary-1, #053927);
  padding: 26px 40px;
  grid-template-columns: 1fr 236px 1fr;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 1600px) {
  .header-bottom {
    grid-template-columns: 1fr 167px 1fr;
    padding: 20px 24px;
  }
}
@media (max-width: 1200px) {
  .header-bottom {
    padding: 0;
    grid-template-columns: 60px 1fr 60px;
  }
}
.header-menus {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .header-menus {
    display: none;
  }
}
.header-menus > li {
  min-height: 40px;
  align-items: center;
  display: flex;
}
.header-menus > li + li {
  margin-left: 32px;
}
@media (max-width: 1600px) {
  .header-menus > li + li {
    margin-left: 24px;
  }
}
@media (max-width: 1200px) {
  .header-menus > li + li {
    margin-left: 16px;
  }
}
.header-menus > li > a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  text-align: center;
}
@media (max-width: 1400px) {
  .header-menus > li > a {
    font-size: 14px;
  }
}
.header-menus > li > a:hover {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.header-menus > li.current-menu-item > a, .header-menus > li.current_page_item > a {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.header-menus > li.menu-item-has-children:hover .sub-menu {
  top: 40px;
  opacity: 1;
  visibility: visible;
}
.header-menus > li.menu-item-has-children .sub-menu {
  min-width: 170px;
  position: absolute;
  padding: 8px 0;
  border: 1px solid;
  border-color: #053927;
  border-color: var(--Primary-1, #053927);
  background: #031C14;
  background: var(--Neutral-1, #031C14);
  list-style: none;
  margin: 0;
  top: 60px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.header-menus > li.menu-item-has-children .sub-menu li.current_page_item a {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.header-menus > li.menu-item-has-children .sub-menu li a {
  padding: 10px 16px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
  text-decoration: none;
  display: inline-flex;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 992px) {
  .header-menus > li.menu-item-has-children .sub-menu li a {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .header-menus > li.menu-item-has-children .sub-menu li a {
    font-size: 10.5px;
  }
}
.header-menus > li.menu-item-has-children .sub-menu li a:hover {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.header-left {
  position: relative;
  z-index: 9;
}
@media (max-width: 1200px) {
  .header-left {
    align-items: center;
    justify-content: center;
  }
}
.header-left .left--menu {
  cursor: pointer;
  pointer-events: auto;
  min-width: 129px;
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1200px) {
  .header-left .left--menu {
    grid-template-columns: 1fr;
    min-width: auto;
  }
}
@media (max-width: 1200px) {
  .header-left .left--menu span {
    display: none;
  }
}
.header-left .left--download {
  margin-left: 32px;
}
@media (max-width: 1200px) {
  .header-left .left--download {
    margin-left: 24px;
  }
}
@media (max-width: 1200px) {
  .header-left .left--download {
    display: none;
  }
}
.header-left .left--download .twok_button-outline {
  padding-top: 7px;
  padding-bottom: 7px;
}
@media (max-width: 1200px) {
  .header-left .left--download .twok_button-outline {
    font-size: 12px;
  }
}
.header-logos .logo {
  margin-right: 16px;
}
.header-logos .logo img {
  display: block;
}
@media (max-width: 1200px) {
  .header-ologo {
    padding: 10px;
  }
}
.header-ologo a {
  display: flex;
  height: 40px;
  align-items: center;
}
.header-ologo a img {
  display: block;
  height: 40px;
  width: auto;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 1200px) {
  .header-ologo a img {
    height: 24px;
  }
}
.header-right {
  position: relative;
  z-index: 9;
}
@media (max-width: 1200px) {
  .header-right {
    display: none;
  }
}
.header-right .logo {
  display: flex;
  align-items: center;
}
.header-right .logo + .logo {
  margin-left: 32px;
}
.header-right .logo img {
  height: 40px;
  display: block;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 1600px) {
  .header-right .logo img {
    height: 32px;
  }
}
@media (max-width: 1200px) {
  .header-right .logo img {
    height: 24px;
  }
}
.header-sub {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-sub li {
  align-items: center;
  display: flex;
  margin: 0 12px;
}
.header-sub li > a {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 992px) {
  .header-sub li > a {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .header-sub li > a {
    font-size: 10.5px;
  }
}
.header-sub li > a:hover {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.header-sub li.current_page_item > a {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.header-video {
  margin-left: 32px;
  display: flex;
  align-items: center;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .header-video {
    font-size: 10.5px;
  }
}
@media (max-width: 600px) {
  .header-video {
    font-size: 9px;
  }
}
.header-video a {
  display: flex;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.header-video a:hover {
  color: white;
}
.header-video a:hover a {
  color: white;
}
.header-video a:hover svg {
  left: 4px;
}
.header-video a:hover svg path {
  fill: white;
}
.header-video svg {
  margin-right: 8px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  position: relative;
  left: 0;
}
.header-video svg path {
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.header-hambuger {
  position: relative;
  transition: all 2s ease-out 0s;
  -webkit-transition: all 2s ease-out 0s;
  z-index: 101;
  margin: 0;
  display: none;
}
@media (max-width: 1200px) {
  .header-hambuger {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.header-hambuger.activated .hambuger-inner:after {
  bottom: 0;
  transform: rotate(-90deg) translate3d(0, 0, 1px);
  transition: bottom 0.2s ease, transform 0.2s 0.44s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.2s ease 0.2s;
}
.header-hambuger.activated .hambuger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 0.2s ease, opacity 0.2s 0.44s ease, background-color 0.2s ease 0.2s;
}
.header-hambuger.activated .hambuger-inner {
  transform: rotate(45deg) translate3d(0, 0, 1px);
  transition-delay: 0.44s;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header-hambuger .hambuger-box {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
}
.header-hambuger .hambuger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  width: 24px;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  height: 1px;
  transform: rotate(0deg) translate3d(0, 0, 1px);
  background: #9A804F;
  background: var(--Secondary-2, #9A804F);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}
.header-hambuger .hambuger-inner:after, .header-hambuger .hambuger-inner:before {
  width: 24px;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  height: 1px;
  transform: rotate(0deg) translate3d(0, 0, 1px);
  background: #9A804F;
  background: var(--Secondary-2, #9A804F);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.header-hambuger .hambuger-inner:before {
  content: "";
  display: block;
  top: -7px;
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.header-hambuger .hambuger-inner:after {
  content: "";
  display: block;
  bottom: -7px;
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.sidebar {
  display: none;
  position: fixed;
  flex-direction: column;
  top: 0;
  height: 100vh;
  width: 100vw;
  padding: 92px 0 60px;
  background: #031C14;
  background: var(--Neutral-1, #031C14);
  color: #828282;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  right: 0;
  z-index: 97;
  transform: translate(0, -100%);
}
@media (max-width: 1200px) {
  .sidebar {
    display: block;
  }
}
@media (max-width: 767px) and (min-width: 451px) {
  .sidebar {
    padding: 80px 0 40px;
  }
}
.sidebar .sidebar-inner {
  padding: 0;
}
.sidebar .sidebar-inner .sidebar_list {
  position: relative;
}
.sidebar .sidebar-inner .sidebar_list ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidebar .sidebar-inner .sidebar_list ul li.current_page_item a, .sidebar .sidebar-inner .sidebar_list ul li.current-menu-item a {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.sidebar .sidebar-inner .sidebar_list ul li a {
  display: block;
  font-size: 16px;
  letter-spacing: 0px;
  padding: 12px 0;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 767px) and (min-width: 451px) {
  .sidebar .sidebar-inner .sidebar_list ul li a {
    padding: 7px 0;
  }
}
.sidebar .sidebar-inner .sidebar_button {
  margin-top: 60px;
  transform: translate(10px, 0px);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) and (min-width: 451px) {
  .sidebar .sidebar-inner .sidebar_button {
    margin-top: 3px;
  }
}
.sidebar .sidebar-inner .sidebar_button a {
  line-height: 46px;
  border: 2px solid;
  border-color: #17624C;
  border-color: var(--Primary-2, #17624C);
  padding: 13px 31px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2;
  color: #17624C;
  color: var(--Primary-2, #17624C);
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.sidebar .sidebar-inner .sidebar_button a:hover {
  color: #fff;
}
.sidebar .sidebar-inner .sidebar_button a:hover::before {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
.sidebar .sidebar-inner .sidebar_button a::before {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 0;
  bottom: 0;
  background: transparent;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #17624C;
  border-color: var(--Primary-2, #17624C);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.sidebar .sidebar-inner .sidebar_button a span {
  position: relative;
  z-index: 9;
  pointer-events: none;
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 89;
  background: #000;
  pointer-events: none;
  opacity: 0;
  margin: 0;
}

#menu-trigger:checked ~ .sidebar-overlay {
  pointer-events: all;
}

.banner {
  position: relative;
}
.banner .swiper-slide {
  height: 100vh;
  min-height: 800px;
}
@media (max-width: 992px) {
  .banner .swiper-slide {
    height: 80vh;
    min-height: 600px;
  }
}
.banner .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .swiper-prev,
.banner .swiper-next {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  z-index: 9;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  opacity: 0.7;
}
@media (max-width: 992px) {
  .banner .swiper-prev,
  .banner .swiper-next {
    width: 40px;
    height: 40px;
    left: 10px;
  }
}
.banner .swiper-prev:hover,
.banner .swiper-next:hover {
  opacity: 1;
}
.banner .swiper-prev svg,
.banner .swiper-next svg {
  display: block;
}
@media (max-width: 992px) {
  .banner .swiper-prev svg,
  .banner .swiper-next svg {
    width: 40px;
    height: auto;
  }
}
.banner .swiper-next {
  left: auto;
  right: 0;
}
@media (max-width: 992px) {
  .banner .swiper-next {
    right: 10px;
    left: auto;
  }
}

.sbanner {
  height: 644px;
  position: relative;
}
@media (max-width: 1200px) {
  .sbanner {
    height: 500px;
  }
}
@media (max-width: 992px) {
  .sbanner {
    height: 360px;
  }
}
@media (max-width: 450px) {
  .sbanner {
    height: 240px;
  }
}

.habout {
  background: #eee url(../images/background-s1.png) bottom center/cover;
  padding-bottom: 90px;
  padding-top: 332px;
}
@media (max-width: 992px) {
  .habout {
    padding-top: 30%;
  }
}
.habout .box-top {
  max-width: 831px;
}
.habout .box-top .top--img img {
  max-width: 88px;
}
@media (max-width: 992px) {
  .habout .box-top .top--img img {
    max-width: 66px;
  }
}
@media (max-width: 600px) {
  .habout .box-top .top--img img {
    max-width: 55px;
  }
}
.habout .box-bottom {
  background: #17624C;
  margin-top: 94px;
  grid-template-columns: 1fr 384px;
  min-height: 340px;
}
@media (max-width: 992px) {
  .habout .box-bottom {
    grid-template-columns: 1fr;
    margin-top: 66px;
  }
}
@media (max-width: 600px) {
  .habout .box-bottom {
    margin-top: 48px;
  }
}
.habout .box-bottom .bottom--history {
  padding: 40px 70px 40px 40px;
  background: url(../images/bg-history.svg) left top no-repeat;
}
@media (max-width: 992px) {
  .habout .box-bottom .bottom--history {
    order: 2;
    padding: 30px;
  }
}
.habout .box-bottom .bottom--video {
  background: left center/cover;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 100px 40px 24px;
  text-align: right;
}
@media (max-width: 992px) {
  .habout .box-bottom .bottom--video {
    order: 1;
    min-height: 250px;
    padding: 70px 30px 24px;
  }
}
.habout .box-bottom .bottom--video:hover {
  cursor: pointer;
}
.habout .box-bottom .bottom--video:hover:before {
  visibility: visible;
  opacity: 0.2;
}
.habout .box-bottom .bottom--video:before {
  content: "";
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.habout .box-bottom .bottom--video .video--icon {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 48px;
}
@media (max-width: 992px) {
  .habout .box-bottom .bottom--video .video--icon {
    width: 40px;
    right: 30px;
    top: 30px;
  }
}
.habout .box-bottom .bottom--video .video--icon svg {
  width: 100%;
}
.habout .box-bottom .bottom--video .video--title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  position: relative;
}
@media (max-width: 992px) {
  .habout .box-bottom .bottom--video .video--title {
    font-size: 21px;
  }
}
@media (max-width: 600px) {
  .habout .box-bottom .bottom--video .video--title {
    font-size: 18px;
  }
}

.htotal {
  background: #eee;
  padding-top: 30px;
  overflow: hidden;
  margin-bottom: -2px;
}
.htotal .box .box-top {
  grid-template-columns: 487px 1fr;
  grid-gap: 126px;
}
@media (max-width: 1200px) {
  .htotal .box .box-top {
    grid-template-columns: 1fr;
    grid-gap: 46px;
  }
}
@media (max-width: 992px) {
  .htotal .box .box-top {
    grid-gap: 36px;
  }
}
@media (max-width: 600px) {
  .htotal .box .box-top {
    grid-gap: 24px;
  }
}
.htotal .box .box-top .top--caption {
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1200px) {
  .htotal .box .box-top .top--caption {
    order: 2;
  }
}
.htotal .box .box-top .top--img {
  position: relative;
  height: 480px;
}
@media (max-width: 1200px) {
  .htotal .box .box-top .top--img {
    height: auto;
    order: 1;
  }
}
.htotal .box .box-top .top--img img {
  width: calc(100% + 400px);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  border-radius: 44px;
}
@media (max-width: 1200px) {
  .htotal .box .box-top .top--img img {
    width: 100%;
    position: static;
    border-radius: 22px;
  }
}
.htotal .box .box-bottom {
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (max-width: 992px) {
  .htotal .box .box-bottom {
    padding: 50px 0;
  }
}
@media (max-width: 600px) {
  .htotal .box .box-bottom {
    padding: 40px 0;
  }
}
.htotal .box .box-bottom .bottom--items {
  grid-template-columns: repeat(3, minmax(10px, 1fr));
}
@media (max-width: 992px) {
  .htotal .box .box-bottom .bottom--items {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media (max-width: 600px) {
  .htotal .box .box-bottom .bottom--items {
    grid-template-columns: 1fr;
  }
}
.htotal .box .box-bottom .bottom--items .item .item--small {
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.44;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .htotal .box .box-bottom .bottom--items .item .item--small {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .htotal .box .box-bottom .bottom--items .item .item--small {
    font-size: 10.5px;
  }
}
.htotal .box .box-bottom .bottom--items .item .item--number {
  color: #053927;
  color: var(--Primary-1, #053927);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 4px;
}
@media (max-width: 992px) {
  .htotal .box .box-bottom .bottom--items .item .item--number {
    font-size: 26px;
  }
}
@media (max-width: 600px) {
  .htotal .box .box-bottom .bottom--items .item .item--number {
    font-size: 22px;
  }
}
.htotal > svg {
  display: block;
  width: 100%;
  height: auto;
}

.hservices {
  padding: 160px 0 80px;
  background: #031C14;
  background: var(--Neutral-1, #031C14);
  overflow: hidden;
}
@media (max-width: 992px) {
  .hservices {
    padding: 100px 0 50px;
  }
}
@media (max-width: 600px) {
  .hservices {
    padding: 80px 0 40px;
  }
}
.hservices .box .box-top {
  grid-template-columns: 1fr 588px;
}
@media (max-width: 1200px) {
  .hservices .box .box-top {
    grid-template-columns: 1fr;
  }
}
.hservices .box .box-top .twok_text {
  padding-top: 3px;
}
.hservices .box .box-bottom {
  margin-top: 86px;
}
@media (max-width: 992px) {
  .hservices .box .box-bottom {
    margin-top: 66px;
  }
}
@media (max-width: 600px) {
  .hservices .box .box-bottom {
    margin-top: 46px;
  }
}
.hservices .box .box-bottom .swiper-container {
  overflow: inherit;
}
.hservices .box .box-bottom .swiper-slide {
  width: 448px;
  height: 480px;
  position: relative;
}
@media (max-width: 1400px) {
  .hservices .box .box-bottom .swiper-slide {
    width: 392px;
    height: 420px;
  }
}
@media (max-width: 600px) {
  .hservices .box .box-bottom .swiper-slide {
    width: 280px;
    height: 300px;
  }
}
.hservices .box .box-bottom .swiper-slide .slide--caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(3, 28, 20, 0) 0%, rgba(3, 28, 20, 0.8) 100%);
  z-index: 1;
  padding: 24px 32px;
  display: flex;
  align-items: flex-end;
  color: #FFF;
  font-family: "Philosopher";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 992px) {
  .hservices .box .box-bottom .swiper-slide .slide--caption {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .hservices .box .box-bottom .swiper-slide .slide--caption {
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .hservices .box .box-bottom .swiper-slide .slide--caption {
    padding: 18px 24px;
  }
}
.hservices .box .box-bottom .swiper-parea {
  margin-top: 40px;
  grid-template-columns: 96px 1fr;
}
@media (max-width: 992px) {
  .hservices .box .box-bottom .swiper-parea {
    margin-top: 30px;
  }
}
@media (max-width: 600px) {
  .hservices .box .box-bottom .swiper-parea {
    margin-top: 20px;
  }
}
.hservices .box .box-bottom .swiper-prev,
.hservices .box .box-bottom .swiper-next {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  opacity: 0.7;
}
.hservices .box .box-bottom .swiper-prev:hover,
.hservices .box .box-bottom .swiper-next:hover {
  opacity: 1;
}
.hservices .box .box-bottom .swiper-prev svg,
.hservices .box .box-bottom .swiper-next svg {
  display: block;
}
.hservices .box .box-bottom .swiper-pagination-progressbar {
  height: 2px;
  width: 100%;
  position: static;
  margin: auto;
  background: rgba(238, 238, 238, 0.2);
}
.hservices .box .box-bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #9A804F;
  background: var(--Secondary-2, #9A804F);
}

.hreason {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
.hreason .box .box-top {
  display: grid;
  grid-template-columns: 1fr 385px;
  grid-gap: 130px;
}
@media (max-width: 1400px) {
  .hreason .box .box-top {
    grid-gap: 60px;
    grid-template-columns: 1fr 335px;
  }
}
@media (max-width: 1200px) {
  .hreason .box .box-top {
    grid-gap: 60px;
    grid-template-columns: 1fr 265px;
  }
}
@media (max-width: 992px) {
  .hreason .box .box-top {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.hreason .box .box-top .top--left {
  height: 803px;
  position: relative;
}
@media (max-width: 1400px) {
  .hreason .box .box-top .top--left {
    height: 670px;
  }
}
@media (max-width: 1200px) {
  .hreason .box .box-top .top--left {
    height: 640px;
  }
}
@media (max-width: 992px) {
  .hreason .box .box-top .top--left {
    height: auto;
    order: 2;
  }
}
.hreason .box .box-top .top--left svg {
  position: absolute;
  left: -260px;
}
@media (max-width: 1400px) {
  .hreason .box .box-top .top--left svg {
    width: 720px;
    height: auto;
    left: -100px;
  }
}
@media (max-width: 1200px) {
  .hreason .box .box-top .top--left svg {
    width: 690px;
  }
}
@media (max-width: 992px) {
  .hreason .box .box-top .top--left svg {
    display: none;
  }
}
.hreason .box .box-top .top--left .big {
  width: 707px;
  height: 560px;
  position: absolute;
  left: -220px;
  top: 82px;
}
@media (max-width: 1400px) {
  .hreason .box .box-top .top--left .big {
    width: 600px;
    height: 475px;
    left: 0;
  }
}
@media (max-width: 1200px) {
  .hreason .box .box-top .top--left .big {
    width: 540px;
    height: 427px;
  }
}
@media (max-width: 992px) {
  .hreason .box .box-top .top--left .big {
    width: 100%;
    height: auto;
    padding-top: 80%;
    position: relative;
    top: 0;
  }
}
.hreason .box .box-top .top--left .big img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hreason .box .box-top .top--left .small {
  width: 360px;
  height: 360px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #C09C59;
  position: absolute;
  bottom: 80px;
  right: 0;
}
@media (max-width: 1400px) {
  .hreason .box .box-top .top--left .small {
    width: 300px;
    height: 300px;
    bottom: 10px;
  }
}
@media (max-width: 1200px) {
  .hreason .box .box-top .top--left .small {
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 992px) {
  .hreason .box .box-top .top--left .small {
    display: none;
  }
}
.hreason .box .box-top .top--left .small img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 992px) {
  .hreason .box .box-top .top--right {
    order: 1;
  }
}
.hreason .box .box-top .top--right span {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  font-family: "Philosopher";
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.22;
}
@media (max-width: 1400px) {
  .hreason .box .box-top .top--right span {
    font-size: 58px;
  }
}
@media (max-width: 1200px) {
  .hreason .box .box-top .top--right span {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .hreason .box .box-top .top--right span {
    font-size: 42px;
  }
}
@media (max-width: 600px) {
  .hreason .box .box-top .top--right span {
    font-size: 28px;
  }
}
.hreason .box .box-bottom {
  padding-top: 80px;
}
@media (max-width: 992px) {
  .hreason .box .box-bottom {
    padding-top: 50px;
  }
}
@media (max-width: 600px) {
  .hreason .box .box-bottom {
    padding-top: 40px;
  }
}
.hreason .box .box-bottom .box-items {
  grid-template-columns: repeat(3, minmax(10px, 1fr));
  grid-gap: 64px;
  margin-top: 64px;
}
@media (max-width: 1200px) {
  .hreason .box .box-bottom .box-items {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
@media (max-width: 600px) {
  .hreason .box .box-bottom .box-items {
    grid-template-columns: 1fr;
    grid-gap: 48px;
    margin-top: 48px;
  }
}
.hreason .box .box-bottom .box-items .item {
  height: -moz-fit-content;
  height: fit-content;
  max-width: 315px;
}
@media (max-width: 1200px) {
  .hreason .box .box-bottom .box-items .item {
    max-width: 100%;
  }
}
.hreason .box .box-bottom .box-items .item .item--icon img {
  height: 80px;
}
@media (max-width: 600px) {
  .hreason .box .box-bottom .box-items .item .item--icon img {
    height: 50px;
  }
}
.hreason .box .box-bottom .box-items .item .item--title {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  font-size: 20px;
}
@media (max-width: 992px) {
  .hreason .box .box-bottom .box-items .item .item--title {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .hreason .box .box-bottom .box-items .item .item--title {
    font-size: 15px;
  }
}
.hreason .box .box-bottom .box-items .item .item--text {
  color: #C7CCCA;
  color: var(--Neutral-3, #C7CCCA);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 992px) {
  .hreason .box .box-bottom .box-items .item .item--text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .hreason .box .box-bottom .box-items .item .item--text {
    font-size: 12px;
  }
}

.hgmap {
  display: block;
  position: relative;
  margin-top: -3px;
}
.hgmap svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
}
.hgmap img {
  display: block;
  width: 100%;
}

.hslogos {
  overflow: hidden;
  padding: 40px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #9A804F;
  border-color: var(--Secondary-2, #9A804F);
  background: #053927;
  background: var(--Primary-1, #053927);
}
@media (max-width: 992px) {
  .hslogos {
    padding: 30px 0;
  }
}
@media (max-width: 600px) {
  .hslogos {
    padding: 20px 0;
  }
}
.hslogos ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.hslogos ul li {
  margin: 0 16px;
  display: inline-block;
}
.hslogos ul li a {
  display: block;
}
.hslogos ul li img {
  display: block;
  height: 44px;
  max-width: none;
}
@media (max-width: 992px) {
  .hslogos ul li img {
    height: 34px;
  }
}
@media (max-width: 600px) {
  .hslogos ul li img {
    height: 24px;
  }
}
.hslogos .header-top_widget__slider.news-clone {
  display: none;
}

.hpartners .box-logos {
  margin-top: 60px;
}
@media (max-width: 992px) {
  .hpartners .box-logos {
    margin-top: 50px;
  }
}
@media (max-width: 600px) {
  .hpartners .box-logos {
    margin-top: 40px;
  }
}
.hpartners .box-logos li img {
  display: block;
  height: 88px;
}
@media (max-width: 992px) {
  .hpartners .box-logos li img {
    height: 76px;
  }
}
@media (max-width: 600px) {
  .hpartners .box-logos li img {
    height: 64px;
  }
}

.hnews .box-top {
  border-bottom: 1px solid;
  border-color: #C7CCCA;
  padding-bottom: 40px;
  align-items: flex-end;
}
@media (max-width: 450px) {
  .hnews .box-top {
    padding-bottom: 20px;
  }
}
.hnews .box-top .top--tabs li {
  padding-bottom: 10px;
  margin-left: 40px;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  text-transform: uppercase;
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 992px) {
  .hnews .box-top .top--tabs li {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .hnews .box-top .top--tabs li {
    font-size: 10.5px;
  }
}
@media (max-width: 450px) {
  .hnews .box-top .top--tabs li {
    margin-left: 20px;
  }
}
.hnews .box-top .top--tabs li.active {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.hnews .box-top .top--tabs li.active a {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.hnews .box-top .top--tabs li.active:before {
  width: 100%;
}
.hnews .box-top .top--tabs li:before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  height: 4px;
  width: 0;
  margin: auto;
  background: #C09C59;
  background: var(--Secondary-3, #C09C59);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 450px) {
  .hnews .box-top .top--tabs li:before {
    bottom: -20px;
  }
}
.hnews .box-top .top--tabs li a {
  text-decoration: none;
  color: #72807B;
  color: var(--Neutral-2, #72807B);
}
.hnews .detail {
  padding: 60px 0;
  grid-template-columns: 1fr 384px;
  grid-gap: 126px;
}
@media (max-width: 1200px) {
  .hnews .detail {
    grid-template-columns: 2fr 1fr;
    grid-gap: 46px;
  }
}
@media (max-width: 992px) {
  .hnews .detail {
    padding: 50px 0;
    grid-gap: 36px;
  }
}
@media (max-width: 600px) {
  .hnews .detail {
    padding: 30px 0;
    grid-template-columns: 1fr 110px;
    grid-gap: 24px;
  }
}
.hnews .detail + .detail {
  border-top: 1px solid;
  border-color: #C7CCCA;
  border-color: var(--Neutral-3, #C7CCCA);
}
.hnews .detail .detail--caption {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: 180px 1fr;
}
@media (max-width: 1200px) {
  .hnews .detail .detail--caption {
    grid-template-columns: 110px 1fr;
  }
}
@media (max-width: 992px) {
  .hnews .detail .detail--caption {
    grid-template-columns: 80px 1fr;
  }
}
@media (max-width: 600px) {
  .hnews .detail .detail--caption {
    grid-template-columns: 60px 1fr;
    grid-gap: 15px;
  }
}
.hnews .detail .detail--caption .caption--area {
  display: grid;
  grid-gap: 16px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 450px) {
  .hnews .detail .detail--caption .caption--area .caption--title {
    font-size: 15px;
  }
}
.hnews .detail .detail--caption .caption--area .caption--text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
@media (max-width: 600px) {
  .hnews .detail .detail--caption .caption--area .caption--text {
    display: none;
  }
}
.hnews .detail .detail--caption .caption--area .caption--cat {
  margin-top: 12px;
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .hnews .detail .detail--caption .caption--area .caption--cat {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .hnews .detail .detail--caption .caption--area .caption--cat {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  .hnews .detail .detail--caption .caption--area .caption--cat {
    display: none;
  }
}
.hnews .detail .detail--thumb.video span:hover svg {
  transform: scale(0.7);
}
.hnews .detail .detail--thumb.video span svg {
  transform: scale(1);
  opacity: 1;
}
.hnews .detail .detail--thumb span {
  position: relative;
  display: block;
}
.hnews .detail .detail--thumb span:hover:before {
  opacity: 1;
}
.hnews .detail .detail--thumb span:hover svg {
  transform: scale(1);
  opacity: 1;
}
.hnews .detail .detail--thumb span:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.hnews .detail .detail--thumb span svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transform: scale(0);
  opacity: 0;
}
.hnews .detail .detail--thumb span img {
  display: block;
}
.hnews .more {
  margin-top: 40px;
}
@media (max-width: 992px) {
  .hnews .more {
    margin-top: 32px;
  }
}
@media (max-width: 600px) {
  .hnews .more {
    margin-top: 24px;
  }
}

.dnew {
  margin-top: 132px;
  background: #EEE;
  background: var(--Neutral-4, #EEE);
}
@media (max-width: 992px) {
  .dnew {
    margin: 0;
  }
}
.dnew .box {
  width: 100%;
  max-width: 996px;
  margin: auto;
}
.dnew .box-heading {
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .dnew .box-heading {
    margin-bottom: 32px;
  }
}
.dnew .box-paragraph * {
  margin: 0;
}
.dnew .box-paragraph img {
  margin: 40px 0;
  width: 100%;
  height: auto !important;
}
@media (max-width: 992px) {
  .dnew .box-paragraph img {
    margin: 28px 0;
  }
}
@media (max-width: 450px) {
  .dnew .box-paragraph img {
    margin: 16px 0;
  }
}
.dnew .box-paragraph .wp-caption {
  margin: 40px 0;
  color: #9A804F;
  color: var(--Secondary-2, #9A804F);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  display: grid;
  grid-gap: 16px;
}
@media (max-width: 992px) {
  .dnew .box-paragraph .wp-caption {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .dnew .box-paragraph .wp-caption {
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  .dnew .box-paragraph .wp-caption {
    margin: 28px 0;
  }
}
@media (max-width: 450px) {
  .dnew .box-paragraph .wp-caption {
    margin: 16px 0;
  }
}
.dnew .box-paragraph .wp-caption img {
  margin: 0;
}

.contact-info .box {
  grid-template-columns: repeat(2, minmax(10px, 1fr));
}
@media (max-width: 992px) {
  .contact-info .box {
    grid-template-columns: 1fr;
  }
}
.contact-info .box-grid {
  grid-template-columns: 100px 1fr;
}
@media (max-width: 450px) {
  .contact-info .box-grid {
    grid-template-columns: 1fr;
    grid-gap: 12px;
  }
}
.contact-info .box-grid .grid--label {
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding-top: 9px;
}
@media (max-width: 992px) {
  .contact-info .box-grid .grid--label {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .contact-info .box-grid .grid--label {
    font-size: 10.5px;
  }
}
.contact-info .box-grid .grid--text {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  max-width: 344px;
}
@media (max-width: 992px) {
  .contact-info .box-grid .grid--text {
    font-size: 21px;
  }
}
@media (max-width: 600px) {
  .contact-info .box-grid .grid--text {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .contact-info .box-grid .grid--text {
    max-width: 100%;
  }
}
.contact-info .box-grid .grid--text a {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  text-decoration: none;
}
.contact-info .box-grid .grid--text a:hover {
  text-decoration: underline;
}
.contact-map {
  min-height: 300px;
}
.contact-map img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.sales {
  border-top: 2px solid #F0DAB0;
}
.sales .wpcf7-not-valid-tip {
  margin-top: 8px;
}
.sales .wpcf7 form .wpcf7-response-output {
  text-align: center;
  border: 0;
}
.sales .wpcf7-spinner {
  display: none;
}
.sales .box-form {
  width: 100%;
  margin-top: 24px;
}
.sales .box-form .group--g3 {
  grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
}
@media (max-width: 600px) {
  .sales .box-form .group--g3 {
    grid-template-columns: 1fr;
  }
}
.sales .box-form .group--input {
  width: 100%;
  background: #FFF;
  border: 1px solid;
  border-color: #C7CCCA;
  border-color: var(--Neutral-3, #C7CCCA);
  line-height: 58px;
  height: 60px;
  padding: 0 24px;
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  outline: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
@media (max-width: 992px) {
  .sales .box-form .group--input {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .sales .box-form .group--input {
    font-size: 12px;
  }
}
.sales .box-form .group--input::-moz-placeholder {
  color: #C7CCCA;
  color: var(--Neutral-3, #C7CCCA);
}
.sales .box-form .group--input::placeholder {
  color: #C7CCCA;
  color: var(--Neutral-3, #C7CCCA);
}
.sales .box-form .group--input:focus {
  border-color: #72807B;
  border-color: var(--Neutral-2, #72807B);
}
@media (max-width: 767px) {
  .sales .box-form .group--input {
    line-height: 44px;
    padding: 0 16px;
    height: 46px;
  }
}
.sales .box-form .twok_button-outline {
  margin-top: 24px;
}

.lib3 {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
.lib3 .box-top {
  grid-template-columns: repeat(2, minmax(10px, 1fr));
}
@media (max-width: 767px) {
  .lib3 .box-top {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
}
.lib3 .box-top .top--left {
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  /* Heading2 */
  font-family: "Philosopher";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  max-width: 486px;
}
@media (max-width: 992px) {
  .lib3 .box-top .top--left {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .lib3 .box-top .top--left {
    font-size: 24px;
  }
}
.lib3 .box-top .top--right {
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-gap: 30px;
}
@media (max-width: 992px) {
  .lib3 .box-top .top--right {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .lib3 .box-top .top--right {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .lib3 .box-top .top--right {
    grid-gap: 16px;
  }
}
.lib3 .box-top .top--right p {
  margin: 0;
}

.floor {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
@media (max-width: 992px) {
  .floor .box-top {
    grid-template-columns: 1fr;
  }
}
.floor .box-left {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.5;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  max-width: 486px;
}
@media (max-width: 992px) {
  .floor .box-left {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .floor .box-left {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .floor .box-left {
    max-width: 100%;
  }
}
.floor .box-right {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #72807B;
  color: var(--Neutral-2, #72807B);
}
@media (max-width: 992px) {
  .floor .box-right {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .floor .box-right {
    font-size: 15px;
  }
}
.floor .box-right > p {
  margin: 0 0 30px;
}
.floor .box-right > p:last-child {
  margin: 0;
}
.floor .box-middle {
  margin-top: 80px;
}
@media (max-width: 992px) {
  .floor .box-middle {
    margin-top: 60px;
  }
}
@media (max-width: 600px) {
  .floor .box-middle {
    margin-top: 40px;
  }
}
.floor .box-tabs {
  margin-top: -30px;
}
@media (max-width: 992px) {
  .floor .box-tabs {
    margin-top: -20px;
  }
}
@media (max-width: 600px) {
  .floor .box-tabs {
    margin-top: -10px;
  }
}
@media (max-width: 450px) {
  .floor .box-tabs {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.floor .box-tabs li {
  margin: 0 8px;
  cursor: pointer;
  pointer-events: auto;
}
.floor .box-tabs li:hover, .floor .box-tabs li.active {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  background: #C09C59;
  background: var(--Secondary-3, #C09C59);
  border-color: #C09C59;
  border-color: var(--Secondary-3, #C09C59);
}
.floor .box-contents .child .item {
  padding: 48px;
  position: relative;
  grid-template-columns: 1fr 614px;
  margin-top: 120px;
}
@media (max-width: 1200px) {
  .floor .box-contents .child .item {
    grid-template-columns: 1fr 558px;
  }
}
@media (max-width: 992px) {
  .floor .box-contents .child .item {
    grid-template-columns: 1fr;
    margin-top: 80px;
    padding: 26px;
  }
}
@media (max-width: 600px) {
  .floor .box-contents .child .item {
    margin-top: 60px;
  }
}
@media (max-width: 450px) {
  .floor .box-contents .child .item {
    padding: 14px;
  }
}
.floor .box-contents .child .item--label {
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
.floor .box-contents .child .item--number {
  margin-top: 4px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .floor .box-contents .child .item--number {
    font-size: 21px;
  }
}
@media (max-width: 600px) {
  .floor .box-contents .child .item--number {
    font-size: 18px;
  }
}
.floor .box-contents .child .item--table {
  margin-top: 32px;
}
.floor .box-contents .child .item--table table {
  width: 100%;
  border-spacing: 0;
}
.floor .box-contents .child .item--table table td {
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #72807B;
  color: var(--Neutral-2, #72807B);
}
.floor .box-contents .child .item--table table td + td {
  color: #fff;
  text-align: right;
}
.floor .box-contents .child .item--table table td + td sup {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.floor .box-contents .child .item--simage {
  margin-top: 48px;
  text-align: center;
}
@media (max-width: 992px) {
  .floor .box-contents .child .item--left {
    order: 2;
  }
}
.floor .box-contents .child .item--right {
  padding: 32px 48px;
}
@media (max-width: 992px) {
  .floor .box-contents .child .item--right {
    order: 1;
    justify-content: center;
    padding: 5% 7%;
  }
}
@media (max-width: 450px) {
  .floor .box-contents .child .item--right {
    padding: 0;
  }
}
.floor .box-contents .child .item--right::before {
  content: "";
  background: url(../images/mb-bg.svg) center/cover;
  width: 536px;
  height: 731px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 65px;
  margin: auto;
}
@media (max-width: 1200px) {
  .floor .box-contents .child .item--right::before {
    transform: scale(0.85);
  }
}
@media (max-width: 992px) {
  .floor .box-contents .child .item--right::before {
    bottom: auto;
    top: -30px;
    transform: scale(0.65);
  }
}
@media (max-width: 767px) {
  .floor .box-contents .child .item--right::before {
    display: none;
  }
}
.floor .box-contents .child .item--right img {
  position: relative;
  z-index: 2;
}

.utilities1 {
  position: relative;
  background: #EEE;
  background: var(--Neutral-4, #EEE);
}
.utilities1 .twok_p120 > img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  width: auto;
  max-width: 40%;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 767px) {
  .utilities1 .twok_p120 > img {
    display: none;
  }
}
.utilities1 > svg {
  width: 100%;
  height: auto;
  background: #EEE;
  background: var(--Neutral-4, #EEE);
  display: block;
}
.utilities1 .container {
  position: relative;
  z-index: 1;
}
.utilities1 .box {
  grid-gap: 80px;
}
@media (max-width: 1200px) {
  .utilities1 .box {
    grid-gap: 60px;
  }
}
@media (max-width: 992px) {
  .utilities1 .box {
    grid-gap: 40px;
  }
}
.utilities1 .box-top {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .utilities1 .box-top {
    grid-gap: 18px;
    grid-template-columns: 1fr;
  }
}
.utilities1 .box-bottom {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .utilities1 .box-bottom {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}
.utilities1 .box-middle {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .utilities1 .box-middle {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}
.utilities1 .box-middle img {
  display: block;
  width: 100%;
  border-radius: 100px 0 100px 100px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .utilities1 .box-middle img {
    border-radius: 80px 0 80px 80px;
  }
}
@media (max-width: 600px) {
  .utilities1 .box-middle img {
    border-radius: 60px 0 60px 60px;
  }
}
@media (max-width: 450px) {
  .utilities1 .box-middle img {
    border-radius: 40px 0 40px 40px;
  }
}
.utilities1 .box-left ul {
  display: flex;
}
.utilities1 .box-left ul li {
  width: 100%;
  max-width: 231px;
}
@media (max-width: 450px) {
  .utilities1 .box-left ul li {
    max-width: 100%;
  }
}
.utilities1 .box-left ul li + li {
  margin-left: 24px;
}
@media (max-width: 992px) {
  .utilities1 .box-left ul li + li {
    margin-left: 18px;
  }
}
.utilities1 .box-left ul li label {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.43;
  color: #053927;
  color: var(--Primary-1, #053927);
}
@media (max-width: 992px) {
  .utilities1 .box-left ul li label {
    font-size: 24.5px;
  }
}
@media (max-width: 600px) {
  .utilities1 .box-left ul li label {
    font-size: 21px;
  }
}
.utilities1 .box-left ul li strong {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-size: 64px;
  line-height: 1.2;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .utilities1 .box-left ul li strong {
    font-size: 56px;
  }
}
@media (max-width: 600px) {
  .utilities1 .box-left ul li strong {
    font-size: 48px;
  }
}
.utilities1 .box-left ul li strong span {
  font-size: 32px;
  line-height: 1.5;
  margin-left: 8px;
}
@media (max-width: 992px) {
  .utilities1 .box-left ul li strong span {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .utilities1 .box-left ul li strong span {
    font-size: 24px;
  }
}
.utilities1 .box-right p {
  margin: 0;
}
.utilities1 .box-right p:not(:last-child) {
  margin-bottom: 30px;
}

.utilities2 {
  padding: 228px 0;
  background: #031C14;
  background: var(--Neutral-1, #031C14);
  margin-top: -1px;
  position: relative;
}
@media (max-width: 1200px) {
  .utilities2 {
    padding: 128px 0;
  }
}
@media (max-width: 757px) {
  .utilities2 {
    padding: 100px 0;
  }
}
@media (max-width: 450px) {
  .utilities2 {
    padding: 80px 0;
  }
}
.utilities2 .top {
  position: relative;
}
.utilities2 .top .top-content {
  height: 800px;
  position: relative;
}
@media (max-width: 1200px) {
  .utilities2 .top .top-content {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .utilities2 .top .top-content {
    height: 450px;
  }
}
@media (max-width: 450px) {
  .utilities2 .top .top-content {
    height: 350px;
  }
}
.utilities2 .top .top-content .top-bg {
  opacity: 0.1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.utilities2 .top .top-content img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.utilities2 .top .top-bg {
  opacity: 0.1;
}
.utilities2 .top .top-bg img {
  opacity: 0;
}
.utilities2 .bottom .box .child {
  padding: 64px 0;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 992px) {
  .utilities2 .bottom .box .child {
    padding: 56px 0;
  }
}
@media (max-width: 450px) {
  .utilities2 .bottom .box .child {
    grid-template-columns: 1fr 5fr;
    padding: 48px 0;
  }
}
.utilities2 .bottom .box .child:last-child {
  padding-bottom: 0 !important;
}
.utilities2 .bottom .box .child--number {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  line-height: 1.2;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
@media (max-width: 992px) {
  .utilities2 .bottom .box .child--number {
    font-size: 70px;
  }
}
@media (max-width: 600px) {
  .utilities2 .bottom .box .child--number {
    font-size: 60px;
  }
}
.utilities2 .bottom .box .child--title {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.5;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
}
@media (max-width: 992px) {
  .utilities2 .bottom .box .child--title {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .utilities2 .bottom .box .child--title {
    font-size: 24px;
  }
}
.utilities2 .bottom .box .child--text {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.56);
  max-width: 588px;
}
@media (max-width: 992px) {
  .utilities2 .bottom .box .child--text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .utilities2 .bottom .box .child--text {
    font-size: 12px;
  }
}
.utilities2 .bottom .box .child--thumb {
  width: 100%;
}

.room {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
.room .top-slide {
  margin-top: 64px;
  position: relative;
}
.room .top-slide .swiper-slide {
  width: 996px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
.room .top-slide .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}
.room .top-slide .swiper-slide img {
  width: 100%;
}
@media (max-width: 1200px) {
  .room .top-slide .swiper-slide {
    width: 100%;
  }
}
.room .top-slide .swiper-parea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 80px;
  width: 1204px;
  z-index: 99;
}
@media (max-width: 1200px) {
  .room .top-slide .swiper-parea {
    width: 100%;
    height: 50px;
  }
}
.room .top-slide .swiper-parea .swiper-next,
.room .top-slide .swiper-parea .swiper-prev {
  position: absolute;
  left: 0;
  width: 80px;
  height: 80px;
  z-index: 100;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  opacity: 0.7;
}
@media (max-width: 767px) {
  .room .top-slide .swiper-parea .swiper-next,
  .room .top-slide .swiper-parea .swiper-prev {
    width: 50px;
  }
}
.room .top-slide .swiper-parea .swiper-next:hover,
.room .top-slide .swiper-parea .swiper-prev:hover {
  opacity: 1;
}
.room .top-slide .swiper-parea .swiper-next svg,
.room .top-slide .swiper-parea .swiper-prev svg {
  width: 100%;
  height: auto;
}
.room .top-slide .swiper-parea .swiper-next {
  right: 0;
  left: auto;
}
.room .top-paragraph {
  padding-bottom: 0;
  width: 100%;
  max-width: 791px;
  margin: auto;
  color: #72807B;
  color: var(--Neutral-2, #72807B);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: 20px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 992px) {
  .room .top-paragraph {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .room .top-paragraph {
    font-size: 15px;
  }
}
.room .top-paragraph p {
  margin: 0 0 31px;
}
@media (max-width: 450px) {
  .room .top-paragraph {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.room .bottom {
  margin-top: 64px;
}
@media (max-width: 992px) {
  .room .bottom {
    margin-top: 48px;
  }
}
.room .bottom-tabs {
  margin-top: -124px;
}
@media (max-width: 992px) {
  .room .bottom-tabs {
    margin-top: -32px;
  }
}
@media (max-width: 450px) {
  .room .bottom-tabs {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.room .bottom-tabs li {
  margin: 0 8px;
  cursor: pointer;
  pointer-events: auto;
}
.room .bottom-tabs li:hover, .room .bottom-tabs li.active {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  background: #C09C59;
  background: var(--Secondary-3, #C09C59);
  border-color: #C09C59;
  border-color: var(--Secondary-3, #C09C59);
}
.room .bottom-contents {
  margin-top: 80px;
}
@media (max-width: 992px) {
  .room .bottom-contents {
    margin-top: 60px;
  }
}
.room .bottom-contents .child ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(10px, 1fr));
  grid-gap: 6px 12px;
}
@media (max-width: 992px) {
  .room .bottom-contents .child ul {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
    grid-row-gap: 0;
  }
}
@media (max-width: 450px) {
  .room .bottom-contents .child {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) and (min-width: 600px) {
  .room .bottom-contents .child ul:nth-child(1) {
    order: 1;
  }
  .room .bottom-contents .child ul:nth-child(2) {
    order: 3;
  }
  .room .bottom-contents .child ul:nth-child(3) {
    order: 2;
  }
  .room .bottom-contents .child ul:nth-child(4) {
    order: 4;
  }
}
.room .bottom-contents .child ul li {
  padding-left: 42px;
  position: relative;
  min-height: 28px;
  font-size: 16px;
  line-height: 1.5;
  color: #FFFFFF;
  margin-bottom: 28px;
  display: flex;
}
@media (max-width: 992px) {
  .room .bottom-contents .child ul li {
    font-size: 14px;
    margin-bottom: 18px;
  }
}
@media (max-width: 600px) {
  .room .bottom-contents .child ul li {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .room .bottom-contents .child ul li {
    margin-bottom: 16px;
  }
}
.room .bottom-contents .child ul li::before {
  content: attr(number);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 28px;
  height: 28px;
  background: #51432A;
  background: var(--Secondary-1, #51432A);
  border: 2px solid;
  border-color: #C09C59;
  border-color: var(--Secondary-3, #C09C59);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -3px;
}
@media (max-width: 992px) {
  .room .bottom-contents .child ul li::before {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  .room .bottom-contents .child ul li::before {
    font-size: 10.5px;
  }
}

.overview {
  margin-bottom: -3px;
  overflow: hidden;
}
.overview > svg {
  display: block;
  width: 100%;
  height: auto;
}
.overview .overview1 {
  position: relative;
}
@media (max-width: 992px) {
  .overview .overview1 {
    padding-bottom: 0;
  }
}
.overview .overview1 > img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  width: auto;
  max-width: 40%;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 767px) {
  .overview .overview1 > img {
    display: none;
  }
}
.overview .overview1 .container {
  position: relative;
  z-index: 9;
}
.overview .overview1 .box {
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-gap: 24px;
}
@media (max-width: 1200px) {
  .overview .overview1 .box {
    grid-template-columns: 1fr;
  }
}
.overview .overview1 .box-left {
  grid-template-columns: 5fr 1fr;
}
@media (max-width: 1200px) {
  .overview .overview1 .box-left {
    grid-template-columns: 1fr;
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .overview .overview1 .box-left {
    padding-bottom: 100px;
  }
}
.overview .overview1 .box-img {
  height: 850px;
  position: relative;
}
@media (max-width: 1200px) {
  .overview .overview1 .box-img {
    height: 600px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .overview .overview1 .box-img {
    height: 360px;
  }
}
.overview .overview1 .box-img .img--main {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 0 999px 999px;
  position: relative;
  z-index: 9;
  max-width: 480px;
}
@media (max-width: 1200px) {
  .overview .overview1 .box-img .img--main {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .overview .overview1 .box-img .img--main {
    max-width: 220px;
  }
}
.overview .overview1 .box-img .img--bg {
  width: 1200px;
  max-width: none;
  position: absolute;
  top: 600px;
  left: 243px;
  transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  .overview .overview1 .box-img .img--bg {
    width: 1000px;
    left: 50%;
    top: 70%;
    margin: auto;
    max-width: 120%;
  }
}
@media (max-width: 767px) {
  .overview .overview1 .box-img .img--bg {
    width: 520px;
    max-width: none;
  }
}
.overview .overview1 .box-right {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  z-index: 9;
}
.overview .overview1 .box-logo {
  text-align: center;
}
.overview .overview1 .box-logo img {
  max-height: 61px;
}
@media (max-width: 767px) {
  .overview .overview1 .box-logo img {
    max-height: 44px;
    max-width: 80%;
  }
}
.overview .overview1 .box-garea {
  grid-template-columns: 1fr 5fr;
}
@media (max-width: 1200px) {
  .overview .overview1 .box-garea {
    grid-template-columns: 1fr;
  }
}
.overview .overview1 .box-text * {
  margin: 0;
}
.overview .overview2 .box {
  position: relative;
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .overview .overview2 .box {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
}
.overview .overview2 .box > svg {
  position: absolute;
  left: -55px;
  top: 191px;
  z-index: 10;
}
@media (max-width: 1200px) {
  .overview .overview2 .box > svg {
    display: none;
  }
}
.overview .overview2 .box-left {
  grid-template-columns: 5fr 1fr;
  position: relative;
  z-index: 11;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1200px) {
  .overview .overview2 .box-left {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .overview .overview2 .box-left {
    order: 2;
  }
}
.overview .overview2 .box-text * {
  margin: 0;
}
@media (max-width: 450px) {
  .overview .overview2 .box-actions {
    display: grid;
    grid-gap: 12px;
  }
}
.overview .overview2 .box-actions a {
  margin-right: 24px;
}
@media (max-width: 450px) {
  .overview .overview2 .box-actions a {
    margin: 0;
    text-align: center;
  }
}
.overview .overview2 .box-right {
  position: relative;
  z-index: 9;
}
.overview .overview2 .box-right img {
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .overview .overview2 .box-right img {
    max-width: 490px;
    margin: auto;
  }
}

.outstanding {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
.outstanding .box-items {
  grid-gap: 64px;
  margin-top: 64px;
}
@media (max-width: 600px) {
  .outstanding .box-items {
    grid-template-columns: 1fr;
    grid-gap: 48px;
    margin-top: 48px;
  }
}
.outstanding .box-items .item {
  height: -moz-fit-content;
  height: fit-content;
}
.outstanding .box-items .item--icon img {
  height: 80px;
}
@media (max-width: 600px) {
  .outstanding .box-items .item--icon img {
    height: 50px;
  }
}
.outstanding .box-items .item--title {
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  font-size: 20px;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  min-height: 60px;
  align-items: center;
  display: flex;
}
@media (max-width: 992px) {
  .outstanding .box-items .item--title {
    font-size: 17.5px;
  }
}
@media (max-width: 600px) {
  .outstanding .box-items .item--title {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  .outstanding .box-items .item--title {
    min-height: 0;
  }
}
.outstanding .box-items .item--text {
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  font-size: 16px;
  color: #C7CCCA;
  color: #C7CCCA;
}
@media (max-width: 992px) {
  .outstanding .box-items .item--text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .outstanding .box-items .item--text {
    font-size: 12px;
  }
}

.review {
  background: #053927;
  background: var(--Primary-1, #053927);
}
.review > img {
  width: 100%;
}
.review .box .box-top {
  font-family: "Philosopher";
  font-size: 32px;
  line-height: 1.5;
  color: #C09C59;
  color: var(--Secondary-3, #C09C59);
  grid-template-columns: 1fr 177px;
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .review .box .box-top {
    grid-template-columns: 1fr 120px;
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .review .box .box-top {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  .review .box .box-top {
    grid-template-columns: 1fr;
    position: relative;
  }
}
.review .box .box-top p {
  margin: 0;
}
.review .box .box-top svg {
  margin-top: -48px;
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .review .box .box-top svg {
    margin-top: -24px;
  }
}
@media (max-width: 450px) {
  .review .box .box-top svg {
    width: 60px;
    position: absolute;
    right: 0;
    top: -6px;
  }
}
.review .box .box-bottom {
  grid-gap: 64px;
  margin-top: 64px;
  grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
}
@media (max-width: 992px) {
  .review .box .box-bottom {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
    grid-gap: 48px;
    margin-top: 48px;
  }
}
@media (max-width: 450px) {
  .review .box .box-bottom {
    grid-template-columns: 1fr;
    grid-gap: 32px;
    margin-top: 32px;
  }
}
@media (max-width: 992px) {
  .review .box .box-bottom .child:nth-child(3) {
    grid-column: 1/3;
  }
}
@media (max-width: 992px) and (max-width: 450px) {
  .review .box .box-bottom .child:nth-child(3) {
    grid-column: 1/1;
  }
}
@media (max-width: 450px) {
  .review .box .box-bottom .child--logo img {
    height: 32px;
  }
}
.review .box .box-bottom .child--text {
  margin-top: 32px;
}
@media (max-width: 992px) {
  .review .box .box-bottom .child--text {
    margin-top: 24px;
  }
}
@media (max-width: 450px) {
  .review .box .box-bottom .child--text {
    margin-top: 16px;
  }
}

.gallery {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
  padding: 0 64px;
  grid-template-columns: repeat(4, minmax(10px, 1fr));
  grid-gap: 16px;
}
@media (max-width: 1200px) {
  .gallery {
    padding: 0 24px;
    grid-gap: 12px;
  }
}
@media (max-width: 767px) {
  .gallery {
    grid-gap: 8px;
    padding: 0 12px;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}
.gallery .child {
  height: 392px;
  position: relative;
}
@media (max-width: 1400px) {
  .gallery .child {
    height: 292px;
  }
}
@media (max-width: 1200px) {
  .gallery .child {
    height: 194px;
  }
}
@media (max-width: 767px) {
  .gallery .child {
    height: 126px;
  }
}
.gallery .child:first-child {
  grid-row: 1/3;
  height: 800px;
}
@media (max-width: 1400px) {
  .gallery .child:first-child {
    height: 600px;
  }
}
@media (max-width: 1200px) {
  .gallery .child:first-child {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .gallery .child:first-child {
    height: 260px;
  }
}
.gallery .child:nth-child(6) {
  grid-column: 3/5;
}
@media (max-width: 767px) {
  .gallery .child:nth-child(6) {
    grid-column: 1/3;
  }
}
.gallery .child img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.location {
  background: #031C14;
  background: var(--Neutral-1, #031C14);
}
.location .box-content {
  grid-template-columns: 6fr 1fr 5fr;
}
@media (max-width: 992px) {
  .location .box-content {
    grid-template-columns: 1fr;
  }
}
.location .box-text {
  opacity: 0.56;
}
.location .box-left {
  height: -moz-fit-content;
  height: fit-content;
}
.location .box-left * {
  margin: 0;
}
.location .box-right .child {
  padding: 32px 0;
  display: grid;
  grid-template-columns: 128px 1fr;
  grid-gap: 32px;
  align-items: center;
}
@media (max-width: 992px) {
  .location .box-right .child {
    grid-gap: 24px;
  }
}
@media (max-width: 450px) {
  .location .box-right .child {
    grid-gap: 16px;
    grid-template-columns: 99px 1fr;
  }
}
@media (min-width: 451px) {
  .location .box-right .child:first-child {
    padding-top: 0;
  }
}
.location .box-right .child:last-child {
  padding-bottom: 0;
}
.location .box-right .child + .child {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.location .box-right .child--time {
  color: #fff;
  font-family: "Philosopher";
  font-size: 32px;
  line-height: 1.5;
  display: flex;
}
@media (max-width: 992px) {
  .location .box-right .child--time {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .location .box-right .child--time {
    font-size: 24px;
  }
}
.location .box-right .child--time strong {
  font-family: "Philosopher";
  font-size: 44px;
  line-height: 1.18;
  margin-right: 8px;
}
@media (max-width: 992px) {
  .location .box-right .child--time strong {
    font-size: 38.5px;
  }
}
@media (max-width: 600px) {
  .location .box-right .child--time strong {
    font-size: 33px;
  }
}
.location .box-right .child--text {
  opacity: 0.56;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 992px) {
  .location .box-right .child--text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .location .box-right .child--text {
    font-size: 12px;
  }
}

#footer {
  background: linear-gradient(0deg, rgba(240, 218, 176, 0.5) 0%, rgba(240, 218, 176, 0.5) 100%), #FFF;
}
#footer .footer-top .box {
  grid-template-columns: auto 588px;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #footer .footer-top .box {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
}
@media (max-width: 992px) {
  #footer .footer-top .box-left {
    display: flex;
    justify-content: center;
  }
}
#footer .footer-top .box-left .left--logo {
  display: block;
  text-align: center;
}
#footer .footer-top .box-left .left--logo img {
  height: 105px;
}
@media (max-width: 600px) {
  #footer .footer-top .box-left .left--logo img {
    height: 80px;
  }
}
#footer .footer-top .box-left .left--button {
  margin-top: 32px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 992px) {
  #footer .footer-top .box-left .left--button {
    margin-top: 24px;
  }
}
@media (max-width: 600px) {
  #footer .footer-top .box-left .left--button {
    margin-top: 16px;
  }
}
#footer .footer-top .box-right .box-info {
  display: grid;
  grid-template-columns: 282px 180px;
  justify-content: space-between;
  grid-gap: 60px;
}
@media (max-width: 992px) {
  #footer .footer-top .box-right .box-info {
    grid-template-columns: 1.5fr 1fr;
    grid-gap: 40px;
  }
}
@media (max-width: 600px) {
  #footer .footer-top .box-right .box-info {
    grid-template-columns: 1fr;
  }
}
#footer .footer-top .box-right .box-info .child h3 {
  margin: 0;
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  #footer .footer-top .box-right .box-info .child h3 {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  #footer .footer-top .box-right .box-info .child h3 {
    font-size: 12px;
  }
}
#footer .footer-top .box-right .box-info .child ul.has--icon li {
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 12px;
}
#footer .footer-top .box-right .box-info .child ul.has--icon li svg {
  margin: auto;
}
#footer .footer-top .box-right .box-info .child ul li {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 992px) {
  #footer .footer-top .box-right .box-info .child ul li {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  #footer .footer-top .box-right .box-info .child ul li {
    font-size: 10.5px;
  }
}
#footer .footer-top .box-right .box-info .child ul li a {
  color: #031C14;
  color: var(--Neutral-1, #031C14);
}
#footer .footer-top .box-right .box-info .child .menu {
  display: grid;
  grid-gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .box-right .box-info .child .menu li a {
  position: relative;
  padding-left: 12px;
  text-decoration: none;
}
#footer .footer-top .box-right .box-info .child .menu li a:before {
  content: "⬩";
  position: absolute;
  left: 0;
  font-size: 14px;
}
#footer .footer-top .box-right .box-info .child .menu li a:hover {
  text-decoration: underline;
}
#footer .footer-top .box-right .box-social {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  #footer .footer-top .box-right .box-social {
    justify-content: flex-start;
    margin-top: 50px;
  }
}
@media (max-width: 600px) {
  #footer .footer-top .box-right .box-social {
    margin-top: 40px;
  }
}
#footer .footer-top .box-right .box-social ul {
  display: flex;
}
#footer .footer-top .box-right .box-social ul li {
  margin: 0 12px;
}
@media (max-width: 992px) {
  #footer .footer-top .box-right .box-social ul li {
    margin: 0 16px 0 0;
  }
}
#footer .footer-top .box-right .box-social ul li a:hover svg path {
  fill: #C09C59;
  fill: var(--Secondary-3, #C09C59);
}
#footer .footer-top .box-right .box-social ul li a svg path {
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
}
#footer .footer-bottom {
  border-top: 1px solid;
  border-color: #C09C59;
  border-color: var(--Secondary-3, #C09C59);
  padding: 16px 0;
}
@media (max-width: 600px) {
  #footer .footer-bottom .box {
    display: grid;
    justify-content: center;
    grid-gap: 12px;
  }
}
#footer .footer-bottom .box .box-left,
#footer .footer-bottom .box .box-right {
  font-size: 14px;
  color: #031C14;
  color: var(--Neutral-1, #031C14);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 992px) {
  #footer .footer-bottom .box .box-left,
  #footer .footer-bottom .box .box-right {
    font-size: 12.25px;
  }
}
@media (max-width: 600px) {
  #footer .footer-bottom .box .box-left,
  #footer .footer-bottom .box .box-right {
    font-size: 10.5px;
  }
}
#footer .footer-bottom .box .box-left img,
#footer .footer-bottom .box .box-right img {
  display: block;
  margin-left: 10px;
  height: 24px;
}
@media (max-width: 600px) {
  #footer .footer-bottom .box .box-left img,
  #footer .footer-bottom .box .box-right img {
    height: 16px;
  }
}/*# sourceMappingURL=style.css.map */