/** @format */
:root {
  --primary-color: #ffcf67;
  --secondary-color: #19191b;
  --text-color-light: #fff;
  --text-color-dark: #2a2a33;
}

html {
  scroll-behavior: smooth;
}
body {
  position: relative;
}

body.hamburger-active {
  overflow: hidden;
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  transition: opacity 0.7s ease-in-out;
  pointer-events: none;
  opacity: 0;
}

body.hamburger-active::after {
  pointer-events: all;
  opacity: 1;
}

main {
  overflow: hidden;
}

/* ====================== */
/* header */

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.global-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 29px 25px;
  transition: background-color 0.7s ease-in-out;
  z-index: 9999;
  max-width: 1786px;
  margin: auto;
}
.header {
  transition: background-color 0.7s ease-in-out;
}
.header.fixed,
.global-menu.hamburger-active {
  background-color: var(--secondary-color);
}

.logo {
  line-height: 0;
}

.nav__list {
  display: flex;
  flex-direction: row;
  gap: 19px;
  margin-top: 16px;
}

.nav__list li a {
  font-weight: 300;
  font-size: 18.67px;
  line-height: 1;
  letter-spacing: 0.35px;
}

.nav__list li a:hover {
  color: var(--primary-color);
}

@media (max-width: 1001px) {
  .global-menu {
    padding: 29px 94px 29px 25px;
  }

  .global-menu.hamburger-active {
    background-color: var(--secondary-color);
  }

  .nav__list {
    position: absolute;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: height 0.7s ease-in-out, padding 0.7s ease-in-out;
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: max-content;
    z-index: 2;
    gap: 34px;
    background-color: var(--secondary-color);
  }

  .nav__list.active {
    height: 100vh;
    padding-top: 44px;
    padding-bottom: 73px;
  }

  .nav__list li {
    text-align: center;
  }

  .nav__list li a {
    font-size: 25px;
    text-align: center;
  }
}

#banner {
  background-image: url("../images/hero-img.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hero {
  max-width: 1697px;
  padding: 0 25px;
  margin: 0 auto;
}
.hero__content {
  max-width: 578px;
  margin: 391px 0 367px;
}

.hero__title {
  max-width: 408px;
}

.hero__desc {
  margin-top: 40px;
  letter-spacing: 0.25px;
  line-height: 1.23;
}

.hero-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  margin-top: 38px;
}

.hero__overlay {
  height: 100%;
  bottom: 0;
  right: -370px;
}

.hero__overlay svg {
  /*   width: 100%;
	height: 100%; */
}

@media (max-width: 768px) {
  .hero__title {
    line-height: 1.3;
  }

  #banner {
    background-image: url("../images/hero-mobile-img.jpg");
  }

  .hero__content {
    margin: 374px 0px 55px;
  }

  .hero__overlay {
    display: none;
  }
}

/* ====================== */
/* About Us */

.about-us {
  position: relative;
  overflow-y: clip;
  padding: 119px 7.7% 64px;
  max-width: 1754px;
  margin: 0 auto;
}

.about-us__content {
  max-width: 761px;
  width: 100%;
  margin-right: -4.38vw;
  margin-left: auto;
}

.about-us .sec-title {
  letter-spacing: 0;
  margin-bottom: 30px;
}

.about-us .sec-txt {
  line-height: 1.19;
  margin-bottom: 30px;
  letter-spacing: 0.3px;
}

.about-us p.sec-txt:nth-child(3) {
  margin-bottom: 25px;
}

.about-us__overlay {
  position: absolute;
  top: -442px;
  left: -620px;
  z-index: -1;
  opacity: 0.5;
}

@media (max-width: 768px) {
  .about-us {
    padding: 152px 5.31vw 73px;
  }

  .about-us__content {
    margin-right: unset;
  }

  .about-us__overlay {
    position: absolute;
    top: -519px;
    left: -612px;
    z-index: -1;
  }

  .about-us__overlay svg {
    width: 100%;
    opacity: 0.4;
  }
}

/* ====================== */
/* Private */

.private {
  position: relative;
  overflow: hidden;
  background-image: url(../images/private-bg.png);
  background-size: 100%;
  background-position: bottom -63px center;
  background-repeat: no-repeat;
  border-top: 1px solid #333;
}

.private__content {
  max-width: 914px;
  margin-left: 22px;
  margin-top: 229px;
  margin-bottom: 192px;
}

.private .sec-title {
  letter-spacing: 0;
  margin-bottom: 12px;
}

.private .sec-txt {
  font-size: 24px;
  line-height: 1.21;
  letter-spacing: 0.6px;
  margin-bottom: 28px;
}

.private .read-more-btn {
  padding-top: 2px;
}

@media (max-width: 768px) {
  .about-us .container {
    padding: 0 25px;
  }

  .private {
    background-image: url(../images/private-bg-mobile.png);
    background-size: unset;
    background-position: bottom 0 right -133px;
    background-repeat: no-repeat;
    padding-bottom: 228px;
  }

  .private__content {
    max-width: 914px;
    margin-left: unset;
    margin-top: 131px;
    margin-bottom: 194px;
  }

  .private .sec-title {
    margin-bottom: 17px;
  }
}

/* ====================== */
/* Our Team */

.our-team {
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #333;
  padding-bottom: 137px;
}

.our-team__content {
  max-width: 1693px;
  padding: 0 25px;
  margin-left: 6.9vw;
  margin-bottom: 139px;
}

.our-team .sec-title {
  max-width: 358px;
  line-height: 1.4;
  letter-spacing: 1.8px;
}

.our-team__sliders {
  margin-top: 118px;
  /*   max-width: calc(329.33px + 39px); */
}

.swiper-slide.our-team__slider {
  width: 329.33px !important;
  overflow: hidden;
  cursor: pointer;
}

.our-team__slider:hover img {
  scale: 1.2;
}

.our-team__sliders-wrap {
  margin-left: calc(calc(100vw - 1606px) / 2);
}

section#our-companies {
  padding: 187px 0 225px;
}

@media (max-width: 1659px) {
  .our-team__sliders-wrap {
    margin-left: 25px;
  }
}
@media (max-width: 767.67px) {
  .our-team__sliders-wrap {
    margin-left: 0;
    padding: 0 25px;
  }
  .our-team__sliders .swiper-wrapper,
  .our-companies__sliders .swiper-wrapper,
  .our-process__sliders .swiper-wrapper {
    flex-direction: column !important;
  }
  .swiper-slide.our-team__slider {
    width: auto !important;
  }
  .our-team {
    padding-bottom: 104px;
  }
  section#our-companies {
    padding: 65px 0 40px;
  }
}

.our-team__sliders .slick-list {
  overflow: unset;
}

.our-team__slider {
  margin-right: 39px;
}

.our-team__slider-img {
  aspect-ratio: 329.33 / 370;
  max-width: 329.33px;
  overflow: hidden;
}

.our-team__slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease;
}

.our-team__slider-name {
  font-size: 20px;
  color: #fcb668;
  margin-top: 26px;
}

.our-team__slider-position {
  font-weight: 300;
  font-size: 18px;
  margin-top: 7px;
}

.our-team__slider .read-more-btn {
  font-weight: 300;
  font-size: 16px;
  margin-top: 23px;
  gap: 11px;
}

.our-team__slider .read-more-btn::after {
  content: "";
  background-image: url(../images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 34.30929946899417px;
  height: 10.407048225402841px;
}

.our-team__slider .read-more-btn:hover::after {
  background-image: url(../images/arrow-right-yellow.svg);
}

@media (max-width: 768px) {
  .our-team {
    margin-top: -202px;
  }

  .our-team__content {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 101px;
  }

  .our-team__sliders {
    max-width: unset;
    margin-top: 38px;
    display: flex;
    flex-direction: column;
  }

  .our-team__slider {
    margin-right: 0;
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 38px;
  }

  .our-team__slider-img {
    aspect-ratio: 389 / 370;
    max-width: 389px;
  }

  .our-team__slider-name {
    margin-top: 22px;
  }
}

/* ====================== */
/* Our Companies */

.our-companies {
  position: relative;
  overflow: hidden;
}

.our-companies__content {
  max-width: 100%;
  margin-top: 189px;
  margin-left: 8.39vw;
  margin-bottom: 227px;
}

.our-companies .sec-title {
  margin-left: 4px;
}

.our-companies .sec-desc {
  max-width: 445px;
  width: 100%;
  margin-top: 30px;
  font-size: 16px;
  color: #848484;
  line-height: 1.1;
  margin-left: 4px;
}

.our-companies__sliders {
  margin-top: 66px;
  overflow: visible;
}

.our-companies__sliders .slick-list,
.our-companies__sliders .swiper-wrapper {
  overflow: unset;
}

.slick-initialized .slick-slide.our-companies__slider,
.our-companies__slider {
  display: flex;
  flex-direction: column-reverse;
  aspect-ratio: 471 / 751;
  position: relative;
  overflow: hidden;
  max-width: 316px;
  z-index: 1;
  padding: 29px;
  border-radius: 21.32px;
  margin-right: 29px;
}

.our-companies__slider .our-companies__slider-content.hover {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  padding: 20px;
  transition: all 0.3s ease;
}

.our-companies__slider:hover .our-companies__slider-content {
  opacity: 0;
}

.our-companies__slider:hover .our-companies__slider-content.hover {
  opacity: 1;
}

.our-companies__slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}

.our-companies__slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    url(<path-to-image>) 50% / cover no-repeat;
  z-index: -2;
  pointer-events: none;
}

.our-companies__slider-title {
  font-weight: 500;
  font-size: 39.4px;
  transition: margin-bottom 0.3s ease-in-out;
}

.slick-active .our-companies__slider-title {
  margin-bottom: 12px;
}

.our-companies__slider-desc {
  font-weight: 400;
  font-style: italic;
  font-size: 21.49px;
}

@media (max-width: 768px) {
  .our-companies__content {
    max-width: 100%;
    margin-top: 66px;
    margin-left: 0;
    margin-bottom: 72px;
    padding: 0 25px;
  }

  .our-companies .sec-title {
    margin-left: 0;
  }

  .our-companies .sec-desc {
    margin-left: 0;
  }

  .our-companies__sliders {
    max-width: unset;
    margin-top: 69px;
  }

  .our-companies__slider {
    margin-right: 0;
    width: 100%;
    aspect-ratio: 389 / 593;
    margin: 0 auto;
    margin-bottom: 28px;
  }

  .our-companies__slider:first-child .our-companies__slider-title {
    margin-bottom: 12px;
  }
}

/* ====================== */
/* sec-docs */

.sec-docs {
  display: flex;
}

.white-bg {
  background-color: #fff;
  color: var(--text-color-dark);
}

.black-bg {
  background-color: var(--secondary-color);
  color: var(--text-color-light);
}

.docs-content {
  flex: 1;
}

.docs-img {
  flex: 1;
  /* 	aspect-ratio: 961 / 1332; */
  /*   max-width: 961px; */
  position: relative;
}

.docs-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.docs-inner {
  max-width: 620px;
  margin: 142px 8vw 142px 9.9vw;
}

.sec-docs .sec-title {
  max-width: 362px;
  line-height: 1.35;
  letter-spacing: 2px;
}

.sec-docs .sec-title .pp-pangaia {
  letter-spacing: 0.2px;
}

.docs__desc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 23px;
  letter-spacing: 0.2px;
}

.docs-article {
  margin-top: 174px;
}

.docs-article .caption {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 22px;
}

.docs-article h3 {
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 10px;
}

.sec-docs.black-bg {
  /* 	min-height: 1346px; */
}

.black-bg .docs-article h3 {
  margin-bottom: unset;
}

.docs-article p {
  margin-bottom: 19px;
  line-height: 1.24;
  font-size: 18px;
}

.black-bg .docs-article p {
  margin-top: 5px;
  margin-bottom: 30px;
}

.black-bg .docs-inner {
  margin-top: 112px;
}

.black-bg .sec-title {
  max-width: 370px;
}

.black-bg .docs-article {
  margin-top: 60px;
}

.black-bg .docs-article h3 .black-bg .docs-img {
  flex: 1;
  aspect-ratio: 960 / 1346;
  max-width: 960px;
  position: relative;
}

@media (max-width: 860px) {
  .docs-img {
    display: none;
  }

  .docs-inner {
    margin: 94px 25px 141px;
  }

  .black-bg .docs-inner {
    margin-top: 67px;
    margin-bottom: 90px;
  }

  .docs-article {
    margin-top: 44px;
  }

  .docs-article h3 {
    margin-bottom: 12px;
  }

  .docs-article p {
    line-height: 1.22;
    margin-top: unset;
    margin-bottom: 20px;
  }

  .sec-docs.black-bg {
    min-height: unset;
  }

  .black-bg .docs-article {
    margin-top: 55px;
  }

  .black-bg .docs-article p {
    margin-bottom: 31px;
  }
}

/* ====================== */
/* Our Process */

.our-process {
  position: relative;
  overflow: hidden;
  padding-bottom: 165px;
  border-bottom: solid 1px #e4e4e4;
}
.our-process__inner {
  margin-top: 128px;
  max-width: 1506px;
  padding: 0 25px;
  margin-left: auto;
  margin-right: auto;
}

.our-process__sliders {
  margin-top: 125px;
  /*   margin-left: 5.31vw; */
  margin-left: calc(calc(100vw - 1714px) / 2);
}

@media (max-width: 1800px) {
  .our-process__sliders {
    margin-left: 25px;
  }
}

.our-process__intro {
  /*   margin: 0 6.77vw; */
  max-width: 517px;
}

.our-process__intro .sec-desc {
  font-size: 16px;
  line-height: 1.2;
  margin-top: 5px;
}

@keyframes our-process__sliders-bg {
  0% {
    background-position: left 0% center;
  }
  100% {
    background-position: left 100% center;
  }
}

.our-process__sliders-wrap {
  position: relative;
  background-image: url("../images/our-process/our-process-slide-bg.png");
  background-repeat: repeat-x;
  background-size: 100%;
  animation: our-process__sliders-bg 5s linear infinite;
}

.our-process__sliders {
  margin-top: 130px;
  /*   max-width: calc(526px + 68px); */
}

.our-process__sliders .slick-list {
  overflow: unset;
}

.slick-initialized .slick-slide.our-process__slider,
.our-process__slider {
  display: flex;
  flex-direction: row;
/*   align-items: flex-end; */
  max-width: 526px;
  width: 100%;
  margin-right: 68px;
  cursor: pointer;
	height: auto;
}

.our-process__slider:hover img {
  scale: 1.2;
}

.our-process__slider-img {
  aspect-ratio: 177 / 227;
  max-width: 177px;
  width: 100%;
  border-radius: 13px;
  overflow: hidden;
}

.our-process__slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 13px;
  transition: scale 0.3s ease;
}

.our-process__slider-content {
  margin-left: 43px;
}

.our-process__slider-content .read-more {
  display: block;
  font-weight: 300;
  font-size: 14px;
  color: var(--text-color-dark);
}

.our-process__slider-desc {
  margin-bottom: 7px;
}

.our-process__slider-desc {
  font-size: 14px;
}

.our-process__slider-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.7px;
  margin-bottom: 10px;
}

.our-process__slider-count {
  font-weight: 200;
  font-size: 40px;
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  .our-process {
    padding-bottom: 0;
    border-bottom: none;
  }

  .our-process__sliders {
    margin: 0 25px;
  }

  .our-process__inner {
    margin-top: 79px;
  }

  .our-process__intro {
    margin: 0;
    max-width: 100%;
  }

  .our-process__sliders-wrap {
    background-image: unset;
  }

  .our-process__sliders {
    max-width: unset;
    margin-top: 40px;
  }

  .our-process__slider {
    margin-right: 0;
    max-width: unset;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 39px;
  }

  .our-process__slider-img {
    aspect-ratio: 389 / 227;
    max-width: unset;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .our-process__slider-img img {
    position: absolute;
  }

  .our-process__slider-count {
    display: none;
  }

  .our-process__slider-content {
    margin-left: 0;
    margin-top: 20px;
  }
}

/* ====================== */
/* Testimonial */

.testimonial__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  padding-bottom: 132px;
  max-width: 1493px;
  margin: 0 auto;
  padding: 165px 20px 179px;
  gap: 20px;
}

.testimonial__intro {
  max-width: 685px;
  transform: translateY(9px);
}

.testimonial__intro .sec-title {
  line-height: 1.2;
}

.testimonial__intro .read-more-btn {
  color: #5e7470;
  margin-top: 35px;
  gap: 15px;
  transform: translateY(4px);
}

.testimonial__intro .read-more-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='12' viewBox='0 0 35 12' fill='none'%3E%3Cpath d='M34.8369 6.33528L30.107 11.0652C30.0182 11.154 29.8977 11.2039 29.7721 11.2039C29.6465 11.2039 29.5261 11.154 29.4372 11.0652C29.3484 10.9764 29.2985 10.8559 29.2985 10.7303C29.2985 10.6047 29.3484 10.4843 29.4372 10.3955L33.3602 6.47339L1.13958 6.47339C1.01414 6.47339 0.893825 6.42356 0.805122 6.33486C0.716419 6.24615 0.666591 6.12585 0.666591 6.0004C0.666591 5.87495 0.716419 5.75465 0.805122 5.66594C0.893825 5.57724 1.01414 5.52741 1.13958 5.52741L33.3602 5.52741L29.4372 1.60535C29.3484 1.51653 29.2985 1.39607 29.2985 1.27047C29.2985 1.14486 29.3484 1.0244 29.4372 0.935586C29.5261 0.846771 29.6465 0.796875 29.7721 0.796875C29.8977 0.796875 30.0182 0.846771 30.107 0.935586L34.8369 5.66552C34.881 5.70946 34.9159 5.76165 34.9398 5.81912C34.9636 5.87658 34.9759 5.93818 34.9759 6.0004C34.9759 6.06261 34.9636 6.12422 34.9398 6.18168C34.9159 6.23915 34.881 6.29134 34.8369 6.33528Z' fill='%235E7470'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 34.30929946899414px;
  height: 16.082969665527344px;
}

.testimonial__intro .read-more-btn:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='12' viewBox='0 0 35 12' fill='none'%3E%3Cpath d='M34.8369 6.33528L30.107 11.0652C30.0182 11.154 29.8977 11.2039 29.7721 11.2039C29.6465 11.2039 29.5261 11.154 29.4372 11.0652C29.3484 10.9764 29.2985 10.8559 29.2985 10.7303C29.2985 10.6047 29.3484 10.4843 29.4372 10.3955L33.3602 6.47339L1.13958 6.47339C1.01414 6.47339 0.893825 6.42356 0.805122 6.33486C0.716419 6.24615 0.666591 6.12585 0.666591 6.0004C0.666591 5.87495 0.716419 5.75465 0.805122 5.66594C0.893825 5.57724 1.01414 5.52741 1.13958 5.52741L33.3602 5.52741L29.4372 1.60535C29.3484 1.51653 29.2985 1.39607 29.2985 1.27047C29.2985 1.14486 29.3484 1.0244 29.4372 0.935586C29.5261 0.846771 29.6465 0.796875 29.7721 0.796875C29.8977 0.796875 30.0182 0.846771 30.107 0.935586L34.8369 5.66552C34.881 5.70946 34.9159 5.76165 34.9398 5.81912C34.9636 5.87658 34.9759 5.93818 34.9759 6.0004C34.9759 6.06261 34.9636 6.12422 34.9398 6.18168C34.9159 6.23915 34.881 6.29134 34.8369 6.33528Z' fill='%23FFCF67'/%3E%3C/svg%3E");
}

.testimonial__intro,
.testimonial__content {
  flex: 1;
}

.testimonial__content {
  max-width: 572px;
  width: 100%;
}

.testimonial__content .sec-title {
  line-height: 1.2;
}

.testimonial__comment {
  font-weight: 300;
  font-size: 20px;
  border-bottom: solid 1px #c3c3c3;
  padding-bottom: 29px;
  margin-top: 25px;
}

.testimonial__author {
  margin-top: 30px;
}

.testimonial__author-img {
  aspect-ratio: 65 / 65;
  max-width: 65px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  float: left;
  margin-right: 9px;
}

.testimonial__author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial__name,
.testimonial__position {
  font-size: 12px;
  margin-top: 5px;
}

@media (max-width: 768px) {
  .testimonial__inner {
    flex-direction: column;
    padding: 42px 25px 122px;
    gap: 135px;
  }

  .testimonial__intro .sec-title {
    font-size: 35px;
  }

  .testimonial__content {
    max-width: unset;
    width: 100%;
  }

  .testimonial__intro .read-more-btn {
    margin-top: 36px;
  }

  .testimonial__comment {
    margin-top: 27px;
    padding-bottom: 30px;
  }
}

/* ====================== */
/* Footer */

.footer {
  position: relative;
  overflow: hidden;
}

.footer__overlay {
  top: -357px;
  left: -375px;
}

.footer .container {
  margin-top: 115px;
  margin-bottom: 68px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 5.68vw 0 3.85vw;
}

.footer__content .sec-title {
  transform: translateY(-6px);
}

.footer .global-btn {
  background-color: #ffbc72;
  margin-top: 20px;
  padding-right: 25px;
  padding-bottom: 15px;
}

.footer__links {
  margin-top: 66px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
}

.footer__links a {
  font-size: 20px;
  letter-spacing: 0.5px;
}

.footer__media {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer .socials {
  margin-bottom: 80px;
  display: flex;
  flex-direction: row;
  gap: 29px;
}

.footer .socials a {
  font-size: 20px;
  letter-spacing: 0.5px;
}

.footer__logo {
  transform: translateY(5px);
}

@media (max-width: 830px) {
  .footer__overlay {
    display: none;
  }

  .footer .container {
    margin-top: 88px;
    margin-bottom: 67px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
  }

  .footer .sec-title {
    text-align: center;
    font-size: 34px;
  }

  .footer .global-btn {
    display: block;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    margin-top: 85px;
  }

  .footer__links {
    margin-top: 107px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .footer__media {
    align-items: center;
    margin-top: 58px;
  }

  .footer .socials {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 84px;
  }

  .footer__logo {
    margin-bottom: 0;
  }
}

/* Bios Template */

.page-template-tpl-bios main,
.page-template-tpl-contact-us main {
  border-bottom: #ffffff26 solid 1px;
}

.page-template-tpl-bios .hero,
.page-template-tpl-contact-us .hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 169px;
  padding-bottom: 100px;
  max-width: unset;
  margin: 0 auto;
}

.page-template-tpl-bios .hero h1 {
  text-align: center;
  max-width: unset;
}

.page-template-tpl-bios .bios .sec-title,
.page-template-tpl-contact-us .sec-title {
  text-align: center;
  padding: 60px 0;
}

.page-template-tpl-bios .bios .bios-list {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 60px;
}

.page-template-tpl-bios .bios .bio-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-bottom: 50px;
}

.page-template-tpl-bios .bios .bio-item .bio-image {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
}

.page-template-tpl-bios .bios .bio-item .bio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-template-tpl-bios .bios .bio-item .bio-content {
  padding: 25px;
  /* border-bottom: solid 2px #ffcf67; */
  width: 70%;
}

.page-template-tpl-bios .bios .bio-item:last-child .bio-content {
  border-bottom: none;
}

.page-template-tpl-bios .bios .bio-item .bio-content h3 {
  font-size: 24px;
  color: #fcb668;
  font-weight: 400;
}

.page-template-tpl-bios .bios .bio-item .bio-content .position {
  font-weight: 600;
  font-size: 16px;
}

.page-template-tpl-bios .bios .bio-item .bio-content .bio-text {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 50px;
}

@media (max-width: 768px) {
  .page-template-tpl-bios .bios .bio-item {
    flex-direction: column;
    align-items: center;
  }

  .page-template-tpl-bios .bios .bio-item .bio-image {
    max-width: 400px;
  }

  .page-template-tpl-bios .bios .bio-item .bio-content {
    width: 100%;
    padding: 25px 0;
  }

  .page-template-tpl-bios .bios .bio-item .bio-content h3,
  .page-template-tpl-bios .bios .bio-item .bio-content .position {
    text-align: center;
  }
}

.page-template-tpl-contact-us .contact-us {
  overflow: hidden;
  position: relative;
}

.page-template-tpl-contact-us .contact-us .about-us__overlay {
  right: -620px;
  left: unset;
}

.page-template-tpl-contact-us .contact-us__main {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}

.page-template-tpl-contact-us .contact-us__main li {
  margin-bottom: 50px;
}


@media (min-width: 769px) {
	.our-process__slider-content {
		flex: 1;
	}
}