/*
Theme Name: Akashi
Developer: Abylaikhan Tleukhan
Author URI: https://abylaikhan.freshcode.kz/
*/
:root {
}
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@font-face {
  font-family: Uncage_Regular;
  src: url(fonts/uncage-regular.otf);
}
* {
  font-family: "Inter", sans-serif;
}
:root {
  --dark: #0b0b0b;
}
.bg-akashi {
  background-color: var(--dark);
}
h1,
h2,
h3 {
  font-family: Uncage_Regular;
}
.smooth {
  transition: all 0.7s ease-in-out;
}
.pointer {
  cursor: pointer;
}
.text-sb {
  font-weight: 600;
}
.text-sm {
  font-size: 14px;
}
.text-xs {
  font-size: 12px;
}
.text-xxs {
  font-size: 10px;
}
.text-h {
  font-family: Uncage_Regular;
}
.text-p {
  font-family: "Inter", sans-serif !important;
}
.slogan_text {
  font-size: 100px;
}
.gradient-to-right {
  background: linear-gradient(to right, white 0%, transparent 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-to-left {
  background: linear-gradient(to right, transparent 0%, white 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.img-32 {
  width: 32px;
  height: 32px;
}
.img-50 {
  width: 50px;
}
.img-70 {
  width: 70px;
  height: 70px;
}
.img-80 {
  width: 80px;
  height: 80px;
}
.img-100 {
  width: 100px;
}
.img-125 {
  width: 125px;
}

.polygon {
  clip-path: polygon(
    0 0,
    90% 0,
    100% 10%,
    100% 80%,
    100% 100%,
    10% 100%,
    0 90%,
    0% 20%
  );
}
.polygon-top {
  clip-path: polygon(
    5% 0,
    95% 0,
    100% 5%,
    100% 100%,
    80% 100%,
    20% 100%,
    0 100%,
    0 5%
  );
}
.polygon-btn {
  clip-path: polygon(
    0 0,
    100% 0,
    100% 20%,
    100% 100%,
    80% 100%,
    20% 100%,
    0 80%,
    0% 10%
  );
}
.rotate {
  transform: rotate(180deg);
}
/* header */
.desktop-menu {
  top: 90px;
  z-index: 30;
}
.services-menu {
  height: 430px;
  width: 1200px;
}
.about-menu {
  height: 420px;
}
.hide-desktop-menu {
  height: 0 !important;
}
/* .footer-nav-a:active {
    opacity: 0.7!important;
	padding-left: 10px!important;
} */
.touched {
  opacity: 0.7 !important;
  padding-left: 10px !important;
}
.desktop-bg-blur,
.mobile-menu-bg,
.mobile-menu-bg_contacts {
  z-index: 29;
  background: rgba(0, 0, 0, 0.3); /* полупрозрачная белая подложка */
  backdrop-filter: blur(5px); /* размывает то, что сзади */
  -webkit-backdrop-filter: blur(5px); /* для Safari */
  border-radius: 12px; /* опционально — красиво для стекла */
  border: 1px solid rgba(0, 0, 0, 0.2); /* лёгкая рамка как у стекла */
}

.service-nav-card {
  height: 400px;
}
.service-nav-card:hover .front-img {
  opacity: 0 !important;
}
.service-nav-card:hover {
  background-color: var(--dark) !important;
}
.service-nav-card:hover :is(h3, i, p) {
  color: var(--bs-white) !important;
}
.home-service-nav-card:hover .front-img {
  opacity: 0 !important;
}
.home-service-nav-card:hover {
  background-color: var(--dark) !important;
}
.home-service-nav-card:hover :is(h3, i, p) {
  color: var(--bs-white) !important;
}

/* home page */
.white-shadow {
  /* box-shadow: rgb(255, 255, 255) 0px 7px 29px 0px; */
  -webkit-box-shadow: 0px 5px 35px 34px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 5px 35px 34px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 5px 35px 34px rgba(255, 255, 255, 0.1);
}
.grey-filter {
  filter: grayscale(100);
}
.investor-card.visible img {
  filter: grayscale(0);
}

.investor-card.visible .red-shadow {
  opacity: 1 !important;
}
.red-shadow {
  filter: blur(55px);
  width: 100px;
  height: 100px;
}
.panel-shadow {
  -webkit-box-shadow: 0px -30px 100px 5px rgba(0, 0, 0, 0.89);
  -moz-box-shadow: 0px -30px 100px 5px rgba(0, 0, 0, 0.89);
  box-shadow: 0px -30px 100px 5px rgba(0, 0, 0, 0.89);
}
.panel {
  min-height: 560px;
  top: 120px;
}
.panel.fade-out {
  opacity: 0.05 !important;
}

.about-main {
  height: 850px;
}
.about-main-img {
  top: 250px;
  transition: transform 0.1s linear;
}
.team-photo {
  height: 440px;
}
.sust_card:hover {
  border: var(--bs-light) 1px solid !important;
}
.sust_card:hover img {
  opacity: 0 !important;
}
.sust_card:hover :is(h3, p) {
  opacity: 1 !important;
}

/* partners */
.partner-card:hover .logo-wrapper {
  background-color: var(--bs-primary) !important;
}
.partner-card:hover img {
  opacity: 1 !important;
}

.map iframe {
  width: 100% !important;
  height: 600px !important;
}

/* contacts */
.dark-input::placeholder {
  color: var(--bs-light) !important;
  opacity: 0.5 !important;
}

/* investors */
.key_players_grid {
  width: 75%;
}
.grid-inside {
  width: 100%;
}
.contacts-form-popup {
  height: 100vh;
}
.hide-contacts-popup {
  right: -200% !important;
}
.load-brick {
  width: 10px;
  height: 20px;
}

@media (max-width: 768px) {
  .slogan_text {
    font-size: 56px;
  }
  .home-service-nav-card {
    height: 404px;
  }

  /* about */
  .about-main {
    height: 650px;
  }
  .about-main-img {
    width: 250% !important;
  }
  .num-item-card {
    padding: 25px !important;
  }
  .num-item-card .bg-dark {
    opacity: 0.5 !important;
  }
  .team-photo {
    height: 320px;
  }
  .sust_card img {
    opacity: 0 !important;
  }
  .sust_card :is(h3, p) {
    opacity: 1 !important;
  }

  /* contacts */
  .map iframe {
    height: 320px !important;
  }

  /* investors */
  .key_players_grid {
    width: 100%;
  }
  .grid {
    overflow-x: scroll;
  }
  .grid-inside {
    width: 1980px;
  }
  .mobile-menu,
  .contacts-form-popup-mobile {
    top: 50px;
    z-index: 500;
  }
  .mobile-menu {
    height: 510px;
  }
  /* .contacts-form-popup-mobile {
    height: 820px;
  } */
  .hide-menu {
    top: -200% !important;
  }
  .contacts-form-popup {
    width: 100% !important;
    height: 700px !important;
    top: 70px !important;
    right: 0 !important;
  }
  .hide-contacts-popup {
    top: -100% !important;
  }
}