@charset "utf-8";
/* CSS Document */
@import url("https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro");

html {
  font-size: calc(1 / var(--design-size-pc) * 100vw);
  font-size: 1px;
  --grid-num: 16rem;
  --idt-num: 16rem;
}
body {
  margin: 0;
  padding: 0;
  color: var(--body-font-color-base);
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  overflow-x: hidden;
  font-size: 26rem;
  overflow-x: hidden;
}
a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: var(--font-color-base);
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 400;
}
svg {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
/* a:focus{border:none;text-decoration:none} */
button:focus {
  outline: 0 dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  margin: 0;
  color: #333;
  line-height: 125%;
}
p {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  line-height: 27rem;
  font-size: 18rem;
  margin: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
img {
  width: 100%;
  height: auto;
}
figure {
  margin: 0;
}
button {
  border: 0;
}

.navbar__top {
  margin: 0;
  padding: var(--spacing-24) 0 var(--spacing-24);
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  background: #dedbd1;
  transition: all 3.5s ease 0s;
}

.navbar__top .container__fluid__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: unset;
}

.navbar__main {
  height: 100%;
}

.navbar__top .navbar___brand {
  display: flex;
  width: 100%;
  max-width: 360rem;
}

.navbar__top .navbar___brand img {
  max-height: 115rem;
  transition: all 0.6s ease-in-out;
}

.navbar__top .navbar__nav {
  flex: 1;
  justify-content: flex-end;
  margin: 0;
  height: 100%;
  column-gap: var(--spacing-90);
}

.navbar__top .navbar__nav li {
  position: relative;
  display: flex;
}

.navbar__top .navbar__nav li:first-child {
  margin-left: 0;
}

.navbar__top .navbar__nav li:last-child {
  margin-right: 0;
}

.navbar__top .navbar__nav li a {
  color: var(--font-color-base-white);
  font-size: 24px;
  font-weight: var(--link-font-weight);
  text-transform: var(--link-text-transform);
  letter-spacing: var(--link-letter-spacing);
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--spacing-07) 0;
  column-gap: 8rem;
}

.navbar__top .navbar__nav li a i.icon__box {
  height: 25rem;
  display: flex;
  align-items: center;
  display: none;
}

.navbar__top .navbar__nav li a i.icon__box img {
  width: 6rem;
}

.navbar__top .navbar__nav li a:hover {
  color: var(--hover-color-base);
}

.navbar__top .navbar__nav li a.dropdown__toggle:after {
  display: none;
}

.navbar__top .navbar__nav li.dropdown__wrap ul.show {
  display: none;
}

.navbar__top .navbar__nav li.dropdown__wrap:hover ul.dropdown__menu {
  border: 0;
  border-right: 1rem solid #000;
  display: block;
  min-width: 330rem;
  top: 103%;
  background-color: #fff;
  margin: 0;
  width: 100%;
  left: auto;
  right: 0;
  padding-top: var(--spacing-16);
}

.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li {
  padding: 0;
  margin: 0;
}

.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a {
  width: 100%;
  padding: var(--spacing-08) !important;
  text-align: right;
  display: block;
}

.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a:hover {
  color: var(--hover-color-base);
}

.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li:last-child a {
  border-bottom: 0;
}

.navbar__top .navbar__nav li.dropdown__wrap ul.dropdown__menu li a:after {
  display: none;
}

.treatments__drop__down {
  border-top: 1rem solid #000;
  border-bottom: 1rem solid #000;
  position: absolute;
  left: 0;
  top: -1rem;
  height: 43rem;
  background-color: #000;
  width: 100%;
  max-width: 200rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inverse__offset {
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 0;
  left: 0;
  top: var(--header-height);
  background-color: rgb(0, 0, 0, 0.15);
  transition: all 0.1s ease 0.1s;
}

.navbar__toggler__btn {
  display: none;
}

.page-template-homepage
  .navbar__top
  .navbar__nav
  li.dropdown__wrap:hover
  ul.dropdown__menu {
  background-color: #dedbd1;
}

.main__banner {
  height: calc(100vh);
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  z-index: 3000;
  background-color: #dedbd1;
}
.main__banner .image__box {
  height: 100%;
  margin: 0px;
  padding: 0;
  display: block;
  clear: both;
  overflow: hidden;
  transition: all 1s ease 0s;
  opacity: 1;
  background-color: #dedbd1;
}
.main__banner .image__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main__banner .bannre__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
}
.main__banner .bannre__content .container__fluid__wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.main__banner .bannre__content .bannre__content__inner__wrapp {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 800rem;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0px solid red;
  filter: brightness(0) invert(1);
}

.main__banner .bannre__content .bannre__content__inner__wrapp__animated {
  animation: moveLogo 0.9s ease-in-out forwards;
}
.main__banner .bannre__content .bannre__content__inner__wrapp img {
  width: 100%;
  height: auto;
}

@keyframes moveLogo {
  0% {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800rem;
    opacity: 1;
  }
  45% {
    filter: brightness(0) invert(1);
  }
  95% {
    opacity: 1;
    filter: none;
  }
  100% {
    top: 24rem;
    left: 16.2rem;
    transform: translate(0, 0);
    width: 360rem;
    filter: none;
  }
}

.home .navbar__top .navbar___brand img {
  opacity: 0;
}
.no__overlay .main__banner .image__box {
  opacity: 0;
}
.no__overlay .navbar__top {
  z-index: 100000;
  transition: all 3.5s ease 0s;
}
.home .navbar__top {
  background-color: transparent;
}

.large__block {
  padding-top: var(--spacing-90);
  overflow: hidden;
}
.container__fluid__wrap {
  padding-left: var(--idt-num);
  padding-right: var(--idt-num);
  width: 100%;
  max-width: 1735rem;
  margin: 0 auto;
  overflow: hidden;
}
.container__fluid__wrap__body {
  padding-left: var(--idt-num);
  padding-right: var(--idt-num);
  width: 100%;
  max-width: 1540rem;
  margin: 0 auto;
}

.service__details {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #dedbd1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: var(--spacing-90);
  transition: all 0.3s ease 0s;
  opacity: 0;
  padding-left: 20rem;
  padding-right: 20rem;
}
.l__block__card__grid:hover .service__details {
  top: 0;
  opacity: 1;
}
.bio__details {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #dedbd1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.3s ease 0s;
  opacity: 0;
  padding: 0 5rem;
}
.l__block__card__grid {
  cursor: pointer;
}
.contact__wrapp .form__group .form__control {
  border: 2rem solid #dedbd1;
  height: 57rem;
  margin-bottom: 32rem;
  background-color: transparent;
  font-size: 16rem;
  padding: 20rem 16rem;
  color: #fff;
  letter-spacing: 0.8rem;
}
.contact__wrapp .form__group textarea.form__control {
  height: 197rem;
}
.contact__wrapp .btn__submit {
  height: 57rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  background-color: #dedbd1;
}
.contact__wrapp .form__group .form__control::placeholder {
  color: #fff;
}
.contact__wrapp .form__group .form__control::-ms-input-placeholder {
  color: #fff;
}
.full__wid__hero {
  overflow: hidden;
}
.full__wid__hero .image__box {
  height: 100%;
  display: block;
}
.full__wid__hero .image__box img {
  height: 100%;
  object-fit: cover;
}
.project__details__gallery {
  min-height: 716px;
}
.project__details__gallery .image__box {
  height: 100%;
  aspect-ratio: 1/1;
}
.project__details__gallery .image__box img {
  height: 100%;
  object-fit: cover;
}

.image__gallery__wrap .image__box img {
  height: 100%;
  object-fit: cover;
}
.project__details__wrap .image__box {
  max-height: unset;
  height: unset;
}
.project__details__wrap .image__box img {
  height: 100%;
  object-fit: cover;
}

.swiper__wrapper {
  min-height: 480px;
}
.swiper__wrapper li {
  height: 100%;
  min-height: 446px;
  display: flex;
}
.swiper__wrapper li a {
  display: block;
  height: 100%;
  width: 100%;
}
.swiper__wrapper li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pswp__zoom-wrap img {
  object-fit: cover;
}

.swiper-button-next,
.swiper-container-rtl .swiper__button__prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  height: 40px;
  width: 40px;
  background-size: 25px;
  right: 0rem;
}
.swiper-button-prev,
.swiper-container-rtl .swiper__button__next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  height: 40px;
  width: 40px;
  background-size: 25px;
  left: 0;
}

.pswp__bg {
  background-color: rgb(0, 0, 0, 0.8);
}
.pswp {
  z-index: 10000000;
}
.pswp__ui--idle .pswp__top-bar {
  opacity: 1;
  background-color: transparent;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 1;
}
.pswp__button--arrow--left:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  background-color: transparent;
  height: 40px;
  width: 40px;
  background-size: 25px;
  background-position: center;
}
.pswp__button--arrow--right:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  background-color: transparent;
  height: 40px;
  width: 40px;
  background-size: 25px;
  background-position: center;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.related__projects__carousel .photo-gallery .slick-list .slick-track {
  display: flex;
}
.related__projects__carousel .photo-gallery .slick-list .slick-track:after,
.related__projects__carousel .photo-gallery .slick-list .slick-track:before {
  display: none;
}

.related__projects__carousel
  .photo-gallery
  .slick-list
  .slick-track
  .slick-slide {
  height: auto;
  padding: 0 42px;
}
.related__projects__carousel
  .photo-gallery
  .slick-list
  .slick-track
  .slick-slide
  div {
  height: 100%;
}
.related__projects__carousel
  .photo-gallery
  .slick-list
  .slick-track
  .slick-slide
  li.slick-slide {
  height: 100%;
  padding: 0 !important;
  aspect-ratio: 1/1;
}
.related__projects__carousel
  .photo-gallery
  .slick-list
  .slick-track
  .slick-slide
  li.slick-slide
  a {
  height: 100%;
  display: block;
  position: relative;
}
.related__projects__carousel
  .photo-gallery
  .slick-list
  .slick-track
  .slick-slide
  li.slick-slide
  a
  img {
  height: 100%;
  object-fit: cover;
}
.related__projects__carousel
  .photo-gallery
  .slick-list
  .slick-track
  .slick-slide
  li.slick-slide
  a:hover
  .service__details {
  opacity: 1;
}

.slick-next:before,
.slick-prev:before {
  display: none;
}
.slick-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23152635'%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-color: transparent;
  height: 40px;
  width: 40px;
  background-size: 25px !important;
  background-position: center !important;
  left: 0px !important;
  z-index: 1;
}
.slick-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23152635'%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-color: transparent;
  height: 40px;
  width: 40px;
  background-size: 25px !important;
  background-position: center !important;
  right: 0px !important;
  z-index: 1;
}

.image__box video {
  object-fit: cover !important;
  height: 100%;
  width: 100%;
}

.multiple_project_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80rem;
  margin-top: 90rem;
}
.multiple_project_wrap .image__box {
  aspect-ratio: 1/1;
  margin: 0;
  max-height: unset;
  height: unset;
}
.multiple_project_wrap .image__box img {
  width: 100%;
}

.render__doublecolumn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40rem;
  margin-top: 40rem;
}
.render__doublecolumn .image__box {
  aspect-ratio: 1/1;
  flex: 1;
  margin: 0;
  max-height: unset;
  height: unset;
}
.render__doublecolumn .image__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.related__projects__carousel {
  margin-bottom: 90px;
}

footer {
  overflow: hidden;
}
.footer__menu__list {
  column-gap: 118px;
}
.foote__brand {
  max-width: 315rem;
  height: 100rem;
}
.foote__brand__sp {
  display: none;
}
.team-card {
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}

.team-img-box {
  position: relative;
  width: 100%;
  min-height: 320px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.team-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.48s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    transform 0.48s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  display: block;
}

.team-card:hover .team-img-box img,
.team-card:focus-within .team-img-box img {
  filter: grayscale(0);
}

.team-details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  z-index: 2;
  box-sizing: border-box;
  transition: padding-bottom 0.42s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  opacity: 0;
}
.team-card:hover .team-details {
  opacity: 1;
}

.team-name {
  font-size: 22px;
  color: #fff;
  position: relative;
  z-index: 2;
  transition: transform 0.44s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  transform: translateY(0);
}

.team-role {
  font-size: 16px;
  color: #fff;
  min-height: 18px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(18px);
  transition: opacity 0.36s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    transform 0.42s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  z-index: 1;
}

.team-card:hover .team-name,
.team-card:focus-within .team-name {
  transform: translateY(-22px);
}

.team-card:hover .team-role,
.team-card:focus-within .team-role {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-22px);
}

.core-value-card {
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}

.core-value-img-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.core-value-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  display: block;
}

.core-value-card:hover .core-value-img-box img,
.core-value-card:focus-within .core-value-img-box img {
  filter: grayscale(0);
}

.core-value-details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  z-index: 2;
  box-sizing: border-box;
  transition: padding-bottom 0.42s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}

.core-value-name {
  font-size: 14px;
  color: #fff;
  position: relative;
  z-index: 2;
  margin: 0;
  transition: transform 0.44s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  transform: translateY(0);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  opacity:0;
}

.core-value-role {
  font-size: 11px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transform: translateY(13px);
  transition: opacity 0.34s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    transform 0.42s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  z-index: 1;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.core-value-card:hover .core-value-name,
.core-value-card:focus-within .core-value-name {
  opacity:1;
  transform: translateY(-13px);
  pointer-events: auto;
}

.core-value-card:hover .core-value-role,
.core-value-card:focus-within .core-value-role {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-13px);
}

.overlay-logo {
  max-width: 220px;
}

.overlay-header p {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 34px;
}

.overlay-text {
  text-align: right;
}

.shield-menu__close {
  font-size: 80px;
  line-height: 1;
  background: transparent;
  border: none;
  color: #000;
  z-index: 1051;
  cursor: pointer;
}

body.shield-menu-open {
  overflow: hidden;
}
.home-hero {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  text-align: left;
  padding-left: 200px;
}

.home-hero__title {
  font-size: 75px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.01em;
  margin-bottom: 50px;
  display: flex;
  align-items: end;
}

.home-hero__base {
  width: 380px;
  display: block;
}

.home-hero__typing {
  display: inline-block;
  color: #da9439;
  min-width: 120px;
  font-family: inherit;
  position: relative;
  vertical-align: bottom;
}

.typing-word {
  border-right: 2px solid #da9439;
  padding-right: 2px;
  white-space: nowrap;
  display: inline-block;
  opacity: 1;
  transition: color 0.44s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}

.typing-word.done {
  color: #111;
  border-right: none;
}

.home-hero__line {
  width: 100vw;
  height: 2px;
  background: #000;
  margin-bottom: 50px;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.7s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}

.home-hero__line.visible {
  transform: scaleX(1);
}

.home-hero__paragraphs {
  margin-top: 0;
}

.home-hero__paragraphs p {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.42s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    transform 0.42s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  font-size: 20px;
  line-height: 1.6;
}

.home-hero__paragraphs p.visible {
  opacity: 1;
  transform: translateY(0);
}

.home-hero {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s;
}

.home-hero.active {
  opacity: 1;
  pointer-events: auto;
}

.close-btn-container {
  height: 80px;
  padding-top: 24px;
}

.shield-menu__hamburger {
  position: relative;
  z-index: 2001;
  width: 50px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 0;
  transition: z-index 0s;
}

.shield-menu__hamburger span {
  display: block;
  height: 5px;
  width: 100%;
  background: #222;
  border-radius: 2px;
  transition: transform 0.3s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    opacity 0.24s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}
.shield-menu__hamburger.is-active span:nth-child(1) {
  transform: translateY(15px) rotate(45deg);
}
.shield-menu__hamburger.is-active span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.2);
}
.shield-menu__hamburger.is-active span:nth-child(3) {
  transform: translateY(-15px) rotate(-45deg);
}

.shield-menu__overlay {
  position: fixed;
  /* left: 0; */
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  overflow: hidden;
}
.shield-menu__overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.shield-menu__overlay-content {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  border-left: 1px solid #e9eef3;
  box-shadow: 0 12px 40px rgba(20, 22, 40, 0.16);
  transform: translateX(100%);
  opacity: 0;
  transition: width 0.28s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    transform 0.32s cubic-bezier(0.66, 0.03, 0.22, 0.96),
    opacity 0.28s cubic-bezier(0.66, 0.03, 0.22, 0.96);
  display: flex;
  flex-direction: column;
  padding: 0 24px 24px 24px;
  box-sizing: border-box;
}
.shield-menu__overlay.active .shield-menu__overlay-content {
  transform: none;
  opacity: 1;
}

.shield-menu__overlay.active.has-sub .shield-menu__overlay-content {
  width: 860px;
}
.shield-menu__overlay.active.has-desc .shield-menu__overlay-content {
  width: 1280px;
}

.menu-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  height: auto;
  width: 100%;
  padding-top: 180px;
  box-sizing: border-box;
}

.shield-menu__overlay .navbar-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  min-width: 200px;
  height: auto;
  margin-left: 0;
  padding: 0 56px 0 32px;
  box-sizing: border-box;
}
.shield-menu__overlay .navbar-nav > li {
  margin-bottom: 30px;
}
.shield-menu__overlay .navbar-nav > li > a {
  font-size: 19px;
  color: #1a1a1a;
  font-weight: 400;
  padding: 0;
  background: none;
  transition: color 0.2s;
}
.shield-menu__overlay .navbar-nav > li > a:hover {
  color: #da9439;
  font-weight: 600;
}

.shield-menu__overlay .dropdown-menu,
.shield-menu__overlay .dropdown__menu,
.shield-menu__overlay .sub-menu {
  display: none !important;
}
#shieldMenuOverlay .dropdown-toggle::after {
  display: none !important;
}

.shield-menu__submenu {
  width: 0;
  min-width: 0;
  opacity: 0;
  transform: translateX(16px);
  transition: width 0.22s, min-width 0.22s, opacity 0.22s, transform 0.22s;
  padding: 0 80px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  border-right: 1px solid transparent;
}
.shield-menu__submenu.visible {
  width: 380px;
  min-width: 380px;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  border-right-color: #000;
}
.shield-menu__submenu ul,
.shield-menu__submenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shield-menu__submenu li a {
  font-size: 20px;
  color: #1a1a1a;
  padding: 10px 0;
  background: none;
  display: block;
  width: 100%;
  font-weight: 500;
  transition: color 0.24s;
  white-space: nowrap;
}
.shield-menu__submenu li a:hover {
  color: #da9439;
}

.shield-menu__desc {
  min-width: 0;
  opacity: 0;
  transform: translateX(16px);
  transition: width 0.22s, min-width 0.22s, opacity 0.22s, transform 0.22s;
  box-sizing: border-box;
  padding-right: 100px;
  display: block;
  font-size: 20px;
}
.shield-menu__desc.active {
  opacity: 1;
  transform: none;
}

.overlay-contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  padding: 24px 72px 32px;
  box-sizing: border-box;
}

.overlay-text p {
  font-size: 15px;
}


/* .core-value-name {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.34s cubic-bezier(0.66, 0.03, 0.22, 0.96),
              transform 0.34s cubic-bezier(0.66, 0.03, 0.22, 0.96);
}

.core-value-card:hover .core-value-name,
.core-value-card:focus-within .core-value-name,
.core-value-card.active .core-value-name {
  opacity: 1;
  transform: translateY(0);
} */

.registration-footer{
	font-size:14px;
	line-height:1em;
}

@media screen and (max-width: 1440px) {
  .close-btn-container {
    padding-top: 40px;
  }
  .shield-menu__overlay-content {
    padding-top: 180px;
  }
  .shield-menu__overlay-content .container__fluid__wrap {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .close-btn-container {
    padding-top: 30px;
  }
  .shield-menu__overlay-content {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #shieldMenuOpen {
    display: none;
  }
  .team-img-box {
    min-height: auto;
  }
  .team-role {
    line-height: 1;
  }
  .home-hero {
    padding: 0 16px;
  }

  .home-hero__title {
    font-size: 38px;
    font-weight: 700;
  }

  .home-hero__base {
    width: 194px;
  }

  .home-hero__paragraphs p {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  .shield-mobile-menu {
    display: none;
  }
}
