/*
Theme Name: Simple Fit
Developer: Abylaikhan Tleukhan
Author URI: https://webrocket.kz/
*/
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: Uncage;
  src: url(fonts/uncage-2.ttf);
}
* {
  font-family: "Inter Tight", sans-serif;
}
html {
  scroll-padding-top: 96px;
}
h1,
h2,
h3 {
  font-family: Uncage;
}
h2 {
  font-size: 3rem;
}
:root {
  --black: #0d0d0d;
}
.smooth {
  transition: all 0.5s ease-in-out;
}
.bg-black {
  background-color: var(--black);
}
.header-bg-blur {
  background: hsla(0, 0%, 100%, 0.02);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.header-bg-blur-2 {
  background: hsla(0, 0%, 100%, 0.02);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(5px);
}
.text-hero {
  font-family: Uncage;
}
.text-sm {
  font-size: 14px;
}
.hide-menu {
  height: 0 !important;
}
.smooth {
  transition: all 0.6s ease-in-out;
}
.hero-h1 span {
  font-family: Uncage;
  font-size: 64px;
}
.hero-h1 img {
  width: 100px;
}
.service-desc {
  height: 55px;
}
.service_card {
  height: 400px;
}
.service_card:hover .service-desc {
  height: 190px;
  background-color: #1c1c1c !important;
}
.service_card:hover .service_image .card-front-image {
  width: 75% !important;
}
.service_card:hover .service_image .card-back-image {
  filter: invert(27%) sepia(92%) saturate(7471%) hue-rotate(358deg)
    brightness(103%) contrast(117%);
}
.tariffs-h2 span {
  font-family: Uncage;
  color: var(--bs-danger) !important;
}
.live-h2 span {
  font-family: Uncage;
  color: var(--bs-danger) !important;
}
.tariff-card {
  height: 640px;
}
.rotate {
  transform: rotate(45deg);
}
.map-wrapper iframe {
  width: 100% !important;
  height: 682px;
}
.video-item iframe {
  width: 100%;
  height: 700px;
}
.whatsapp-btn {
  bottom: 75px;
  right: 50px;
}
@media (max-width: 768px) {
  html {
    scroll-padding-top: 77px;
  }
  .hero-h1 span {
    font-size: 34px;
  }
  h2 {
    font-size: 2rem;
  }
  .hero-h1 img {
    width: 50px;
  }
  .service_card {
    height: 300px;
  }
  .about-desktop-container {
    display: none !important;
  }
  .tariff-card {
    height: auto;
  }
  .map-wrapper iframe {
    width: 100% !important;
    height: 320px;
  }
  .desktop-buttons {
    display: none;
  }
  .video-item iframe {
    height: 300px;
  }
  .whatsapp-btn {
    display: none;
  }
}