/*! formalize.css | MIT License | github.com/interacthings/formalize */
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

a:active, a:focus, a:hover {
  outline: none;
  color: currentColor;
  text-decoration: none;
}

button:active, button:focus, button:hover {
  outline: none;
  color: currentColor;
  text-decoration: none;
}

img {
  vertical-align: middle;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
  margin: 0;
}

button, fieldset, iframe {
  border: 0;
}

fieldset, ul, ol, button, menu {
  padding: 0;
}

ol, ul {
  list-style: none;
}

textarea {
  resize: vertical;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  padding: 0;
}

@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-Regular.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-ExtraBold.ttf);
  font-weight: 800;
}
@font-face {
  font-family: "gilroy";
  src: url(../font/gilroy/Gilroy-Black.ttf);
  font-weight: 900;
}
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
html.over {
  overflow: hidden;
}

body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: "gilroy", sans-serif;
  --fancybox-zIndex: 99999;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body.over {
  overflow: hidden;
}
body:has(.Header-page) .Main {
  padding-top: 110px;
}

body * {
  box-sizing: border-box;
}

@media (max-width: 991px) {
  body:has(.Header-page) .Main {
    padding-top: 74px;
  }
  .Main {
    padding-top: 74px;
  }
}
.Header {
  z-index: 9999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 20px clamp(30px, 4.2vw, 80px);
  display: flex;
  transition: all 300ms;
  height: 110px;
}
.Header-in {
  display: flex;
  align-items: center;
  max-width: 1740px;
  width: 100%;
  height: 100%;
}
.Header-menu {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: clamp(24px, 2.1vw, 40px);
  height: 100%;
}
.Header-menu .Header-menu-item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.Header-menu .Header-menu-item-button {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}
.Header-menu .Header-menu-item-button:hover, .Header-menu .Header-menu-item-button:focus {
  color: #021d49;
}
.Header-menu .Header-menu-item-sub {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 16px 0;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 1000;
}
.Header-menu .Header-menu-item-sub-link {
  display: block;
  padding: 8px 24px;
  font-size: clamp(14px, 1vw, 16px);
  color: #000;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.Header-menu .Header-menu-item-sub-link:hover {
  background-color: #f5f5f5;
  color: #021d49;
}
.Header-menu .Header-menu-item:hover .Header-menu-item-sub, .Header-menu .Header-menu-item:focus-within .Header-menu-item-sub {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.Header-menu-link {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  transition: all 300ms;
}
.Header-menu-link:hover, .Header-menu-link.active {
  color: #021d49;
}
.Header-menu .Header-phone {
  display: none;
}
.Header-phone {
  margin-left: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
}
.Header-phone b {
  font-size: clamp(24px, 1.57vw, 30px);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: inherit;
  transition: all 300ms;
}
.Header-phone svg {
  width: clamp(28px, 1.8vw, 34px);
  height: clamp(28px, 1.8vw, 34px);
  transition: all 300ms;
}
.Header-phone:hover, .Header-phone.active {
  color: #021d49;
}
.Header-logo {
  display: flex;
  max-width: clamp(180px, 12.5vw, 240px);
}
.Header-logo img {
  width: 100%;
}
.Header.active {
  background-color: #021d49;
}
.Header.active .Header-menu-item-button {
  color: #fff;
}
.Header.active .Header-menu-link:hover {
  color: #fff;
}
.Header.active .Header-phone:hover {
  color: #fff;
}
.Header-page {
  background-color: #fff;
  border-bottom: 1px solid #a5a5a5;
}
.Header-page.active {
  background-color: #fff !important;
}
.Header-page.active .Header-menu-item-button {
  color: #000000;
}
.Header-page .Header-menu-item-button {
  color: #000000;
}
.Header-page .Header-menu-link {
  color: #000;
}
.Header-page .Header-phone {
  color: #021d49;
}
.Header-button {
  align-items: center;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
  display: none;
  margin-left: auto;
}
.Header-button .icon-menu {
  width: 23.8px;
  height: 18.5px;
  background-image: url(../images/menu.svg);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.Header-button.active .icon-menu {
  background-image: url(../images/close.svg);
}

.Footer {
  background-color: #021d49;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 9;
}
.Footer-in {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: clamp(20px, 16.2vw, 310px);
}
.Footer-top {
  width: 100%;
  max-width: 1100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px;
  margin-bottom: 90px;
}
.Footer-top-menu {
  display: flex;
  align-items: center;
  gap: clamp(30px, 3.65vw, 70px);
}
.Footer-top-menu-item {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  transition: all 300ms;
}
.Footer-top-menu-item:hover {
  color: #b29464;
}
.Footer-logo {
  display: flex;
}
.Footer-logo img {
  max-width: clamp(240px, 21.5vw, 412px);
}
.Footer-bottom {
  display: grid;
  grid-template-columns: clamp(350px, 23.45vw, 450px) 1fr;
  gap: 30px;
  align-items: flex-start;
  padding-bottom: 50px;
  border-bottom: 1px solid #fff;
}
.Footer-bottom-left {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Footer-bottom-left b {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}
.Footer-bottom-left p {
  font-size: clamp(14px, 1vw, 18px);
  font-weight: normal;
  color: #fff;
  margin-bottom: 24px;
}
.Footer-bottom-left form {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.Footer-bottom-left form input {
  width: 100%;
  padding: 18px 24px;
  font-size: 16px;
  font-weight: normal;
  border: none;
  outline: none;
  box-shadow: none;
}
.Footer-bottom-left form input::placeholder {
  color: #656565;
}
.Footer-bottom-left form p {
  display: none;
  font-size: 14px;
  font-weight: normal;
  color: red;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  bottom: -30px;
}
.Footer-bottom-left form p.active {
  display: block;
}
.Footer-bottom-left form button {
  width: 50px;
  height: 54.5px;
  flex-shrink: 0;
  background-image: linear-gradient(219deg, #431215 97%, #240306 4%);
  cursor: pointer;
}
.Footer-bottom-right {
  background-color: #113868;
  display: flex;
  width: 100%;
}
.Footer-bottom-menu {
  display: flex;
  flex-direction: column;
  padding: 30px clamp(30px, 2.6vw, 50px) 30px 50px;
}
.Footer-bottom-menu button {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 24px;
  white-space: nowrap;
  background-color: transparent;
  padding: 0;
  align-items: flex-start;
  text-align: left;
  transition: all 300ms;
  pointer-events: none;
}
.Footer-bottom-menu button svg {
  display: none;
}
.Footer-bottom-menu-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.Footer-bottom-menu-list-item {
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 500;
  color: #fff;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 300ms;
}
.Footer-bottom-menu-list-item:hover {
  color: #b29464;
}
.Footer-bottom-menu.left {
  background-color: #062d5c;
}
.Footer-bottom-menu.right .Footer-bottom-menu-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: clamp(30px, 4.5vw, 85px);
  row-gap: 22px;
}
.Footer-social {
  flex-direction: column;
  margin-top: auto;
}
.Footer-social h5 {
  max-width: 248px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 40px;
}
.Footer-social-list {
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.45vw, 47px);
}
.Footer-social-item {
  transition: all 300ms;
  color: #fff;
}
.Footer-social-item:hover {
  color: #b29464;
}
.Footer-social.mobile {
  display: none;
}
.Footer-social.desktop {
  display: flex;
}
.Footer-links {
  display: flex;
  align-items: center;
  gap: clamp(20px, 3.2vw, 60px);
  padding-top: 18px;
  padding-bottom: 35px;
}
.Footer-links-item {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.69;
  color: #fff;
  transition: all 300ms;
}
.Footer-links-item:hover {
  color: #b29464;
}
.Footer-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 16px;
}
.Footer-copyright p {
  font-size: clamp(16px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

@media (max-width: 1500px) {
  .Footer-in {
    padding-left: 60px;
  }
}
@media (max-width: 1280px) {
  .Footer-in {
    padding-left: 30px;
  }
  .Footer-bottom {
    grid-template-columns: clamp(300px, 23.45vw, 450px) 1fr;
  }
  .Footer-bottom-menu {
    padding-left: 24px;
  }
  .Footer-bottom-menu.right .Footer-bottom-menu-list {
    grid-template-columns: 1fr 1fr;
  }
  .Footer-links {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .Header {
    padding: 20px clamp(30px, 4.2vw, 80px);
    height: 74px;
    background-color: #fff;
    border-bottom: 1px solid #a5a5a5;
  }
  .Header-menu {
    flex-direction: column;
    width: 100vw;
    height: calc(100dvh - 74px);
    margin-left: unset;
    gap: clamp(24px, 2.1vw, 40px);
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    padding-top: 10%;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
  }
  .Header-menu .Header-menu-item {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
  .Header-menu .Header-menu-item-button {
    color: #021d49;
  }
  .Header-menu .Header-menu-item-sub {
    width: 100%;
    position: static;
    height: 0;
    background-color: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
  }
  .Header-menu .Header-menu-item-sub-link {
    text-align: center;
    color: #021d49;
  }
  .Header-menu .Header-menu-item-sub-link:hover {
    background-color: #f5f5f5;
    color: #021d49;
  }
  .Header-menu .Header-menu-item:hover .Header-menu-item-sub {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
  .Header-menu .Header-menu-item:focus-within .Header-menu-item-sub {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding-top: 16px;
  }
  .Header-menu-link {
    width: 100%;
    justify-content: center;
    text-align: center;
    height: auto;
    color: #021d49;
  }
  .Header-menu .Header-phone {
    display: flex;
  }
  .Header-menu.open {
    opacity: 1;
    visibility: visible;
    top: 74px;
  }
  .Header-phone {
    display: none;
    margin-left: 0;
    gap: 15px;
    color: #021d49;
  }
  .Header-logo {
    display: flex;
    max-width: clamp(180px, 12.5vw, 240px);
  }
  .Header-logo img {
    width: 100%;
  }
  .Header.active {
    background-color: #fff;
  }
  .Header.active .Header-menu-item-button {
    color: #000;
  }
  .Header.active .Header-menu-link:hover {
    color: #021d49;
  }
  .Header-page {
    background-color: #fff;
    border-bottom: 1px solid #a5a5a5;
  }
  .Header-page.active {
    background-color: #fff !important;
  }
  .Header-page.active .Header-menu-item-button {
    color: #000000;
  }
  .Header-page .Header-menu-item-button {
    color: #000000;
  }
  .Header-page .Header-menu-link {
    color: #000;
  }
  .Header-page .Header-phone {
    color: #021d49;
  }
  .Header-button {
    display: flex;
  }
  .Footer {
    padding-top: 44px;
    justify-content: center;
  }
  .Footer-in {
    padding-left: 28px;
    padding-right: 28px;
  }
  .Footer-top {
    flex-direction: column;
    justify-content: center;
    gap: 45px;
    padding-right: 30px;
    margin-bottom: 45px;
  }
  .Footer-top-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    row-gap: 22px;
  }
  .Footer-bottom {
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 50px;
    border-bottom: 1px solid #fff;
  }
  .Footer-bottom-left {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .Footer-bottom-left b {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
  }
  .Footer-bottom-left p {
    font-size: clamp(14px, 1vw, 18px);
    font-weight: normal;
    color: #fff;
    margin-bottom: 24px;
  }
  .Footer-bottom-left form {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .Footer-bottom-left form input {
    width: 100%;
    padding: 18px 24px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    outline: none;
    box-shadow: none;
  }
  .Footer-bottom-left form input::placeholder {
    color: #656565;
  }
  .Footer-bottom-left form button {
    width: 50px;
    height: 54.5px;
    flex-shrink: 0;
    background-image: linear-gradient(219deg, #431215 97%, #240306 4%);
    cursor: pointer;
  }
  .Footer-bottom-right {
    background-color: #113868;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .Footer-bottom-menu {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
  }
  .Footer-bottom-menu button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0;
    cursor: pointer;
    pointer-events: auto;
  }
  .Footer-bottom-menu button svg {
    display: block;
    transition: all 300ms;
  }
  .Footer-bottom-menu button.active svg {
    transform: rotate(180deg);
  }
  .Footer-bottom-menu-list {
    overflow: hidden;
    max-height: 0;
    transition: all 300ms;
  }
  .Footer-bottom-menu-list.active {
    padding: 24px 0;
    height: auto;
  }
  .Footer-bottom-menu-list-item {
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 500;
    color: #fff;
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .Footer-bottom-menu.left {
    background-color: #062d5c;
  }
  .Footer-bottom-menu.right .Footer-bottom-menu-list {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: clamp(30px, 4.5vw, 85px);
    row-gap: 22px;
  }
  .Footer-social.desktop {
    display: none;
  }
  .Footer-social.mobile {
    display: flex;
  }
  .Footer-links {
    display: flex;
    align-items: center;
    gap: clamp(20px, 3.2vw, 60px);
    padding-top: 18px;
    padding-bottom: 35px;
  }
  .Footer-links-item {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.69;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .Footer-links {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }
}
.H_Banner {
  position: relative;
}
.H_Banner-item {
  position: relative;
  overflow: hidden;
}
.H_Banner-item-bg {
  width: 100%;
  will-change: transform;
}
.H_Banner-item-in {
  position: absolute;
  max-width: 1300px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-end;
  z-index: 2;
}
.H_Banner-item-logo {
  width: 100%;
  max-width: clamp(100px, 13.6vw, 260px);
  max-height: clamp(50px, 5.8w, 110px);
  object-fit: contain;
}
.H_Banner-item-logo-container {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  max-width: 1740px;
  left: 0;
  right: 0;
  top: 14%;
  padding: 0 50px;
  margin: 0 auto;
  width: 100%;
  z-index: 1;
}
.H_Banner-item a {
  display: flex;
}
@media (max-width: 1410px) {
  .H_Banner-item-logo {
    right: 40px;
  }
}
.H_Banner-item-left {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 60px;
  padding-left: 40px;
}
.H_Banner-item-right {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 60px;
  margin-left: auto;
  padding-right: 40px;
}
.H_Banner-item-right .swiper-button-prev, .H_Banner-item-right .swiper-button-next {
  position: static;
}
.H_Banner-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid transparent;
  padding: 14px 36px;
  font-size: 20px;
  font-weight: 500;
  color: #431215;
  transition: all 300ms;
}
.H_Banner-item-video {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 21px;
  border-radius: 2px;
  background-image: linear-gradient(261deg, #431215 2%, #240306 98%);
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  transition: all 300ms;
}
.H_Banner-item-video svg {
  display: none;
}
.H_Banner-item-video:hover, .H_Banner-item-video:focus, .H_Banner-item-video:active {
  color: #fff;
}
.H_Banner-item:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #021d49;
  position: absolute;
  inset: 0;
  opacity: 0.24;
  z-index: 1;
}
.H_Banner-item .scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transform: translateX(-50%);
}
.H_Banner-item .scroll-down span {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50px;
  top: 5px;
}
.H_Banner-item .scroll-down span:after {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2px;
  height: 15px;
  border-radius: 2px;
  background: #fff;
  animation: animateMouseScrollBar 1.5s infinite linear;
}
@keyframes animateMouseScrollBar {
  0% {
    height: 15px;
    top: 10px;
  }
  50% {
    height: 0;
    top: 30px;
  }
  50.01% {
    top: 10px;
  }
  100% {
    height: 15px;
  }
}
.H_Banner-home .H_Banner-item {
  cursor: pointer;
}

.swiper-button-disabled {
  opacity: 0.35 !important;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next, .swiper-button-prev {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: solid 2px #431215;
  background-color: #431215;
  transition: all 300ms;
}
.swiper-button-next svg, .swiper-button-prev svg {
  width: 10px;
  height: 20px;
  stroke: #fff;
  transition: all 300ms;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background-color: #fff;
}
.swiper-button-next:hover svg, .swiper-button-prev:hover svg {
  stroke: #431215;
}
.swiper-button-next:before, .swiper-button-next:after, .swiper-button-prev:before, .swiper-button-prev:after {
  display: none;
}

.title-big {
  font-size: clamp(26px, 2.1vw, 40px);
  font-weight: 600;
  color: #000;
}

.H_Stats {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(46px, 3.8vw, 72px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
  position: relative;
}
.H_Stats-in {
  width: 100%;
  max-width: 1280px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.H_Stats-in h1 {
  margin-bottom: clamp(24px, 3.2vw, 60px);
}
.H_Stats-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 255px 255px;
  gap: clamp(20px, 1.57vw, 30px);
}
.H_Stats-list-item {
  position: relative;
}
.H_Stats-list-item-in {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  z-index: 1;
}
.H_Stats-list-item:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0.46;
  background-color: #021d49;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.H_Stats-list-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.H_Stats-list-item b {
  font-size: clamp(36px, 2.5vw, 48px);
  font-weight: bold;
  color: #fff;
}
.H_Stats-list-item span {
  font-size: clamp(22px, 1.67vw, 32px);
  font-weight: 600;
  color: #fff;
}
.H_Stats-list-item:first-child {
  grid-row: 1/-1;
}

.animate-logo {
  --size: 366px;
  --md-size: 238px;
  --sm-size: 190px;
  --xs-size: 150px;
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-image: url(../images/algun.webp);
  background-size: 100% 100%;
}
.animate-logo.lt {
  width: var(--md-size);
  height: var(--md-size);
  top: -40px;
  left: 0;
}
.animate-logo.lc {
  top: 30%;
  left: -8%;
}
.animate-logo.lb {
  width: var(--sm-size);
  height: var(--sm-size);
  left: 0;
  bottom: -100px;
}
.animate-logo.rt {
  width: var(--xs-size);
  height: var(--xs-size);
  top: 40px;
  right: 30px;
}
.animate-logo.rc {
  top: 30%;
  right: 0;
  width: var(--md-size);
  height: var(--md-size);
}
.animate-logo.rb {
  right: -5%;
  bottom: -100px;
}
.animate-logo.ct {
  top: 10%;
  right: 30%;
  width: var(--sm-size);
  height: var(--sm-size);
  animation-name: logo;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-direction: alternate;
}
.animate-logo.cb {
  bottom: 3%;
  left: 25%;
  width: var(--sm-size);
  height: var(--sm-size);
  animation-name: logo;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-direction: alternate;
}

@keyframes logo {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-30px, -30px, 50px);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.galeri {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.galeri-item {
  max-width: 450px;
}
.galeri-item img {
  width: 100%;
}
.galeri-item:nth-child(1), .galeri-item:nth-child(3) {
  max-width: 650px;
}
.galeri-item:nth-child(2) {
  max-width: 500px;
}

.H_Projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.H_Projects h2 {
  margin-bottom: clamp(24px, 3.2vw, 60px);
}
.H_Projects-list {
  display: flex;
  flex-wrap: wrap;
}
.H_Projects-list-top {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1.3fr;
  gap: 2px;
  margin-bottom: 2px;
}
.H_Projects-list-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2px;
}
.H_Projects-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.H_Projects-list-item {
  position: relative;
  display: flex;
  transition: all 300ms;
  z-index: 1;
  width: 25%;
  border: 0.5px solid #fff;
}
.H_Projects-list-item:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0.4;
  background-color: #021d49;
  transition: all 300ms;
}
.H_Projects-list-item-logo {
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 300ms;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transition: all 300ms;
}
.H_Projects-list-item:hover {
  z-index: 2;
  transform: scale(1.1) !important;
  border: none;
}
.H_Projects-list-item:hover .H_Projects-list-item-logo {
  right: 0;
  left: unset;
  top: 0;
  transform: translate(20%, -15%) scale(0.5);
}
.H_Projects-list-item:hover:before {
  opacity: 0;
}
.H_Projects-list-item:nth-child(1), .H_Projects-list-item:nth-child(3) {
  width: 35%;
}
.H_Projects-list-item:nth-child(2) {
  width: 30%;
}
.H_Projects-list:has(> a:nth-of-type(2)):not(:has(> a:nth-of-type(3))) .H_Projects-list-item {
  width: 50%;
}
.H_Projects-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 1vw, 16px) clamp(20px, 1.3vw, 26px);
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 500;
  color: #fff;
  background-color: #021D49;
  border: 1px solid #021d49;
  border-radius: 4px;
  margin-top: clamp(30px, 2.3vw, 44px);
  transition: all 300ms;
}
.H_Projects-more:hover {
  color: #021d49;
  background-color: #fff;
}

.H_Videos {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(60px, 5.8vw, 110px) 0;
  background-color: #eaecef;
  margin-bottom: clamp(50px, 4.7vw, 90px);
  overflow: hidden;
}
.H_Videos-head {
  max-width: 1260px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  position: relative;
  gap: 16px;
  margin-bottom: clamp(24px, 3.2vw, 60px);
}
.H_Videos-head .swiper-button-next, .H_Videos-head .swiper-button-prev {
  position: static;
  margin-top: 0;
}
.H_Videos-head .swiper-button-prev {
  margin-left: auto;
}
.H_Videos-list {
  max-width: 1260px;
  width: 100%;
  overflow: hidden;
  padding: 0 30px;
}
.H_Videos-list-item {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  /**/
  /*
  @keyframes frameAnimation {

    0% {
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    20% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
   */
}
.H_Videos-list-item:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #021d49;
  position: absolute;
  inset: 0;
  opacity: 0.24;
  z-index: 1;
}
.H_Videos-list-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.H_Videos-list-item iframe {
  width: 350%;
  height: 100%;
  margin-left: -125%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.H_Videos-list-item svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(45px, 2.9vw, 55px);
  height: clamp(52px, 3.4vw, 64px);
  z-index: 1;
  transition: all 300ms;
}
.H_Videos-list-item-preview {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
}
.H_Videos-list-item-hover {
  display: none;
  position: absolute;
  inset: 0;
  transition: all 300ms;
}
.H_Videos-list-item-hover img {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: frameAnimation 5s steps(5) infinite;
}
.H_Videos-list-item-hover img:nth-child(1) {
  display: block;
  animation-delay: 0s;
}
.H_Videos-list-item-hover img:nth-child(2) {
  animation-delay: 1s;
}
.H_Videos-list-item-hover img:nth-child(3) {
  animation-delay: 2s;
}
.H_Videos-list-item-hover img:nth-child(4) {
  animation-delay: 3s;
}
.H_Videos-list-item-hover img:nth-child(5) {
  animation-delay: 4s;
}
.H_Videos-list-item:hover:before, .H_Videos-list-item.hovered:before {
  opacity: 0;
}
.H_Videos-list-item:hover iframe, .H_Videos-list-item.hovered iframe {
  opacity: 1;
}
.H_Videos-list-item:hover-img, .H_Videos-list-item.hovered-img {
  opacity: 0;
}
.H_Videos-list-item:hover svg, .H_Videos-list-item.hovered svg {
  opacity: 0;
}
.H_Videos-list .swiper {
  width: 100%;
}

.H_Blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 90px 0;
}
.H_Blog h3 {
  margin-bottom: 50px;
}
.H_Blog-list {
  max-width: 1260px;
  padding: 0 30px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(24px, 1.57vw, 30px);
}
.H_Blog-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 340px;
}
.H_Blog-list-item img {
  width: 100%;
  margin-bottom: 25px;
}
.H_Blog-list-item b {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.H_Blog-list-item p {
  font-size: clamp(16px, 1vw, 18px);
  font-weight: normal;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
}
.H_Blog-list-item a {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: bold;
  color: #431215;
  transition: all 300ms;
  display: flex;
  align-items: center;
  gap: 12px;
}
.H_Blog-list-item a svg {
  transition: all 300ms;
}
.H_Blog-list-item a:hover svg {
  transform: translateX(5px);
}

.Banner {
  position: relative;
}
.Banner:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #021d49;
  position: absolute;
  inset: 0;
  opacity: 0.24;
}
.Banner img {
  width: 100%;
}
.Banner-in {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: clamp(25px, 2.6vw, 50px);
}
.Banner-in h1 {
  font-size: clamp(28px, 1.78vw, 34px);
  font-weight: bold;
  line-height: 1.12;
  color: #fff;
}
.Banner-project:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.3;
  background-color: #021d49;
  inset: 0;
}
.Banner-project h1 {
  font-size: clamp(28px, 3.125vw, 60px);
}
.Banner-project-logo {
  display: flex;
  position: absolute;
  right: 60px;
  top: 30px;
  width: 100%;
  height: 100%;
  max-width: clamp(100px, 8.9vw, 170px);
  max-height: clamp(40px, 7.6vw, 146px);
  object-fit: contain;
}

.Projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 3.125vw, 60px);
  padding-top: clamp(46px, 3.9vw, 74px);
  margin-bottom: clamp(46px, 6.05vw, 116px);
}
.Projects-in {
  max-width: 1300px;
  padding: 0 30px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(22px, 1.6vw, 30px);
}
.Projects-item {
  position: relative;
  display: flex;
  transition: all 300ms;
  z-index: 1;
  grid-column: span 2;
}
.Projects-item img {
  width: 100%;
  transition: all 300ms;
}
.Projects-item:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0.4;
  background-color: #021d49;
  transition: all 300ms;
}
.Projects-item-logo {
  display: flex;
  position: absolute;
  right: 30px;
  top: 30px;
}
.Projects-item-logo img {
  width: 100%;
  height: 100%;
  max-width: clamp(100px, 14.6vw, 280px);
  max-height: clamp(55px, 4.2vw, 80px);
  object-fit: contain;
}
.Projects-item:hover {
  z-index: 2;
}
.Projects-item:hover img {
  transform: scale(1.1);
}
.Projects-item:hover:before {
  opacity: 0;
}
.Projects-item:nth-child(5n-1) {
  grid-column: 1/4;
}
.Projects-item:nth-child(5n) {
  grid-column: 4/7;
}
.Projects.completed {
  background-color: #eaecef;
  padding: clamp(60px, 5.2vw, 100px) 0;
}
.Projects.completed .Projects-in {
  grid-template-columns: 1fr 1fr 1fr;
}
.Projects.completed .Projects-item {
  grid-column: span 1;
}
.Projects.completed .Projects-item:nth-child(5n-1), .Projects.completed .Projects-item:nth-child(5n) {
  grid-column: span 1;
}
.Projects.completed .Projects-item:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/-4;
}
.Projects.completed .Projects-item:nth-child(2) img {
  height: calc(100% - 30px);
}
.Projects.completed .Projects-item:nth-child(2):before {
  height: calc(100% - 30px);
}
.Projects-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 30px;
  border-radius: 2px;
  background-color: #021d49;
  border: 1px solid #021d49;
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 500;
  color: #fff;
  transition: all 300ms;
}
.Projects-more:hover {
  color: #021d49;
  background-color: #fff;
}
.Projects-map {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 2.9vw, 40px);
}
.Projects-map-container {
  width: 100%;
  height: 700px;
}
.Projects-map-container .map-info-window {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px 20px;
  max-width: 460px;
  font-family: "Poppins", sans-serif;
}
.Projects-map-container .map-info-window-in {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.Projects-map-container .map-info-window-in img {
  width: 100%;
  height: 160px;
  max-width: 200px;
  object-fit: cover;
}
.Projects-map-container .map-info-window-text {
  display: flex;
  flex-direction: column;
}
.Projects-map-container .map-info-window-text img {
  width: 100px;
  height: 50px;
  margin-bottom: 12px;
  margin-left: auto;
  object-fit: contain;
}
.Projects-map-container .map-info-window-text h4 {
  font-size: 14px;
  color: #000;
}
.Projects-map-container .map-info-window-text p {
  font-size: 14px;
  color: #b29464;
}
.Projects-map-container .map-info-window-text p b {
  font-weight: bold;
}
.Projects-map-container .map-info-window h3 {
  font-size: 18px;
  font-weight: 600;
  color: #b29464;
  text-align: left;
}
.Projects-map-container .map-info-window-links {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.Projects-map-container .map-info-window-close {
  display: flex;
  align-items: center;
  background-color: transparent;
  margin-left: auto;
  margin-right: -10px;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 10px;
}
.Projects-map-container .map-info-window-close svg {
  width: 14px;
  height: 14px;
}
.Projects-map-container .gm-style-iw-chr {
  display: none;
}
.Projects-map-container .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.Projects-map-container .gm-style .gm-style-iw-c {
  padding-left: 0;
}
.Projects-map-container .map-directions-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background-color: #b29464;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  transition: all 300ms;
}
.Projects-map-container .map-directions-button:hover {
  background-color: #5a1a1d;
  color: #fff;
}
.Projects.devam-eden-projeler .H_Projects-list-item:nth-child(8), .Projects.devam-eden-projeler .H_Projects-list-item:nth-child(10) {
  width: 35%;
}
.Projects.devam-eden-projeler .H_Projects-list-item:nth-child(9) {
  width: 30%;
}

.ProjectDetail {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: clamp(50px, 3.65vw, 70px);
  position: relative;
}
.ProjectDetail .animate-logo {
  --size: 266px;
  --md-size: 128px;
  --sm-size: 110px;
  --xs-size: 100px;
}
.ProjectDetail-in {
  width: 100%;
  max-width: 1300px;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
.ProjectDetail-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: clamp(24px, 2.6vw, 50px);
}
.ProjectDetail-images a {
  display: flex;
}
.ProjectDetail-images a img {
  width: 100%;
}
.ProjectDetail-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 60px;
}
.ProjectDetail-content-left {
  display: flex;
  flex-direction: column;
}
.ProjectDetail-content-left h1 {
  font-size: clamp(24px, 1.67vw, 32px);
  font-weight: 600;
  color: #431215;
  margin-bottom: 20px;
}
.ProjectDetail-content-left p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.55;
  color: #000;
  margin-bottom: 20px;
}
.ProjectDetail-content-left h3 {
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 600;
  color: #431215;
  margin-bottom: 20px;
  margin-top: 20px;
}
.ProjectDetail-content-right {
  height: 100%;
}
.ProjectDetail-content-right a {
  width: 100%;
  height: 100%;
  display: flex;
}
.ProjectDetail-content-right a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ProjectDetail-features {
  display: flex;
  max-width: 900px;
  margin-bottom: 20px;
}
.ProjectDetail-features ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.ProjectDetail-features ul li {
  width: calc(50% - 10px);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.21;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}
.ProjectDetail-features ul li:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/bullet-dark.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.ProjectDetail-slider {
  margin-bottom: clamp(60px, 5.2vw, 100px);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.ProjectDetail-slider-item {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ProjectDetail-slider-item h3 {
  font-size: clamp(24px, 1.67vw, 32px);
  font-weight: 600;
  color: #000;
}
.ProjectDetail-slider-item .swiper {
  width: 100%;
  overflow: hidden;
}
.ProjectDetail-slider-item .swiper-slide {
  position: relative;
}
.ProjectDetail-slider-item .swiper-slide iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ProjectDetail-slider-item .swiper-slide a {
  width: 100%;
  height: 100%;
  display: flex;
}
.ProjectDetail-slider-item .swiper-slide:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #021d49;
  position: absolute;
  inset: 0;
  opacity: 0.24;
  z-index: 2;
  pointer-events: none;
}
.ProjectDetail-slider-item .swiper-button-prev, .ProjectDetail-slider-item .swiper-button-next {
  border: none;
  background-color: transparent;
  background-image: none;
  opacity: 0;
}
.ProjectDetail-slider-item .swiper-button-prev:after, .ProjectDetail-slider-item .swiper-button-next:after {
  display: block;
  color: #fff;
}
.ProjectDetail-slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ProjectDetail-slider-item:hover .project-slider-thumb, .ProjectDetail-slider-item:hover .project-slider-thumb2 {
  opacity: 1;
  visibility: visible;
}
.ProjectDetail-slider-item:hover .swiper-button-prev, .ProjectDetail-slider-item:hover .swiper-button-next {
  opacity: 1;
}
.ProjectDetail-slider-item:hover .swiper-button-next.swiper-button-disabled, .ProjectDetail-slider-item:hover .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}
.ProjectDetail-slider-item .project-slider-thumb, .ProjectDetail-slider-item .project-slider-thumb2 {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 10px;
  left: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
  z-index: 2;
}
.ProjectDetail-slider-item .project-slider-thumb .swiper-slide:before, .ProjectDetail-slider-item .project-slider-thumb2 .swiper-slide:before {
  opacity: 0;
}
.ProjectDetail-slider-item .project-slider-thumb img, .ProjectDetail-slider-item .project-slider-thumb2 img {
  max-height: 80px;
  object-fit: cover;
  cursor: pointer;
}
.ProjectDetail-slider-item:first-child h3 {
  margin-left: 20px;
}
.ProjectDetail-slider .project-slider .swiper-slide, .ProjectDetail-slider .project-slider2 .swiper-slide, .ProjectDetail-slider .project-slider3 .swiper-slide {
  aspect-ratio: 1.5;
}
.ProjectDetail-slider .project-slider .swiper-button-disabled, .ProjectDetail-slider .project-slider2 .swiper-button-disabled, .ProjectDetail-slider .project-slider3 .swiper-button-disabled {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.ProjectDetail-gallery-button {
  display: flex;
  align-items: center;
  gap: 18px;
  background-image: linear-gradient(191deg, #431215 99%, #240306 2%);
  padding: 26px;
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: bold;
  color: #fff;
  position: fixed;
  right: -135px;
  top: 360px;
  transform: rotate(-90deg);
  transition: all 300ms;
}
.ProjectDetail-gallery-button:hover, .ProjectDetail-gallery-button:focus {
  color: #fff;
}

.ProjectMap-container {
  width: 100%;
  height: 700px;
  overflow: hidden;
}
.ProjectMap .map-info-window {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 34px;
  padding-top: 20px;
  max-width: 360px;
  font-family: "Poppins", sans-serif;
}
.ProjectMap .map-info-window h3 {
  font-size: 24px;
  font-weight: 600;
  color: #b29464;
  text-align: center;
}
.ProjectMap .map-info-window p {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  line-height: 1.44;
  color: #000;
}
.ProjectMap .map-info-window p svg {
  flex-shrink: 0;
}
.ProjectMap .map-info-window p a {
  font-size: 28px;
  font-weight: 500;
  transition: color 300ms;
}
.ProjectMap .map-info-window p a:hover {
  color: #b29464;
}
.ProjectMap .map-info-window-close {
  display: flex;
  align-items: center;
  background-color: transparent;
  margin-left: auto;
  margin-right: -10px;
  cursor: pointer;
}
.ProjectMap .map-directions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: #b29464;
  border-radius: 2px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  transition: all 300ms;
}
.ProjectMap .map-directions-button:hover {
  background-color: #5a1a1d;
  color: #fff;
}

.Gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
}
.Gallery h1 {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.12;
  color: #431215;
  margin-bottom: 56px;
}
.Gallery-list {
  width: 100%;
  max-width: 1300px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 36px;
  margin-bottom: 80px;
}
.Gallery-list-title {
  font-size: 32px;
  font-weight: 600;
  color: #000;
}
.Gallery-list-in {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(20px, 1.57vw, 30px);
}
.Gallery-list-in a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
  overflow: hidden;
}
.Gallery-list-in a img {
  width: 100%;
  max-width: 400px;
  max-height: 225px;
  height: 100%;
  object-fit: cover;
  transition: all 300ms;
}
.Gallery-list-in a:hover img {
  transform: scale(1.05);
}

.Content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(46px, 4.2vw, 80px) 0;
}
.Content-in {
  max-width: 1300px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}
.Content p, .Content li, .Content span {
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: normal;
  line-height: 1.55;
  color: #000;
}
.Content ul {
  list-style: disc;
  margin-top: 20px;
  margin-bottom: 20px;
}
.Content ul ol, .Content ul ul {
  margin: 0 !important;
}
.Content ol {
  list-style: decimal;
  margin-top: 20px;
  margin-bottom: 20px;
}
.Content ol ul, .Content ol ol {
  margin: 0 !important;
}
.Content-signature {
  font-size: clamp(24px, 1.46vw, 28px);
  font-weight: 600;
  color: #431215;
  margin-top: 30px;
}

.Blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(60px, 4.2vw, 80px) 0;
}
.Blog-list {
  max-width: 1300px;
  padding: 0 30px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: clamp(25px, 1.57vw, 30px);
  row-gap: clamp(30px, 2.6vw, 50px);
  margin-bottom: clamp(45px, 3.65vw, 70px);
}
.Blog-list-item {
  display: flex;
  flex-direction: column;
}
.Blog-list-item img {
  width: 100%;
  margin-bottom: 25px;
}
.Blog-list-item b {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.Blog-list-item p {
  font-size: clamp(16px, 1vw, 18px);
  font-weight: normal;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
}
.Blog-list-item a {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: bold;
  color: #431215;
  transition: all 300ms;
  display: flex;
  align-items: center;
  gap: 12px;
}
.Blog-list-item a svg {
  transition: all 300ms;
}
.Blog-list-item a:hover svg {
  transform: translateX(5px);
}

.BlogDetail {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: clamp(38px, 2.6vw, 50px);
}
.BlogDetail-in {
  max-width: 1060px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  padding-bottom: clamp(50px, 3.65vw, 70px);
}
.BlogDetail-in h1 {
  font-size: clamp(24px, 2.1vw, 40px);
  font-weight: 600;
  text-align: center;
  color: #431215;
  padding: 0 50px;
  margin-bottom: clamp(20px, 2vw, 38px);
}
.BlogDetail-in img {
  width: 100%;
  margin-bottom: clamp(20px, 2vw, 38px);
}
.BlogDetail-in p, .BlogDetail-in li, .BlogDetail-in span {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: normal;
  line-height: 1.55;
  color: #000;
}
.BlogDetail-in ul {
  list-style: disc;
  margin-top: 20px;
  margin-bottom: 20px;
}
.BlogDetail-in ul li {
  margin-bottom: 16px;
}
.BlogDetail-in ol {
  list-style: decimal;
  margin-top: 20px;
  margin-bottom: 20px;
}
.BlogDetail-in ol li {
  margin-bottom: 16px;
}
.BlogDetail-in h4, .BlogDetail-in h3 {
  font-size: clamp(18px, 1.1vw, 24px);
  font-weight: 600;
  line-height: 1.13;
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
}
.BlogDetail-slogan {
  display: flex;
  align-items: center;
  border-left: 2px solid #431215;
  margin-bottom: 20px;
  padding: 12px 0;
  padding-left: clamp(22px, 1.67vw, 32px);
}
.BlogDetail-slogan p {
  font-size: clamp(20px, 1.57vw, 30px);
  font-weight: 600;
  line-height: 1.17;
  color: #000;
  margin: 0;
}
.BlogDetail-other {
  width: 100%;
  max-width: 1300px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(80px, 6.78vw, 130px);
}
.BlogDetail-other h3 {
  font-size: clamp(24px, 1.67vw, 32px);
  font-weight: 600;
  color: #000;
  margin-bottom: clamp(26px, 2.09vw, 40px);
}
.BlogDetail-other-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(25px, 1.57vw, 30px);
}
.BlogDetail-other-list .Blog-list-item {
  min-width: 340px;
}

.Press {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(50px, 4.2vw, 80px) 0;
}
.Press-list {
  max-width: 1300px;
  padding: 0 30px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: clamp(25px, 1.57vw, 30px);
  row-gap: clamp(30px, 2.6vw, 50px);
  margin-bottom: clamp(45px, 3.65vw, 70px);
}
.Press-list-item {
  display: flex;
  flex-direction: column;
}
.Press-list-item img {
  width: 100%;
  border-radius: 2px;
  border: solid 1px #431215;
  margin-bottom: clamp(13px, 1.3vw, 25px);
}
.Press-list-item-date {
  width: max-content;
  font-size: clamp(14px, 1vw, 18px);
  font-weight: normal;
  color: #431215;
  padding: 6px 16px;
  border: solid 1px #431215;
  margin-bottom: 15px;
}
.Press-list-item b {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  min-height: 60px;
}
.Press-list-item p {
  font-size: clamp(16px, 1vw, 18px);
  font-weight: normal;
  line-height: 1.44;
  color: #000;
  margin-bottom: 0;
}
.Press-list-item a {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: bold;
  color: #431215;
  transition: all 300ms;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
.Press-list-item a svg {
  transition: all 300ms;
}
.Press-list-item a:hover svg {
  transform: translateX(5px);
}

.PressDetail {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(40px, 3.125vw, 60px);
  padding-bottom: clamp(60px, 4.2vw, 80px);
}
.PressDetail-in {
  max-width: 1300px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.PressDetail-in h1 {
  max-width: 720px;
  font-size: clamp(24px, 2.1vw, 40px);
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  color: #431215;
  margin-bottom: clamp(20px, 2vw, 38px);
}
.PressDetail-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.PressDetail-content-left img {
  width: 100%;
}
.PressDetail-content-right {
  display: flex;
  flex-direction: column;
}
.PressDetail-content-right p {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: normal;
  line-height: 1.35;
  color: #000;
}
.PressDetail-content-source {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
  font-size: clamp(18px, 1.1vw, 20px);
  margin-bottom: 30px;
  font-weight: 500;
  color: #431215;
}
.PressDetail-content-more {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 1vw, 16px) 25px;
  border-radius: 2px;
  background-color: #021d49;
  border: 1px solid #021d49;
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
  transition: all 300ms;
  margin-top: auto;
  margin-bottom: 30px;
}
.PressDetail-content-more:hover {
  background-color: #fff;
  color: #021d49;
}
.PressDetail-content-share {
  display: flex;
  align-items: center;
  gap: 10px;
}
.PressDetail-content-share-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: solid 1px #431215;
  color: #431215;
  transition: all 300ms;
}
.PressDetail-content-share-item:hover {
  background-color: #431215;
  color: #fff;
}
.PressDetail-date {
  width: max-content;
  font-size: 18px;
  font-weight: normal;
  color: #431215;
  padding: 6px 16px;
  border: solid 1px #431215;
  margin-bottom: 15px;
}

.Pagination {
  display: flex;
  align-items: center;
  gap: 14px;
}
.Pagination-item {
  width: 46px;
  height: 46px;
  border: solid 1px #431215;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #431215;
  transition: all 300ms;
}
.Pagination-item.active, .Pagination-item:hover {
  background: #431215;
  color: #fff;
}

.Contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(50px, 3.65vw, 70px) 0;
}
.Contact-in {
  width: 100%;
  max-width: 1300px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}
.Contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  row-gap: 24px;
  margin-bottom: 60px;
}
.Contact-form-item {
  display: flex;
  flex-direction: column;
}
.Contact-form-item-label {
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #000;
  margin-bottom: 8px;
}
.Contact-form-item-label + select {
  display: none;
}
.Contact-form-item-input {
  width: 100%;
  padding: 8px 16px;
  border: solid 1px #152e4d;
  background-color: #fff;
  height: 60px;
  font-size: 16px;
  outline: none;
}
.Contact-form-item-input:focus, .Contact-form-item-input:active, .Contact-form-item-input:hover {
  border-color: #015FCC;
}
.Contact-form-item-select {
  width: 100%;
  padding: 4px 16px;
  border: solid 1px #152e4d;
  background-color: #fff;
  height: 60px;
  font-size: 16px;
  border-radius: 0;
}
.Contact-form-item .nice-select:active, .Contact-form-item .nice-select:hover, .Contact-form-item .nice-select.open, .Contact-form-item .nice-select:focus {
  border-color: #015FCC;
}
.Contact-form-item textarea {
  width: 100%;
  padding: 16px;
  border: solid 1px #152e4d;
  background-color: #fff;
  font-family: inherit;
  font-size: 16px;
}
.Contact-form-item input[type=checkbox] {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
.Contact-form-item input[type=checkbox]:checked + span {
  background-color: #021d49;
}
.Contact-form-item input[type=checkbox]:checked + span:before {
  opacity: 1;
}
.Contact-form-item.message {
  grid-column: 1/-1;
}
.Contact-form-item.checkbox {
  grid-column: 1/-1;
  flex-direction: row;
  align-items: center;
  position: relative;
  gap: 12px;
}
.Contact-form-item.checkbox span {
  width: 23px;
  height: 23px;
  border: solid 1px #152e4d;
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
  transition: all 300ms;
  pointer-events: none;
}
.Contact-form-item.checkbox span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 7px;
  top: 3px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  transition: all 300ms;
  opacity: 0;
}
.Contact-form-item.checkbox p {
  font-size: 18px;
  font-weight: normal;
  color: #141414;
}
.Contact-form-item.checkbox p.error-text {
  position: absolute;
  bottom: -26px;
  font-size: 14px;
  font-weight: normal;
  color: red;
  display: none;
}
.Contact-form-item.checkbox p.error-text.active {
  display: block;
}
.Contact-form-item-cv {
  position: relative;
}
.Contact-form-item-cv-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.Contact-form-item-cv-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  height: 60px;
  background: #f8f9fa;
  border: 1px dashed #152e4d;
  color: #495057;
  transition: all 0.3s ease;
}
.Contact-form-item-cv-label:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
.Contact-form-item-cv-label svg {
  width: 24px;
  height: 24px;
  color: #6c757d;
}
.Contact-form-item-cv-preview {
  margin-top: 8px;
  font-size: 14px;
  color: #28a745;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: clamp(300px, 36vw, 690px);
}
.Contact-form-item-cv-preview-active {
  margin-bottom: 8px;
}
.Contact-form-item.cv {
  grid-column: 1/-1;
}
.Contact-form-item .error-text {
  font-size: 14px;
  font-weight: normal;
  color: red;
  display: none;
  margin-top: 8px;
}
.Contact-form-item .error-text.active {
  display: block;
}
.Contact-form button {
  grid-column: 1/-1;
  margin-left: auto;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 56px;
  border-radius: 2px;
  background-color: #021d49;
  border: 1px solid #021d49;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: all 300ms;
}
.Contact-form button:hover {
  background-color: #fff;
  color: #021d49;
}
.Contact-form button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.Contact-form-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.Contact-form-two.repeater {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}
.Contact-form-two.repeater-in {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.Contact-form-two.repeater h4 {
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #000;
  margin-bottom: 8px;
}
.Contact-form-three {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}
.Contact-form-three-in {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.Contact-form-three.repeater h4 {
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #000;
  margin-bottom: 8px;
}
.Contact-form-four {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}
.Contact-form-four-in {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.Contact-form-four.repeater h4 {
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #000;
  margin-bottom: 8px;
}
.Contact-form-six {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}
.Contact-form-six-in {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.Contact-form-six.repeater h4 {
  font-size: clamp(18px, 1.1vw, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #000;
  margin-bottom: 8px;
}
.Contact-form .iti__selected-country {
  border: none;
  background-color: transparent;
  padding: 0;
}
.Contact-form .iti .iti__selected-dial-code {
  font-size: 16px;
  color: #000;
}
.Contact-form .iti__search-input {
  outline: none;
  padding: 16px 16px;
}
.Contact-form #preloader {
  display: none;
}
.Contact-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.Contact-list-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.Contact-list-item h3 {
  font-size: clamp(24px, 1.5vw, 28px);
  font-weight: 600;
  color: #b29464;
}
.Contact-list-item-in {
  display: flex;
  flex-direction: column;
  padding: 14px 22px;
  border: solid 1px #b29464;
  background-color: #fff;
  gap: 16px;
}
.Contact-list-item-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.Contact-list-item-info svg {
  flex-shrink: 0;
}
.Contact-list-item-info-in {
  display: flex;
  flex-direction: column;
}
.Contact-list-item-info p, .Contact-list-item-info a {
  font-size: clamp(14px, 1vw, 16px);
  font-weight: normal;
  color: #000;
  transition: all 300ms;
}
.Contact-list-item-info a:hover {
  color: #021d49;
}
.Contact-list-item-map-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background-color: #5a1a1d;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  transition: all 300ms;
}
.Contact-list-item-map-button:hover {
  background-color: #b29464;
  color: #fff;
}
.Contact-map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 700px;
}
.Contact-map-container {
  width: 100%;
  height: 100%;
}
.Contact-map-container .map-info-window {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  max-width: 360px;
  font-family: "Poppins", sans-serif;
}
.Contact-map-container .map-info-window h3 {
  font-size: 18px;
  font-weight: 600;
  color: #b29464;
  text-align: center;
  margin-bottom: 10px;
}
.Contact-map-container .map-info-window-close {
  display: flex;
  align-items: center;
  background-color: transparent;
  margin-left: auto;
  margin-right: -10px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
}
.Contact-map-container .map-info-window-close svg {
  width: 14px;
  height: 14px;
}
.Contact-map-container .gm-style-iw-chr {
  display: none;
}
.Contact-map-container .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.Contact-map-container .gm-style .gm-style-iw-c {
  padding-left: 0;
}
.Contact-map-container .map-directions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background-color: #b29464;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  transition: all 300ms;
}
.Contact-map-container .map-directions-button:hover {
  background-color: #5a1a1d;
  color: #fff;
}

.Breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px clamp(30px, 4.2vw, 80px);
}
.Breadcrumbs-in {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 1740px;
  width: 100%;
  height: 100%;
}
.Breadcrumbs-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  color: #6c7278;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 300ms;
}
.Breadcrumbs-link:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #6c7278;
}
.Breadcrumbs-link:hover {
  color: #021d49;
}
.Breadcrumbs-link:hover span {
  color: #fff;
}
.Breadcrumbs span:after {
  display: none;
}
.Breadcrumbs-banner {
  position: absolute;
  left: 0;
  top: 110px;
  z-index: 9;
}
.Breadcrumbs-banner .Breadcrumbs-link {
  color: #fff;
}
.Breadcrumbs-banner .Breadcrumbs-link:after {
  background-color: #fff;
}
.Breadcrumbs-banner .Breadcrumbs-link:hover {
  color: #021d49;
}

.Request-button {
  position: fixed;
  top: 55%;
  right: -77px;
  display: flex;
  align-items: center;
  background-position: left center;
  z-index: 3;
  padding: 22px 30px;
  gap: 14px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: all 300ms, top 1s ease, background-position 0.5s ease;
  transform: rotate(-90deg);
  overflow: hidden;
  background-image: linear-gradient(-45deg, #752930, #240306, #752930, #1e0205);
  background-size: 300% 300%;
  animation: gradientMove 3s ease infinite;
}
.Request-button.project {
  top: 55%;
}
.Request-button.active {
  top: 220px;
}
.Request-button:hover, .Request-button:active, .Request-button:focus {
  background-position: right center;
  color: #fff;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.Request-modal {
  width: 100vw;
  height: 100dvh;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  background-color: rgba(44, 44, 44, 0.68);
  z-index: 9999;
  transform: translateX(100%);
  transition: all 300ms;
}
.Request-modal.active {
  transform: translateX(0);
}
.Request-modal-in {
  width: 100%;
  max-width: 640px;
  overflow-y: scroll;
  padding: clamp(30px, 5.56vh, 60px) 60px;
  background-image: linear-gradient(29deg, #240306 2%, #431215 98%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(24px, 4.25vh, 46px);
}
.Request-modal-in h3 {
  font-size: clamp(20px, 3.05vh, 32px);
  font-weight: bold;
  color: #fff;
}
.Request-modal-form {
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 2.1vh, 22px);
}
.Request-modal-form-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Request-modal-form-item-label {
  font-size: clamp(16px, 1.9vh, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #fff;
}
.Request-modal-form-item-input {
  width: 100%;
  padding: 8px 16px;
  border: solid 1px #152e4d;
  background-color: #fff;
  outline: none;
  height: clamp(40px, 5.56vh, 60px);
  font-size: 16px;
}
.Request-modal-form-item textarea {
  width: 100%;
  padding: 16px;
  border: solid 1px #152e4d;
  background-color: #fff;
  font-family: inherit;
  font-size: 16px;
}
.Request-modal-form-item input[type=checkbox], .Request-modal-form-item input[type=radio] {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
.Request-modal-form-item input[type=checkbox]:checked + span, .Request-modal-form-item input[type=radio]:checked + span {
  background-color: #021d49;
}
.Request-modal-form-item input[type=checkbox]:checked + span:before, .Request-modal-form-item input[type=radio]:checked + span:before {
  opacity: 1;
}
.Request-modal-form-item-checkbox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}
.Request-modal-form-item-checkbox h5 {
  grid-column: 1/-1;
  font-size: clamp(16px, 1.9vh, 20px);
  font-weight: 600;
  line-height: 1.9;
  color: #fff;
  margin-bottom: 12px;
}
.Request-modal-form-item-checkbox .error-text {
  position: absolute;
  bottom: -20px;
}
.Request-modal-form-item-select {
  gap: 0;
}
.Request-modal-form-item-select .Request-modal-form-item-label {
  margin-bottom: 8px;
}
.Request-modal-form-item-select .Contact-form-item-select {
  padding: 12px 16px;
}
.Request-modal-form-item-select .error-text {
  margin-top: 8px;
}
.Request-modal-form-item.agree .checkbox label {
  font-size: clamp(14px, 1.8vh, 18px);
  line-height: 1.33;
}
.Request-modal-form-item .checkbox {
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 12px;
}
.Request-modal-form-item .checkbox span {
  width: 23px;
  height: 23px;
  border: solid 1px #152e4d;
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
  transition: all 300ms;
  pointer-events: none;
}
.Request-modal-form-item .checkbox span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 7px;
  top: 3px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  transition: all 300ms;
  opacity: 0;
}
.Request-modal-form-item .checkbox label {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}
.Request-modal-form-item .checkbox .error-text {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  display: none;
}
.Request-modal-form-item .checkbox .error-text.active {
  display: block;
}
.Request-modal-form-item .error-text {
  font-size: 14px;
  font-weight: normal;
  color: red;
  display: none;
}
.Request-modal-form-item .error-text.active {
  display: block;
}
.Request-modal-form button {
  font-family: inherit;
  grid-column: 1/-1;
  margin-left: auto;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 56px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 20px;
  font-weight: 500;
  color: #431215;
  cursor: pointer;
  transition: all 300ms;
}
.Request-modal-form button #preloader {
  display: none;
}
.Request-modal-form button:hover {
  background-color: #431215;
  color: #fff;
}
.Request-modal-form button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.Request-modal-form .iti {
  width: 100%;
}
.Request-modal-form .iti__selected-country {
  border: none;
  background-color: transparent;
  padding: 0;
}
.Request-modal-form .iti__selected-country:hover {
  background-color: transparent;
}
.Request-modal-form .iti .iti__selected-dial-code {
  font-size: 16px;
  color: #000;
}
.Request-modal-form .iti__search-input {
  outline: none;
  padding: 16px 16px;
}
.Request-modal-form .iti input.iti__tel-input::placeholder {
  color: #ccc;
}
.Request-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 60px;
  background-color: transparent;
  cursor: pointer;
}
.Request-modal-close .icon-close {
  width: 25.5px;
  height: 25.6px;
  background-image: url(../images/exit.svg);
}

.Kvkk-modal {
  width: 100vw;
  height: 100dvh;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(44, 44, 44, 0.68);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
}
.Kvkk-modal.active {
  opacity: 1;
  visibility: visible;
}
.Kvkk-modal-in {
  width: 100%;
  max-width: 90vw;
  height: 90dvh;
  border-radius: 24px;
  padding: clamp(30px, 5.56vh, 60px) 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(24px, 4.25vh, 46px);
  background-color: #fff;
  position: relative;
}
.Kvkk-modal-in h3 {
  font-size: clamp(24px, 3.71vh, 40px);
  font-weight: bold;
  color: #431215;
}
.Kvkk-modal-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.Kvkk-modal-content {
  overflow-y: scroll;
}
.Kvkk-modal-content p, .Kvkk-modal-content li, .Kvkk-modal-content span, .Kvkk-modal-content h4, .Kvkk-modal-content h5, .Kvkk-modal-content h6 {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: normal;
  line-height: 1.55;
  color: #000;
}
.Kvkk-modal-content h1, .Kvkk-modal-content h2, .Kvkk-modal-content h3, .Kvkk-modal-content h4, .Kvkk-modal-content h5, .Kvkk-modal-content h6 {
  margin-bottom: 20px;
}
.Kvkk-modal-content h4, .Kvkk-modal-content h5, .Kvkk-modal-content h6, .Kvkk-modal-content b, .Kvkk-modal-content strong {
  font-weight: bold;
}
.Kvkk-modal-content ul {
  list-style: disc;
}
.Kvkk-modal-content ol {
  list-style: decimal;
}
.Kvkk-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
}
.Kvkk-modal-close .icon-close {
  width: 25.5px;
  height: 25.6px;
  background-image: url(../images/exit.svg);
  filter: brightness(0);
}
.Kvkk-modal-accept {
  margin-left: auto;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px clamp(24px, 1.7vw, 32px);
  border-radius: 2px;
  background-color: #021d49;
  border: 1px solid #021d49;
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: all 300ms;
}
.Kvkk-modal-accept:hover {
  background-color: #fff;
  color: #021d49;
}
.Kvkk-modal-accept:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.Hr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px clamp(30px, 4.2vw, 80px);
}
.Hr-in {
  max-width: 1740px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding: clamp(50px, 3.65vw, 70px) 0;
}
.Hr-in h1, .Hr-in h2 {
  font-size: clamp(24px, 2.1vw, 40px);
  font-weight: 600;
  color: #431215;
  margin-bottom: clamp(50px, 3.65vw, 70px);
}
.Hr-in img {
  width: 100%;
  margin-bottom: clamp(20px, 2vw, 38px);
}
.Hr-in p {
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: normal;
  line-height: 1.35;
  color: #000;
  margin-bottom: 20px;
}
.Hr-in h4 {
  font-size: clamp(18px, 1.1vw, 24px);
  font-weight: 600;
  line-height: 1.13;
  color: #000;
  margin-bottom: 20px;
}
.Hr-right .Contact-form {
  gap: 20px;
}
.Hr-right .Contact-form-item-input {
  height: 45px;
}
.Hr-right .Contact-form-item-select {
  height: 45px;
}
.Hr-right .Contact-form-item-cv-label {
  height: 45px;
}
.Hr-right .Contact-form-item.checkbox p {
  margin-bottom: 0;
}

.Form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px clamp(30px, 4.2vw, 80px);
}
.Form-in {
  max-width: 1740px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding: clamp(50px, 3.65vw, 70px) 0;
}
.Form-in h1, .Form-in h2 {
  font-size: clamp(24px, 2.1vw, 40px);
  font-weight: 600;
  color: #431215;
  margin-bottom: clamp(50px, 3.65vw, 70px);
}

div:where(.swal2-container) {
  z-index: 99999 !important;
}

@media (max-width: 1100px) {
  .H_Blog {
    overflow: hidden;
  }
  .H_Blog-list {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .H_Blog-list::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1300px) {
  .ProjectDetail-content {
    grid-template-columns: 1fr;
  }
  .ProjectDetail-content-right {
    display: none;
  }
  .BlogDetail-other-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .H_Banner-item-left {
    gap: 16px;
    margin-bottom: 16px;
  }
  .H_Banner-item-right .swiper-button-prev, .H_Banner-item-right .swiper-button-next {
    display: none;
  }
  .H_Banner-item-link {
    background-image: linear-gradient(261deg, #431215 2%, #240306 98%);
    border: none;
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    height: 50px;
  }
  .H_Banner-item-link:hover {
    color: #fff;
  }
  .H_Banner-item-video {
    width: 50px;
    height: 50px;
    padding: 0;
    border: solid 1px #431215;
    background-color: #fff;
    background-image: none;
  }
  .H_Banner-item-video svg {
    display: block;
  }
  .H_Banner-item-video span {
    display: none;
  }
  .H_Banner-item-logo-container {
    padding: 0 40px;
    top: 30px;
    right: 30px;
  }
  .H_Banner-home .H_Banner-item {
    cursor: default;
  }
  .H_Stats-list {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;
  }
  .H_Stats-list-item {
    min-height: 240px;
  }
  .H_Projects-list-item {
    width: 50%;
  }
  .H_Projects-list-item-logo {
    max-width: 75% !important;
    max-height: 50% !important;
  }
  .H_Projects-list-item:nth-child(1), .H_Projects-list-item:nth-child(3) {
    width: 50%;
  }
  .H_Projects-list-item:nth-child(2) {
    width: 50%;
  }
  .H_Projects-list-item.full-item {
    width: 100%;
  }
  .Banner img {
    min-height: 235px;
    object-fit: cover;
  }
  .Banner-project-logo {
    min-height: unset !important;
    object-fit: contain !important;
  }
  .Projects-in {
    grid-template-columns: repeat(2, 1fr);
  }
  .Projects-item {
    grid-column: span 1;
  }
  .Projects-item:nth-child(5n-1) {
    grid-column: span 1;
  }
  .Projects-item:nth-child(5n) {
    grid-column: span 1;
  }
  .Projects-map {
    height: 500px;
  }
  .Projects.devam-eden-projeler .H_Projects-list-item:nth-child(8), .Projects.devam-eden-projeler .H_Projects-list-item:nth-child(10) {
    width: 50%;
  }
  .Projects.devam-eden-projeler .H_Projects-list-item:nth-child(9) {
    width: 50%;
  }
  .Press-list {
    grid-template-columns: 1fr 1fr;
  }
  .Blog-list {
    grid-template-columns: 1fr 1fr;
  }
  .PressDetail-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .PressDetail-content-source {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #431215;
  }
  .PressDetail-content-more {
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 25px;
    border-radius: 2px;
    background-color: #021d49;
    border: 1px solid #021d49;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    color: #fff;
    transition: all 300ms;
    margin-top: auto;
    margin-bottom: 30px;
  }
  .PressDetail-content-more:hover {
    background-color: #fff;
    color: #021d49;
  }
  .PressDetail-content-share {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .PressDetail-content-share-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: solid 1px #431215;
    color: #431215;
    transition: all 300ms;
  }
  .PressDetail-content-share-item:hover {
    background-color: #431215;
    color: #fff;
  }
  .PressDetail-date {
    width: max-content;
    font-size: 18px;
    font-weight: normal;
    color: #431215;
    padding: 6px 16px;
    border: solid 1px #431215;
    margin-bottom: 15px;
  }
  .ProjectDetail-slider {
    grid-template-columns: 1fr;
  }
  .ProjectDetail-slider-item h3 {
    margin-left: 20px;
  }
  .ProjectMap-container {
    height: 500px;
  }
  .ProjectMap .map-info-window {
    gap: 10px;
    padding: 16px 20px;
    max-width: 280px;
  }
  .ProjectMap .map-info-window h3 {
    font-size: 16px;
  }
  .ProjectMap .map-info-window p {
    font-size: 14px;
  }
  .ProjectMap .map-info-window p svg {
    width: 20px;
    height: 20px;
  }
  .ProjectMap .map-info-window p a {
    font-size: 18px;
  }
  .ProjectMap .map-info-window-close svg {
    width: 14px;
    height: 14px;
  }
  .ProjectMap .map-directions-button {
    padding: 10px;
    font-size: 18px;
    margin-top: 10px;
  }
  .Contact-list {
    grid-template-columns: 1fr;
  }
  .Contact-map {
    height: 500px;
  }
  .Breadcrumbs {
    padding-bottom: 10px;
  }
  .Breadcrumbs-in {
    gap: 8px;
  }
  .Breadcrumbs-link {
    gap: 8px;
    font-size: 12px;
  }
  .Breadcrumbs-banner {
    top: 74px;
  }
  .swiper-button-next, .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .swiper-button-next svg, .swiper-button-prev svg {
    width: 8.9px;
    height: 17.7px;
  }
  .Hr-in {
    grid-template-columns: 1fr;
  }
  .Hr-in h1, .Hr-in h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .H_Banner-item .scroll-down {
    display: none;
  }
  .H_Videos-head {
    padding: 0 20px;
    gap: 10px;
  }
  .H_Videos-head .title-big {
    font-size: clamp(24px, 2.1vw, 40px);
    text-align: left;
  }
  .H_Videos-head .swiper-button-next, .H_Videos-head .swiper-button-prev {
    width: 35px;
    height: 35px;
    margin-top: 0;
  }
  .H_Videos-list {
    padding: 0 20px;
  }
  .H_Stats-list {
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
  }
  .H_Stats-list-item {
    min-height: 240px;
  }
  .H_Blog-list {
    overflow: hidden;
    grid-template-columns: 1fr;
  }
  .H_Blog-list-item {
    min-width: 100%;
  }
  .Request-button {
    top: unset;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    padding: 13px 30px;
    transform: rotate(0);
    z-index: 999;
  }
  .Request-button.project {
    top: unset !important;
  }
  .Request-button.active {
    top: unset;
  }
  .Request-button svg {
    width: 28.6px;
    height: 33.7px;
  }
  .Request-modal {
    z-index: 9999;
  }
  .Request-modal-in {
    max-width: 100%;
    padding: 30px 30px;
    gap: 30px;
  }
  .Request-modal-in h3 {
    font-size: 24px;
  }
  .Request-modal-form {
    gap: 14px;
  }
  .Request-modal-form-item-input {
    height: 50px;
  }
  .Request-modal-form-item-checkbox {
    display: grid;
    grid-template-columns: 1fr;
  }
  .Request-modal-form-item-checkbox h5 {
    margin-bottom: 0;
  }
  .Request-modal-form-item.agree .checkbox label {
    font-size: 14px;
  }
  .Request-modal-form-item .checkbox label {
    font-size: 16px;
  }
  .Request-modal-form button {
    margin-top: 15px;
    padding: 13px 40px;
    font-size: 18px;
  }
  .Request-modal-form button:hover {
    background-color: #431215;
    color: #fff;
  }
  .Request-modal-close {
    right: 30px;
  }
  .Kvkk-modal {
    z-index: 9999;
  }
  .Kvkk-modal-in {
    padding: 30px 20px;
    gap: 30px;
  }
  .Kvkk-modal-in h3 {
    font-size: 24px;
  }
  .Banner-project-logo {
    display: none;
  }
  .Projects-in {
    grid-template-columns: repeat(1, 1fr);
  }
  .Projects-item-logo {
    right: 15px;
    top: unset;
    bottom: 15px;
  }
  .Projects.completed .Projects-in {
    grid-template-columns: 1fr;
  }
  .Projects.completed .Projects-item {
    grid-column: span 1;
  }
  .Projects.completed .Projects-item:nth-child(5n-1), .Projects.completed .Projects-item:nth-child(5n) {
    grid-column: span 1;
  }
  .Projects.completed .Projects-item:nth-child(2) {
    grid-column: span 1;
  }
  .Projects.completed .Projects-item:nth-child(2) img {
    height: auto;
  }
  .Projects.completed .Projects-item:nth-child(2):before {
    height: 100%;
  }
  .Projects-map-container .gm-style .gm-style-iw-c {
    max-height: unset !important;
  }
  .Projects-map-container .gm-style .gm-style-iw-d {
    max-height: unset !important;
  }
  .Projects-map .map-info-window {
    padding-right: 10px;
    height: 100%;
  }
  .Projects-map .map-info-window-in {
    flex-direction: column;
    align-items: flex-start;
  }
  .Projects-map .map-info-window-in img {
    height: auto;
    max-width: 230px;
    display: none;
  }
  .Projects-map .map-info-window-text img {
    display: block;
  }
  .Projects-map .map-info-window-text h3 {
    font-size: 16px;
  }
  .Press-list {
    grid-template-columns: 1fr;
  }
  .Press-list-item b {
    min-height: unset;
  }
  .Blog-list {
    grid-template-columns: 1fr;
  }
  .Blog-list-item b {
    min-height: unset;
  }
  .Pagination-item {
    display: none;
  }
  .Pagination-item:nth-child(1), .Pagination-item:nth-child(2), .Pagination-item:nth-child(3), .Pagination-item:nth-child(4), .Pagination-item:last-child {
    display: flex;
  }
  .BlogDetail-other-list {
    grid-template-columns: 1fr;
    overflow: hidden;
  }
  .BlogDetail-other-list .Blog-list-item {
    min-width: unset;
  }
  .Contact-form {
    grid-template-columns: 1fr;
  }
  .Contact-form-item-input {
    height: 50px;
  }
  .ProjectDetail-images {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .ProjectDetail-content {
    margin-bottom: 40px;
  }
  .ProjectDetail-content p {
    line-height: 1.56;
  }
  .ProjectDetail-features ul {
    flex-direction: column;
  }
  .ProjectDetail-features ul li {
    width: 100%;
  }
  .ProjectDetail-slider {
    padding-top: 30px;
  }
  .ProjectDetail-gallery-button {
    justify-content: center;
    gap: 16px;
    padding: 18px;
    right: 0;
    left: 0;
    top: unset;
    bottom: 0;
    transform: rotate(0);
  }
  .Gallery-list-in {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

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