@font-face {
  font-family: "Unbounded";
  src: url("../fonts/unbounded/Unbounded-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "Unbounded", sans-serif !important;
}

:root {
  --main-color: #314075;
  --main-color2: #ff6c00;
  --br: 10px;
}

/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
}
.modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 999;
}
html {
  scroll-behavior: smooth;
}
.modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
#about,
#services,
#advantages,
#faq,
#contact {
  scroll-margin-top: 200px;
}
/* OVERLAY */
.modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
}

/* BOX */
.modal-box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 800px;
  max-width: 95%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  z-index: 2;

  transform: translateY(40px) scale(0.95);
  opacity: 0;
  transition: 0.3s;
}

.modal.active .modal-box {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* LEFT SIDE */
.modal-left {
  background: linear-gradient(135deg, #314075, #3d4f8f);
  color: #fff;
  padding: 40px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal-left h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

.modal-left p {
  opacity: 0.9;
  line-height: 1.5;
}

/* RIGHT SIDE */
.modal-right {
  padding: 40px;
  position: relative;
}

/* CLOSE */
.modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  border: none;
  background: none;
  font-size: 22px;
  cursor: pointer;
}

/* FORM */
.modal-right form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* INPUT */
.modal-right input,
.modal-right textarea {
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  outline: none;
  transition: 0.2s;
  font-size: 14px;
}

/* FOCUS EFFECT */
.modal-right input:focus,
.modal-right textarea:focus {
  border-color: var(--main-color);
  box-shadow: 0 0 0 3px rgba(11, 93, 59, 0.1);
}

/* TEXTAREA */
.modal-right textarea {
  min-height: 100px;
  resize: none;
}

/* BUTTON */
.submit-btn {
  padding: 14px;
  background: var(--main-color);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.2s;
}

.submit-btn:hover {
  background: var(--main-color);
}

/* RESPONSIVE */
@media (max-width: 700px) {
  .modal-box {
    grid-template-columns: 1fr;
  }

  .modal-left {
    display: none;
  }
}
.wrapper {
  height: 100vh;
  background: #333;
}

#main-div {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 0;
}
#main-button .icon-close {
  display: none;
}
#main-button.open .icon-mail {
  display: none;
}
#main-button.open .icon-close {
  display: block;
}

#main-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 60px;
  width: 60px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  border: 1px solid var(---light-yellow);
  border-radius: 50%;
  transition: all 0.3s ease;
}

#main-button:hover {
  background-color: #fff;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transform: scale(1.08);
}

#main-button ~ .onlineregistration {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  visibility: hidden;
  font-weight: bold;
  text-decoration: none;
  height: 50px;
  padding: 0 25px;
  color: #fff;
  border: 1px solid var(--blue);
  background: var(--blue);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: -1;
  right: 10px !important;
  bottom: 10px !important;
  opacity: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 30px;
  font-size: 14px;
}

#main-button.open ~ .onlineregistration {
  visibility: visible;
  right: 80px !important;
  opacity: 1;
  transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#main-button.open ~ .onlineregistration:hover {
  background-color: #fff;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transform: translateX(-4px);
  color: var(--blue);
}

#main-button ~ .wrappericon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 0;
  z-index: -1;
  height: 55px;
  width: 55px;
  opacity: 0;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  transition: all 0.3s ease;
}
#main-button ~ .wrappericon img {
  height: 55px;
  width: 55px;
  border-radius: 50%;
}

#main-button.open ~ .wrappericon {
  opacity: 1;
  transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#main-button.open ~ .wrappericon:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transform: scale(1.12);
}

#main-button.open ~ #wrapperviber {
  bottom: 80px;
  background: #665cac;
}

#main-button.open ~ #wrappertg {
  bottom: 150px;
  background: linear-gradient(0deg, #017ab1, #01abe6) !important;
}

#main-button.open ~ #wrappervk {
  bottom: 220px;
  background: #4169e1;
}

#main-button.open ~ #wrappermail {
  bottom: 290px;
  background: #2196f3;
}
#main-button.open ~ #wrapperig{
  bottom: 360px;
  background: #fe0078;
}
#main-button.open ~ #wrappertt {
  bottom: 430px;
  background: #333;
}

.wave {
  animation-name: wave;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.wrapper {
  display: block;
  position: absolute;
  z-index: 200;
}

@keyframes wave {
  0% {
    box-shadow: 0 0 0 0 #3d99df5a;
  }

  100% {
    box-shadow: 0 0 0 15px #3d99df1b;
  }
}

.open {
  animation-iteration-count: 1;
}
/* BURGER BUTTON */
#open_menu {
  display: none;
  cursor: pointer;
}

/* CONTAINER */
.container {
  width: 1300px;
  margin: 0 auto;
}
header {
  position: fixed;
  width: 100%;
  margin: auto;
  z-index: 300;
  top: 0;
}
/* HEADER TOP */
.header-top {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid var(--main-color2);
  padding-bottom: 60px;
  transition:
    background-color 0.35s ease,
    border-color 0.35s ease,
    padding 0.35s ease;
}

.header-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* LOGO */
.header-top-content img {
  height: 100%;
  width: 220px;
  object-fit: cover;
  transition:
    width 0.35s ease,
    max-height 0.35s ease;
}

/* RIGHT SIDE */
.header-top-right {
  display: flex;
  align-items: center;
}

/* ICON BLOCK */
.header-top-icons {
  display: flex;
  gap: 40px;
  transition: gap 0.35s ease;
}

.icon {
  display: flex;
  gap: 15px;
  transition: gap 0.35s ease;
}

/* ICON BOX (yellow square) */
.iconlink {
  width: 50px;
  height: 50px;
  background: var(--main-color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transition:
    width 0.35s ease,
    height 0.35s ease;
}

.iconlink svg {
  width: 25px;
  height: 25px;
  fill: #000;
  filter: brightness(0) invert(1);
  transition: filter 0.35s ease;
}

/* TEXT */
.textlink {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;

  transition: color 0.35s ease;
}

.textlink span {
  font-size: 13px;
  color: #777;
  text-transform: none;
  font-weight: 400;
  transition: color 0.35s ease;
}

/* MENU BAR */
.menu {
  background: var(--main-color2);
  padding: 20px 30px;
  margin-top: -40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  transition:
    padding 0.35s ease,
    margin-top 0.35s ease;
}

/* NAV */
nav ul {
  display: flex;
  list-style: none;
  gap: 35px;
}

nav ul li a {
  display: flex !important;
  gap: 5px !important;
  align-items: center !important;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  transition:
    color 0.35s ease,
    opacity 0.3s ease,
    font-size 0.35s ease;
}
nav ul li a:hover {
  opacity: 0.7;
}

/* SOCIAL ICONS AREA (SEARCH YERINE) */
.socialicons,
.socialicons-mobile {
  display: flex;
  align-items: center;
  gap: 5px;
}

.socialicons a,
.socialicons-mobile a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}
.socialicons a:hover,
.socialicons-mobile a:hover {
  opacity: 0.7;
}
.socialicons img,
.socialicons-mobile img {
  width: 100%;
  object-fit: cover;
}

/* HEADER — компактный вид при скролле */
header.header--scrolled .header-top {
  padding: 10px 0;
  padding-bottom: 38px;
}

header.header--scrolled .header-top-content img {
  width: 175px;
}

header.header--scrolled .header-top-icons {
  gap: 22px;
}

header.header--scrolled .icon {
  gap: 10px;
}

header.header--scrolled .iconlink {
  width: 42px;
  height: 42px;
}

header.header--scrolled .iconlink svg {
  width: 21px;
  height: 21px;
}

header.header--scrolled .menu {
  padding: 12px 24px;
  margin-top: -26px;
}

header.header--scrolled nav > ul > li > a {
  color: #fff;
  font-size: 15px;
}

header.header--scrolled .dropdown > a svg path {
  fill: #fff;
}

/* DROPDOWN BASE */
.dropdown {
  position: relative;
}

/* GAP FIX */
.dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 10px;
}

/* LINK */
.dropdown > a {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ICON */
.dropdown svg {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
}

.dropdown svg path {
  transition: fill 0.35s ease;
}

/* ROTATE */
.dropdown:hover svg {
  transform: rotate(180deg);
}

/* SUBMENU */
.submenu {
  position: absolute;
  top: 150%;
  left: 0;
  background: #fff;
  min-width: 220px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);

  transition: 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

/* SHOW */
.dropdown:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ITEMS */
.submenu li a {
  display: block;
  padding: 12px 15px;
  color: #000;
  font-size: 14px;
  transition: 0.2s;
  white-space: nowrap;
}

/* HOVER */
.submenu li a:hover {
  background: #f4b400;
  color: #000;
}
/* ===== MOBILE MENU SYSTEM ===== */
.mobile-menu {
  display: none;
}

@media (max-width: 991px) {
  .header-top-icons,
  .socialicons.header-s,
  nav {
    display: none;
  }

  .mobile-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
  }

  .mobile-toggle span {
    width: 25px;
    height: 3px;
    background: #000;
    border-radius: 3px;
  }

  .mobile-menu {
    display: block;
  }

  .mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 999;
  }

  .mobile-menu-content {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    padding: 20px;
    display: flex;
    flex-direction: column;
    transition: 0.4s ease;
    border-radius: 20px 0 0 20px;
  }

  .mobile-menu.active .mobile-menu-overlay {
    opacity: 1;
    visibility: visible;
  }

  .mobile-menu.active .mobile-menu-content {
    right: 0;
  }

  /* HEADER */
  .mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .mobile-menu-header img {
    width: 140px;
  }

  .mobile-close {
    border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
  }

  /* MENU LIST */
  .mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
  }

  .mobile-menu-list li {
    border-bottom: 1px solid #eee;
  }

  .mobile-menu-list a,
  .mobile-menu-list button {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 14px 0;
    text-decoration: none;
    background: none;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    gap: 5px;
  }

  /* DROPDOWN */
  .mobile-dropdown ul {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
  }

  .mobile-dropdown.active ul {
    max-height: 300px;
  }
  .mobile-dropdown.active button svg {
    transform: rotate(-180deg);
  }

  .mobile-dropdown svg {
    transition: 0.4s ease;
  }
  .mobile-dropdown ul li a {
    font-size: 14px;
    padding-left: 15px;
    color: #555;
  }

  /* BOTTOM */
  .mobile-menu-bottom {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .mobile-menu-bottom a {
    display: block;
    background: var(--main-color2);
    padding: 12px;
    border-radius: 10px;
    text-align: center;
    color: #000;
    font-weight: 700;
  }
}
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding-top: 50px;
}

a {
  text-decoration: none;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
  color: #fff;
  margin-top: 70px;
}

.hero-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
}

.hero-text {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 40px;
  opacity: 0.9;
  max-width: 80%;
}

.view-posts-btn {
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 8px 8px 8px 24px;
  border-radius: var(--br);
  background: var(--main-color2);
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.1s ease;
  width: fit-content;
}

.view-posts-btn:hover {
  background-color: var(--main-color);
}

.view-posts-btn:active {
  transform: scale(0.95);
}

.btn-text {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  transition: color 0.3s ease;
  text-transform: uppercase;
}

.view-posts-btn:hover .btn-text {
  color: #fff;
}

.btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  padding: 8px;
  border-radius: 8px;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}

.view-posts-btn:hover .btn-icon,
.view-posts-btn:focus-visible .btn-icon {
  transform: rotate(45deg);
  background-color: var(--main-color2);
}

.btn-icon svg {
  width: 20px;
  height: 20px;
  color: #fff;
  transition: transform 0.3s ease;
}

.view-posts-btn:hover .btn-icon svg {
  transform: rotate(-45deg);
}

@media (max-width: 992px) {
  .hero-title {
    font-size: 40px;
  }

  .hero-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .hero-title {
    font-size: 31px;
  }
  .service-gallery {
    padding-top: 0 !important;
  }
  .hero-text {
    max-width: 100%;
  }
  .btn-text {
    font-size: 14px;
  }
  .hero-text {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .hero-title {
    font-size: 21px;
  }
}

.hero {
  position: relative;
}

.hero-swiper {
  width: 100%;
  height: 100vh;
}

.hero-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.slide-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.6) 35%,
    rgba(0, 0, 0, 0.3) 60%,
    rgba(0, 0, 0, 0.2) 100%
  );
  z-index: 1;
}

/* RESET default */
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

/* BASE */
.swiper-button-prev,
.swiper-button-next {
  width: 70px;
  height: 60px;
  background: var(--main-color2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* LEFT BUTTON (sol tərəf) */
.swiper-button-prev {
  top: 85%;
  right: 160px;
  left: inherit !important;
  clip-path: polygon(11% 0, 100% 0%, 88% 100%, 0% 100%);
}

/* RIGHT BUTTON (sağ tərəf) */
.swiper-button-next {
  top: 85%;
  right: 80px;
  clip-path: polygon(11% 0, 100% 0%, 88% 100%, 0% 100%);
}

/* ICON (öz svg qoyuruq) */
.swiper-button-prev::before,
.swiper-button-next::before {
  content: "";
  width: 13px;
  height: 13px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

/* LEFT ARROW */
.swiper-button-prev::before {
  transform: rotate(-135deg);
}

/* RIGHT ARROW */
.swiper-button-next::before {
  transform: rotate(45deg);
}

/* HOVER */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #f4b400;
}

.section-title {
  margin-bottom: 20px;
  padding-left: 0;
  margin-left: 0;
}

.section-title .banner {
  margin-bottom: 15px;
  padding: 14px 28px 14px 0;
  border-radius: 10px;
  width: fit-content;
  max-width: 100%;
  position: relative;
  background: #fff;
  font-size: 34px;
  display: flex;
  align-items: center;
  gap: 14px;
  line-height: 1.1;
  letter-spacing: 0.5px;
  color: #404a3d;
  text-transform: capitalize;
  font-style: normal;
  font-weight: bold;
}

.product-main-area {
  width: 100%;
}

.product-main-category {
  display: none;
}

.product-main-category.selected-category {
  display: block;
}

.product-main-category .row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  row-gap: 10px;
  align-items: stretch;
}

.product-main-category .row > * {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}

@media (min-width: 576px) {
  .product-main-category .row {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

@media (min-width: 992px) {
  .product-main-category .row {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
}

.product-main-wrapper {
  display: flex;
  gap: 30px;
  /* flex-wrap: wrap; */
  justify-content: space-between;
}

.product-main-filter {
  width: 100%;
  position: relative;
}

.product-filter-drop {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 10px 30px;
  background: var(--default);
  color: #fff;
  border: none;
  cursor: pointer;
}

.product-filter-drop svg {
  margin-left: 10px;
}

.product-main-filter ul {
  margin-top: 10px;
  padding: 10px;
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 10px;
  z-index: 3;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.product-main-filter ul li {
  padding: 10px 12px;
  transition: 0.3s ease-in-out;
  color: var(--default);
  font-size: 13px;
  overflow: hidden;
  line-height: 1.2;
  text-align: start;
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-direction: row;
}

.product-main-filter ul li span {
  color: currentColor;
  flex: 1;
  min-width: 0;
}

.product-main-filter ul li .filter-list-icon,
.product-main-filter ul li img.filter-list-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 0.88;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.product-main-filter ul li.active-item .filter-list-icon,
.product-main-filter ul li:hover .filter-list-icon {
  opacity: 1;
}
.product-main-filter ul li.active-item a {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-main-filter ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}

.product-main-filter ul li.active-item,
.product-main-filter ul li:hover {
  background: #ddd;
  color: var(--black);
  border-radius: 10px;
}

.product-card-kate {
  width: 100%;
  min-height: 280px;
  height: clamp(280px, 24vw, 360px);
  border-radius: var(--br);
  overflow: hidden;
}

.product-card-kate a {
  display: block;
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
}

.product-card-kate a h4 {
  position: relative;
  z-index: 2;
  bottom: 16px;
  width: 100%;
  padding: 12px 14px 10px;
  text-align: center;
  color: #fff;
  transition:
    color 0.3s,
    transform 0.3s;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.9),
    0 1px 3px rgba(0, 0, 0, 0.95);
}

.product-card-kate a img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
  inset: 0;
}

.product_kate_logo {
  inset: unset !important;
  width: 100px !important;
  height: auto !important;
  left: 10px !important;
  top: 0 !important;
}

.product-card-kate a::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(15, 18, 35, 0.96) 0%,
    rgba(15, 18, 35, 0.78) 35%,
    rgba(49, 64, 117, 0.35) 65%,
    transparent 100%
  );
  width: 100%;
  height: 52%;
  min-height: 120px;
  bottom: 0;
  left: 0;
  transition:
    opacity 0.3s,
    height 0.3s;
}

.product-card-kate a:hover::after {
  height: 58%;
  min-height: 132px;
  background: linear-gradient(
    to top,
    rgba(10, 12, 26, 0.98) 0%,
    rgba(15, 18, 35, 0.85) 40%,
    rgba(255, 108, 0, 0.2) 72%,
    transparent 100%
  );
}

@media screen and (min-width: 992px) {
  .product-main-filter ul {
    position: unset;
    display: block;
    max-height: 515px;
    margin: 0;
    overflow-y: auto;
  }

  .product-main-filter ul::-webkit-scrollbar {
    width: 2px;
  }

  .product-main-filter ul::-webkit-scrollbar-track {
    background: #5acc3449;
  }

  .product-main-filter ul::-webkit-scrollbar-thumb {
    background: var(--main-color2);
  }

  .product-filter-drop {
    display: none;
  }

  .product-main-filter {
    width: 300px;
    height: fit-content;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  }

  .product-main-area {
    width: calc(100% - 312px);
    padding: 0 4px;
    min-width: 0;
  }
}
.row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: stretch;
}
.section-title .banner:before {
  content: "";
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: url("/assests/img/Favicon.svg") no-repeat center;
  background-size: contain;
}

.section-description p {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  line-height: 1.2;
}

.aboutAdvantagesArticle {
  width: 100%;
}

.aboutAdvantagesNavigation li.activePagination .aboutAdvantagesArticle p,
.aboutAdvantagesNavigation li.activePagination .aboutAdvantagesFigure h5,
.aboutAdvantagesNavigation li:hover .aboutAdvantagesArticle p,
.aboutAdvantagesNavigation li:hover .aboutAdvantagesFigure h5 {
  color: var(--color-1);
}

.advantages-area {
  margin-top: 20px;
}

.aboutAdvantagesArticle p,
.aboutAdvantagesFigure h5 {
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
  color: var(--white);
  -webkit-box-orient: unset;
  text-align: center;
}

.discover_us_bg {
  background: linear-gradient(135deg, #314075, #3d4f8f);
}

.discover-us {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
}
#discover-us .col-12 {
  width: 50% !important;
}
.discover_us_bg {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
  z-index: 1;
}

.discover-us .container {
  position: relative;
  z-index: 2;
}

.discover-us .row {
  row-gap: 20px;
  align-items: center;
  padding: 0 40px 0 0;
}

.advantages-area .row {
  align-items: unset;
}

.aboutImagesGallery {
  border-radius: 10px;
  position: relative;
}

.aboutImagesGallery figure {
  overflow: hidden;
  width: 100%;
  height: 250px;
}

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

.advantages-icons-slide {
  position: absolute;
  right: 0;
  border-radius: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 50;
  bottom: 0;
  background: var(--bg-3);
  height: 50px;
  width: 60px;
}

.advantages-icons-slide img {
  width: 24px;
  height: 24px;
  filter: invert(0) brightness(0);
}

.aboutAdvantagesNavigation li {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-wrap: wrap;
  justify-content: center;
  background-color: transparent;
  row-gap: 20px;
  gap: 10px;
  padding: 20px;
  margin-bottom: 10px;
  transition: 0.4s ease-in-out;
  border-bottom: 1px solid;
  border-bottom-color: var(--border-4);
}

.aboutAdvantagesArticle p,
.aboutAdvantagesFigure h5 {
  display: -webkit-box;
  overflow: hidden;
  text-transform: capitalize;
}

.aboutAdvantagesNavigation li.activePagination,
.aboutAdvantagesNavigation li:hover {
  border-radius: 10px;
  background-color: var(--white);
}

.aboutAdvantagesNavigation li:last-child {
  border-bottom: unset;
}

.aboutAdvantagesFigure img {
  margin-right: 10px;
  filter: invert(1);
  transition: 0.3s ease-in-out;
}

.aboutAdvantagesFigure {
  display: flex;
  align-items: center;
  width: 100%;
}

.aboutAdvantagesNavigation li.activePagination .aboutAdvantagesFigure img {
  filter: invert(0);
}

.aboutAdvantagesFigure h5 {
  transition: 0.3s ease-in-out;
  font-size: 22px;
  line-height: 28px;
}

.aboutAdvantagesArticle p {
  font-size: 14px;
  transition: 0.3s ease-in-out;
  line-height: 1.2;
  width: 100%;
  opacity: 0.7;
}

@media screen and (min-width: 375px) {
  .advantages-icons-slide {
    height: 50px;
    width: 80px;
    right: 0;
  }
}

@media screen and (min-width: 576px) {
  .aboutImagesGallery figure {
    height: 400px;
    overflow: unset;
    border-radius: unset;
    clip-path: polygon(
      3.384% 0.182%,
      3.384% 0.182%,
      3.002% 0.341%,
      2.634% 0.546%,
      2.282% 0.793%,
      1.948% 1.081%,
      1.634% 1.408%,
      1.341% 1.773%,
      1.071% 2.172%,
      0.826% 2.604%,
      0.608% 3.067%,
      0.418% 3.558%,
      0.317% 3.841%,
      0.317% 3.841%,
      0.271% 3.982%,
      0.229% 4.125%,
      0.192% 4.27%,
      0.16% 4.418%,
      0.133% 4.567%,
      0.111% 4.717%,
      0.094% 4.87%,
      0.082% 5.023%,
      0.074% 5.177%,
      0.072% 5.332%,
      0.072% 94.749%,
      0.072% 94.749%,
      0.074% 94.904%,
      0.082% 95.058%,
      0.094% 95.211%,
      0.111% 95.363%,
      0.133% 95.514%,
      0.16% 95.663%,
      0.192% 95.811%,
      0.229% 95.956%,
      0.271% 96.099%,
      0.317% 96.239%,
      0.418% 96.529%,
      0.418% 96.529%,
      0.563% 96.907%,
      0.725% 97.271%,
      0.903% 97.617%,
      1.096% 97.946%,
      1.303% 98.257%,
      1.524% 98.548%,
      1.759% 98.819%,
      2.006% 99.069%,
      2.264% 99.296%,
      2.534% 99.501%,
      2.74% 99.642%,
      2.74% 99.642%,
      2.84% 99.707%,
      2.941% 99.765%,
      3.044% 99.816%,
      3.148% 99.861%,
      3.254% 99.899%,
      3.361% 99.93%,
      3.468% 99.954%,
      3.577% 99.972%,
      3.686% 99.982%,
      3.796% 99.986%,
      39.641% 100.047%,
      39.641% 100.047%,
      50.412% 100.059%,
      58.89% 100.066%,
      65.358% 100.059%,
      70.1% 100.03%,
      73.401% 99.968%,
      75.545% 99.866%,
      76.815% 99.714%,
      77.497% 99.504%,
      77.874% 99.227%,
      78.23% 98.874%,
      78.23% 98.874%,
      78.354% 98.752%,
      78.476% 98.625%,
      78.595% 98.493%,
      78.71% 98.357%,
      78.823% 98.215%,
      78.933% 98.069%,
      79.039% 97.918%,
      79.142% 97.762%,
      79.242% 97.603%,
      79.339% 97.438%,
      79.339% 97.438%,
      79.571% 96.966%,
      79.76% 96.509%,
      79.912% 96.012%,
      80.031% 95.421%,
      80.122% 94.681%,
      80.19% 93.738%,
      80.24% 92.537%,
      80.277% 91.024%,
      80.306% 89.145%,
      80.332% 86.844%,
      80.332% 86.844%,
      80.36% 84.482%,
      80.388% 82.593%,
      80.425% 81.112%,
      80.481% 79.973%,
      80.565% 79.11%,
      80.685% 78.459%,
      80.851% 77.953%,
      81.072% 77.527%,
      81.357% 77.116%,
      81.715% 76.654%,
      81.715% 76.654%,
      82.045% 76.223%,
      82.339% 75.882%,
      82.654% 75.619%,
      83.049% 75.422%,
      83.579% 75.282%,
      84.303% 75.185%,
      85.278% 75.122%,
      86.561% 75.08%,
      88.21% 75.048%,
      90.282% 75.016%,
      96.022% 74.931%,
      96.022% 74.931%,
      96.241% 74.92%,
      96.46% 74.895%,
      96.677% 74.856%,
      96.892% 74.804%,
      97.106% 74.737%,
      97.316% 74.657%,
      97.525% 74.563%,
      97.73% 74.456%,
      97.932% 74.335%,
      98.13% 74.201%,
      98.13% 74.201%,
      98.13% 74.201%,
      98.334% 74.056%,
      98.523% 73.909%,
      98.698% 73.761%,
      98.861% 73.611%,
      99.012% 73.458%,
      99.151% 73.302%,
      99.28% 73.141%,
      99.399% 72.975%,
      99.51% 72.803%,
      99.613% 72.624%,
      99.613% 72.624%,
      99.613% 72.624%,
      99.698% 72.448%,
      99.776% 72.264%,
      99.844% 72.075%,
      99.904% 71.88%,
      99.955% 71.681%,
      99.997% 71.477%,
      100.03% 71.271%,
      100.053% 71.061%,
      100.068% 70.849%,
      100.072% 70.635%,
      100.045% 38.152%,
      100.003% 5.328%,
      100.003% 5.328%,
      100% 5.173%,
      99.993% 5.02%,
      99.98% 4.867%,
      99.963% 4.715%,
      99.94% 4.565%,
      99.913% 4.416%,
      99.881% 4.269%,
      99.844% 4.124%,
      99.803% 3.982%,
      99.757% 3.841%,
      99.656% 3.55%,
      99.656% 3.55%,
      99.51% 3.172%,
      99.348% 2.81%,
      99.17% 2.464%,
      98.977% 2.136%,
      98.77% 1.826%,
      98.548% 1.536%,
      98.314% 1.265%,
      98.067% 1.017%,
      97.809% 0.79%,
      97.539% 0.586%,
      97.338% 0.445%,
      97.338% 0.445%,
      97.238% 0.38%,
      97.136% 0.322%,
      97.033% 0.27%,
      96.928% 0.225%,
      96.822% 0.187%,
      96.715% 0.156%,
      96.606% 0.132%,
      96.497% 0.115%,
      96.388% 0.104%,
      96.278% 0.101%,
      50.325% 0.061%,
      50.325% 0.061%,
      42.799% 0.062%,
      35.641% 0.066%,
      28.948% 0.072%,
      22.818% 0.08%,
      17.351% 0.091%,
      12.644% 0.104%,
      8.795% 0.12%,
      5.903% 0.138%,
      4.067% 0.159%,
      3.384% 0.182%
    );
  }

  .advantages-icons-slide {
    height: 80px;
    display: flex;
    width: 80px;
    right: 0;
  }
}

@media screen and (min-width: 768px) {
  .section-title .banner {
    font-size: 42px;
    gap: 16px;
  }

  .section-title .banner:before {
    width: 42px;
    height: 42px;
  }

  .aboutAdvantagesArticle p,
  .aboutAdvantagesFigure h5 {
    text-align: unset;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .advantages-icons-slide {
    width: 120px;
  }

  .aboutAdvantagesNavigation li {
    flex-wrap: unset;
    justify-content: unset;
  }

  .aboutAdvantagesFigure {
    width: 180px;
  }

  .aboutAdvantagesArticle {
    width: calc(100% - 180px);
  }
}

@media screen and (min-width: 992px) {
  .advantages-icons-slide {
    width: 80px;
    height: 80px;
    right: 2px;
    bottom: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .advantages-icons-slide {
    width: 90px;
    height: 90px;
    right: 8px;
    bottom: 0;
  }
}
:root {
  --default: #5b8c51;
  --white: #fff;
  --black: #000;
  --color-1: #314075;
  --bg-4: #5b8c51;
  --bg-5: #d7d7d7;
  --color-2: #404a3d;
  --color-3: #666;
  --color-4: #404a3d;
  --bg-2: #404a3d;
  --bg-3: #eddd5e;
  --bg-1: #f8f7f0;
  --bg-6: #404a3d;
  --border-2: #404a3d;
  --border-3: #5b8c51;
  --border-4: rgba(255, 255, 255, 0.377);
  --border-1: rgba(64, 74, 61, 0.2);
  --border-5: #ddd;
  --box-shadow-1: rgb(255 250 250 / 30%);
}
:root {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

.container {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

#discover-us .row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  gap: 0;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
section {
  margin: 60px 0;
}
.hero {
  margin: 0;
}

.services {
  padding: 40px 0;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

/* ITEM */
.service-item {
  position: relative;
  height: 320px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  color: inherit;
  text-decoration: none;
}

/* IMAGE */
.service-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease;
}

/* DARK OVERLAY (always visible) */
.service-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.2));
  z-index: 1;
}

/* ORANGE HOVER OVERLAY */
.service-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 108, 0, 0.9);
  opacity: 0;
  z-index: 2;
  transition: 0.4s ease;
}

/* CONTENT BASE (TITLE ALWAYS VISIBLE) */
.service-content {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 80%; /* 🔥 əsas fix */
  max-width: 500px; /* optional */

  z-index: 3;
  color: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; /* 🔥 vacib */
}

/* TITLE ALWAYS */
.service-content h3 {
  font-size: 32px;
  margin-bottom: 0;
  transition: 0.3s;
}

/* TEXT + LINK (hidden initially) */
.service-content p,
.service-content a,
.service-content .service-more {
  opacity: 0;
  transform: translateY(15px);
  transition: 0.4s ease;
}

/* 🔥 HOVER EFFECT */
.service-item:hover::after {
  opacity: 1;
}

.service-item:hover img {
  transform: scale(1.1);
}

/* TEXT SHOW */
.service-item:hover .service-content p,
.service-item:hover .service-content a,
.service-item:hover .service-content .service-more {
  opacity: 1;
  transform: translateY(0);
}

/* TITLE MOVE UP */
.service-item:hover .service-content h3 {
  margin-bottom: 10px;
}

/* LINK STYLE */
.service-content a,
.service-content .service-more {
  display: inline-flex;
  margin-top: 10px;
  font-weight: 600;
}
.service-content a,
.service-content .service-more {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #fff;
}
.service-content a svg,
.service-content .service-more svg {
  width: 14px;
  height: 14px;
  transition: 0.4s ease;
}
.static_page_content_all .row {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 30px;
  position: relative;
}
.sticky {
  position: sticky;
  top: 140px;
}
.service-content a:hover svg,
.service-content .service-more:hover svg {
  transform: translateX(7px);
}
.section-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}

.brends .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  row-gap: 8px;
  align-items: stretch;
}

.brends .row > * {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  min-width: 0;
}

@media (min-width: 576px) {
  .brends .row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .brends .row {
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    row-gap: 6px;
  }
}

.brends-card {
  background-color: #fafbfd;
  border: none;
  border-radius: 10px;
  min-height: 140px;
  height: 100%;
  padding: 18px 14px;
  justify-content: center;
}

.brends__top {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-bottom: 24px;
}

.brends__top .section-title {
  margin-bottom: 0;
}

.mouse-cursor-gradient-tracking {
  position: relative;
  font-size: 1.2rem;
  border: none;
  color: #fff;
  cursor: pointer;
  outline: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.brends-card img {
  width: 100%;
  max-width: 200px;
  height: 100%;
  max-height: 100px;
  object-fit: contain;
  position: relative;
  z-index: 10;
}

.brends-card svg {
  width: min(100%, 200px);
  height: auto;
  max-height: 90px;
}
.mouse-cursor-gradient-tracking::before {
  --size: 0;
  content: "";
  position: absolute;
  z-index: 1;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #dbdbe2, transparent);
  transform: translate(-50%, -50%);
  transition:
    width 0.4s,
    height 0.4s;
}

.mouse-cursor-gradient-tracking:hover::before {
  --size: 1000px;
}

.blog-card {
  display: block;
  color: inherit;
  text-decoration: none;
}

.blog-card:hover .blog-card-content a {
  color: var(--color-1);
}

.blog-card:hover .blog-card-content .blog-card-link {
  color: var(--color-1);
}

.blog-card:hover .readmore {
  background: var(--main-color2);
}

.blog-card-content a {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.blog-card-content .blog-card-link {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.blog-navigation button:not(:first-child) {
  margin-left: 10px;
}

.blog-card:hover .blog-card-figure img {
  transform: scale(1.1);
}

.blog-navigation {
  display: none;
  align-items: center;
}

.blog-navigation button {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 60px;
  height: 50px;
  cursor: pointer;
  line-height: 50px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid var(--border-2);
  color: var(--pbmit-agrimo-blackish-color);
  transition: 0.5s;
}

.blog-navigation button:hover {
  background: var(--bg-2);
  color: var(--white);
}

.blog-card-figure {
  position: relative;
  border-radius: 10px;
  transition: 0.3s ease-in;
  overflow: hidden;
  height: 250px;
}

.blog-card-figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
}

.blog-card-figure h6 {
  font-size: 14px;
  line-height: 24px;
  z-index: 10;
  position: absolute;
  left: 20px;
  top: 20px;
  display: inline-block;
  text-transform: uppercase;
  color: #999;
  letter-spacing: 0.5px;
  padding: 5px 15px 3px;
  margin-bottom: 5px;
  border-radius: 10px;
  background: var(--white);
  color: var(--color-1);
}

.readmore {
  bottom: 6px;
  right: 6px;
  position: absolute;
  transition: 0.5s;
  width: 45px;
  display: flex;
  align-items: center;
  height: 45px;
  overflow: hidden;
  border-radius: 50%;
  justify-content: center;
  background: var(--bg-3);
  color: var(--color-3);
}

.readmore svg {
  transition:
    transform 0.4s ease-in,
    opacity 0.4s ease-in;
}

.readmore-svg2 {
  transform: scale(0.26) translate(-60px, 54px);
}

.readmore-svg1 {
  transform: scale(1) translate(-7px, 0);
}

.blog-card-content {
  padding: 20px 10px;
}

.blog-card-publish-list {
  display: flex;
  align-items: center;
  justify-content: start;
}

.blog-card-publish-list li {
  display: flex;
  align-items: center;
  color: var(--color-3);
}

.blog-card-publish-list li svg {
  margin-right: 5px;
  color: var(--color-1);
  width: 16px;
  height: 16px;
}

.blog-card-publish-list li:not(:first-child) {
  margin-left: 20px;
}

.blog-card-title {
  height: 50px;
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
}

.blog-card-content a {
  color: var(--color-3);
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 18px;
  transition: 0.3s ease-in-out;
  line-height: 1.2;
}

.blog-card-content .blog-card-link {
  color: var(--color-3);
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 18px;
  transition: 0.3s ease-in-out;
  line-height: 1.2;
}

.blog-card:hover .readmore-svg2 {
  transition:
    transform 0.4s ease-out,
    opacity 0.4s ease-out;
  color: var(--white);
  transform: scale(1) translate(8px, -1px);
}

.blog-card:hover .readmore-svg1 {
  transition:
    transform 0.2s ease-out,
    opacity 0.2s ease-out;
  transform: scale(0.26) translate(60px, -50px);
}

@media screen and (min-width: 768px) {
  .blog-navigation {
    display: flex;
  }

  .blog-card-content a {
    font-size: 22px;
  }

  .blog-card-content .blog-card-link {
    font-size: 22px;
  }
}

.onfooter {
  margin: 60px 0;
}

.onfooter-box {
  background: linear-gradient(135deg, #314075, #3d4f8f);
  border-radius: 10px;

  padding: 50px;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;

  position: relative;
  overflow: hidden;
}

/* glow effect */
.onfooter-box::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  background: rgba(255, 108, 0, 0.15);
  filter: blur(120px);
  top: -80px;
  right: -80px;
}

/* LEFT */
.onfooter-content {
  max-width: 100%;
  color: #fff;
}

.onfooter-content h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

.onfooter-content p {
  opacity: 0.8;
  margin-bottom: 20px;
}

/* BENEFITS */
.onfooter-benefits {
  list-style: none;
  padding: 0;
}

.onfooter-benefits li {
  margin-bottom: 10px;
  font-size: 14px;
}

/* FORM */
.onfooter-form {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  width: 100%;
  max-width: 380px;
}

/* INPUTS */
.form-group {
  margin-bottom: 15px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  outline: none;
  font-size: 14px;
  transition: 0.3s;
}

.form-group input:focus,
.form-group textarea:focus {
  border-color: #ff6c00;
}

/* TEXTAREA */
.form-group textarea {
  min-height: 90px;
  resize: none;
}

/* BUTTON */
.submit-btn {
  width: 100%;
  padding: 14px;
  background: #ff6c00;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

.submit-btn:hover {
  background: #e55f00;
  transform: translateY(-2px);
}

:root {
  --blue: #0066b1;
  --bg: #f6f6f6;
}

.section__title {
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
  color: #fff;
}
.container {
  max-width: 1400px;
  padding: 0 20px;
  margin: auto;
}
a {
  text-decoration: none;
  color: #333;
}

/* Hover animation */
.contact-top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

.contact-card {
  padding: 24px;
  color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.contact-card.dark {
  background: linear-gradient(135deg, #333, #000000cc);
}

.contact-card.green {
  background: linear-gradient(135deg, var(--main-color2), #000000c2);
}

.contact-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  margin-bottom: 40px;
}

.contact-value {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #ffffff4a;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.contact-note {
  font-size: 13px;
  opacity: 0.8;
}

.contact-link {
  font-size: 14px;
  color: #b5ffeb;
}

.contact-bottom {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 20px;
}

.contact-form {
  background: #000000;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.contact-form input,
.contact-form textarea {
  border: none;
  background: var(--bg);
  padding: 14px;
  border-radius: 10px;
  font-size: 14px;
}

.contact-form textarea {
  resize: none;
  height: 100px;
}

.policy {
  display: flex;
  gap: 10px;
  font-size: 12px;
  color: #fff;
}

.btn-green {
  position: relative;
  text-align: center;
  margin-top: 10px;
  background: var(--main-color);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 18px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: auto;
}

.btn-green svg {
  position: absolute;
  background: #fff;
  color: var(--main-color);
  width: 35px;
  height: 35px;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  transition: 0.4s ease;
  right: 7px;
}
.btn-green:hover svg {
  transform: rotate(0deg);
}

.contact-map {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
/* footer bottom */

@media (max-width: 992px) {
  .contact-top {
    gap: 15px;
  }
  .contact-bottom {
    display: grid;
    grid-template-columns: 36% 1fr;
    gap: 20px;
  }
  .contact-form {
    padding: 15px;
  }
  .btn-green {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .section__title {
    font-size: 29px !important;
    line-height: 35px;
  }

  .contact-top,
  .contact-bottom {
    grid-template-columns: 1fr;
  }
}

:root {
  --footer-color-bg: #121f28;
  --footer-color-font: #767e93;
  --radius: 2.5rem;
  --radius-sm: 1.875rem;
  --radius-lg: 3.75rem;
}

.footer {
  --footer-color-delimiter: #ebebeb;
  background-color: var(--footer-color-bg);
  color: var(--footer-color-font);
  position: relative;
  z-index: 99;
  border-radius: 10px 10px 0 0;
  padding: 0 var(--offset-side);
}

.footer__main {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 0;
}

@media only screen and (min-width: 768px) {
  .footer__main {
    padding: 3.125rem 0;
  }
}

@media only screen and (min-width: 1200px) {
  .footer__main {
    flex-direction: row;
    padding: 5rem 0;
  }
}

@media only screen and (max-width: 1200px) {
  .footer__main {
    gap: 3.75rem;
  }
}

.footer-nav__link,
.footer-nav__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.footer__text {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
}
.footer__text span {
  color: #fff;
}

.footer__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .footer__text:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}

@media only screen and (min-width: 1200px) {
  .footer__text:not(:last-child) {
    margin-bottom: 5rem;
  }
}

.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
}

.footer__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 1.5rem;
}

.footer__social a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: opacity 0.25s ease;
}

.footer__social a:hover {
  opacity: 1;
}

.footer__social img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer__phone {
  --footer-color-font: white;
  font: 2rem/1 var(--font);
  letter-spacing: -0.02em;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .footer__phone {
    font-size: 34px;
  }
}

.footer__email {
  --footer-color-font: #fff;
}

@media only screen and (min-width: 768px) {
  .footer__email {
    font-size: 20px !important;
  }
}

.footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 2.5rem;
  flex: 1;
  justify-content: flex-start;
}

@media only screen and (min-width: 1200px) {
  .footer__nav {
    gap: 2rem 3rem;
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 767.9px) {
  .footer__nav {
    flex-direction: column;
    gap: 2.5rem;
  }
}

.footer-nav__title {
  --footer-color-font: white;
  display: inline-block;
  font: 1.25rem/1 var(--font);
  letter-spacing: 0.01em;
  margin-bottom: 1.25rem;
  -webkit-user-select: none;
  user-select: none;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .footer-nav__title {
    font-size: 19px;
    margin-bottom: 1.5625rem;
  }
}

.footer-nav__list {
  padding: 0;
  margin: 0;
}

.footer-nav__item {
  text-indent: 0;
}

.footer-nav__item::marker {
  content: "";
}

.footer-nav__item:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.footer-nav__link {
  font: 1.125rem/1 var(--font);
  letter-spacing: -0.02em;
  -webkit-user-select: none;
  user-select: none;
}

@media only screen and (min-width: 768px) {
  .footer-nav__link {
    font-size: 17px;
  }
}

.footer__other {
  font: 0.9375rem/1.4 var(--font);
  -webkit-user-select: none;
  user-select: none;
  padding: 2.5rem 0;
}

.footer__other {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer__other:not(:first-child) {
  border-top: 1px solid #2a353e;
}

.footer a {
  color: var(--footer-color-font);
  text-decoration: none;
  transition: color var(--transition-time);
}

.footer a:hover {
  color: #fff;
}

@media (max-width: 768px) {
  .footer__other {
    flex-direction: column;
    gap: 10px;
  }

  .footer__other span {
    line-height: 18px;
  }
}

.page_header {
  position: relative;
  padding: 180px 0 0 0;
  overflow: hidden;
}

/* BG */
.page_header_bg {
  position: absolute;
  inset: 0;
  background: url("https://images.techinsider.ru/upload/img_cache/665/665fc3e57a95ea8aaeafa2e02cc29511_ce_1024x539x0x244_cropped_1024x536.jpg")
    center/cover no-repeat;
  z-index: 1;
}

/* OVERLAY */
.page_header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 83, 132, 0.85);
  z-index: 2;
}
.breadcrumb a {
  color: #fff;
  position: relative;
  z-index: 10;
}
/* TITLE */
.page_title {
  position: relative;
  z-index: 3;
  color: #fff;
  font-size: 56px;
  font-weight: 700;
}

/* BREADCRUMB WRAP */
.breadcrumb_wrap {
  position: relative;
  z-index: 4;
  margin-top: 40px;
}
.breadcrumb span,
.page_title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* BREADCRUMB */
.breadcrumb {
  margin-left: auto; /* 🔥 sağa atır */

  background: var(--main-color2);
  color: #fff;

  padding: 25px 40px;
  border-top-left-radius: 50px;

  font-size: 14px;
  display: flex;
  gap: 6px;

  width: 450px;
  position: relative;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.breadcrumb::before {
  width: 1000%;
  height: 80px;
  left: -12px;
  bottom: 0;
  border: 1px solid #fff;
  border-right: 0px;
  border-bottom: 0;
  position: absolute;
  content: "";
  border-radius: 60px 0 0 0;
}
.container.breadcrumb_wrap {
  padding: 0;
  max-width: 100%;
}

.contact-inner {
  padding: 40px 0;
}

/* 🔥 WRAPPER (container daxilində background) */
.contact-inner-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  min-height: 420px;
}

/* BACKGROUND */
.contact-inner-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.contact-inner-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY */
.contact-inner-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

/* CONTENT */
.contact-inner-box {
  position: absolute;
  z-index: 3;
  margin-left: auto;
  max-width: 500px;
  background: #fff;
  padding: 40px;
  top: 50%;
  right: 30px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
}

/* TITLE */
.contact-inner-box h2 {
  font-size: 36px;
  margin-bottom: 15px;
  color: var(--main-color);
}

/* TEXT */
.contact-inner-box p {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* BUTTON */
.contact-btn {
  display: inline-block;
  padding: 14px 28px;
  background: var(--main-color2);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  transition: 0.3s;
}

.contact-btn:hover {
  background: var(--main-color);
}

.contact-map {
  padding: 40px 0;
}

/* WRAPPER */
.contact-map-wrapper {
  display: grid;
  grid-template-columns: 2fr 0.8fr;
  gap: 30px;
  align-items: stretch;
}

.map {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: #eee;
}

#map {
  width: 100%;
  height: 100%;
}
/* INFO CARD */
.contact-info {
  overflow: hidden;
  border: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-radius: 20px;
}

/* IMAGE */
.contact-info-img {
  position: relative;
  height: 200px;
  border-radius: 20px;
}

.contact-info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* DARK OVERLAY */
.contact-info-img .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
}

/* TITLE OVER IMAGE */
.contact-info-title {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #fff;
}

.contact-info-title span {
  font-size: 14px;
  opacity: 0.8;
}

.contact-info-title h3 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 5px;
  line-height: 1.3;
}

/* CONTENT */
.contact-info-content {
  padding: 20px;
}

/* ITEMS */
.info-item {
  margin-bottom: 20px;
}

.info-item span {
  display: block;
  font-size: 14px;
  color: #999;
  margin-bottom: 5px;
}

.info-item p {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.contact-form-area {
  padding: 1.5rem;
  background: #f8f9f9;
  border-radius: 10px;
  box-shadow: -3px -2px 26px -14px rgba(0, 0, 0, 0.35);
  border: 1px solid #eaeaea;
  position: relative;
  z-index: 1;
}

.contact-form-area h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact-form-area h4:after {
  content: "";
  height: 3px;
  width: 80px;
  display: block;
  margin-top: 20px;
  background-color: var(--main-color);
  animation: 10s infinite titleAnimation;
}

@keyframes titleAnimation {
  0%,
  100% {
    width: 80px;
  }

  50% {
    width: 100%;
  }
}

.forms-wrapper input,
.forms-wrapper textarea {
  width: 100%;
  border: 1px solid #eaeaea;
  border-radius: 0.2rem;
  color: #626262;
  padding: 0.5rem 1rem;
  font-family: Roboto, sans-serif;
  outline: 0;
  font-size: 14px;
}

.forms-wrapper textarea {
  resize: vertical;
  min-height: 100px;
  max-height: 150px;
}

.forms-wrapper button {
  background: var(--main-color);
  color: var(--white);
  font-family: inherit;
  padding: 0.35em 3.3em 0.35em 1.2em;
  font-size: 17px;
  font-weight: 500;
  border-radius: 0.9em;
  border: none;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  box-shadow: inset 0 0 1.6em -0.6em #714da6;
  overflow: hidden;
  position: relative;
  height: 2.8em;
  width: 100%;
  cursor: pointer;
}

.forms-wrapper button .icon {
  background: var(--white);
  margin-left: 1em;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.2em;
  width: 2.2em;
  border-radius: 0.7em;
  box-shadow: 0.1em 0.1em 0.6em 0.2em var(--main-color);
  right: 0.3em;
  transition: 0.3s;
}

.forms-wrapper button:hover .icon {
  width: calc(100% - 0.6em);
}

.forms-wrapper button .icon svg {
  width: 1.1em;
  transition: transform 0.3s;
  color: var(--main-color);
}

.forms-wrapper button:hover .icon svg {
  transform: translateX(0.1em);
}

.forms-wrapper button:active .icon {
  transform: scale(0.95);
}

@media screen and (min-width: 768px) {
  .contact-form-area h4 {
    font-size: 30px;
  }

  .contact-form-area {
    padding: 3rem 4rem;
  }

  .forms-wrapper button {
    width: fit-content;
  }
}

.contact-form-2 .row {
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
  row-gap: 10px;
}
:root {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

.forms-wrapper textarea {
  display: block;
  grid-column: 2 !important;
}

.contact-form-2 .forms-wrapper input,
.contact-form-2 .forms-wrapper textarea {
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-size: 15px;
}

.contact-form-2 .forms-wrapper input {
  min-height: 48px;
}

.contact-form-2 .forms-wrapper textarea {
  min-height: 120px;
}
.contact-form-2 .col-lg-6 {
  width: 100% !important;
}
.contact-form-2 .row:last-child {
  grid-column: 2;
}

.form-button,
.last-input {
  margin-top: 14px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.about-inner h2 {
  font-size: 60px;
  font-weight: 800;
  margin-bottom: 30px;
}

/* 🔥 IMAGE RIGHT */
.about-inner-image {
  float: right;
  width: 650px;
  margin-left: 40px;
  margin-bottom: 20px;
}

.about-inner-image img {
  width: 100%;
  border-radius: 20px;
  display: block;
}

/* TEXT */
.about-inner p {
  font-size: 19px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 20px;
}

/* CLEAR FIX */
.about-inner::after {
  content: "";
  display: block;
  clear: both;
}

.about-brands-top {
  max-width: 700px;
  margin-bottom: 40px;
}

.about-brands-top h2 {
  font-size: 60px;
  margin-bottom: 15px;
}

.about-brands-top p {
  color: #555;
  line-height: 1.7;
}

/* SWIPER */
.brandsSwiper {
  padding: 20px 0;
}

.brandsSwiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
  transition: 0.3s ease;
  height: 100px !important;
}

.brandsSwiper .swiper-slide:hover {
  opacity: 1;
}

.brandsSwiper img {
  max-width: 160px;
  height: auto;

  transition: 0.3s ease;
}

.tech-section h2 {
  font-size: 60px;
  font-weight: 800;
  margin-bottom: 15px;
}

.tech-desc {
  max-width: 900px;
  color: #555;
  margin-bottom: 30px;
}

/* GRID */
.tech-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* IMAGE ITEM */
.tech-item {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}

.tech-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: 0.4s ease;
}

.tech-item:hover img {
  transform: scale(1.05);
}

/* BIG CARD */
.tech-card {
  border-radius: 16px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tech-card {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.tech-card-inner span {
  font-size: 28px;
  font-weight: 800;
}

.tech-card-inner p {
  margin-top: 10px;
  font-size: 16px;
}

/* BOTTOM TEXT */
.tech-bottom {
  margin-top: 40px;
}

.tech-bottom h4 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}

.tech-bottom p {
  color: #555;
  font-size: 16px;
}
.blogs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  gap: 40px;
}

.recent-post-card a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.call-link {
  transition: 0.3s ease-in-out;
}

.inside-title {
  font-size: 33px;
  line-height: 44px;
  margin: 15px 0 30px;
  font-weight: 600;
  max-width: 650px;
}

.blog-inside-section .row,
.category-inside-section .row {
  row-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.blog-inside-image img {
  max-height: 400px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.blog-inside-content {
  margin-top: 10px;
}

.blog-inside-list {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-5);
}

.blog-inside-list li,
.recent-post figure {
  margin-right: 10px;
}

.blog-inside-list li svg {
  fill: var(--color-1);
}

.blog-inside-list li span {
  color: var(--color-2);
  font-size: 16px;
  margin-left: 4px;
}

.blog-inside-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--color-3);
}

.blog-inside-description h5 {
  font-size: 18px;
}

.blog-inside-description h6 {
  font-size: 16px;
}

.solutions-icon svg {
  fill: var(--white);
}

.recent-post {
  padding: 20px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.recent-post h3 {
  font-size: 25px;
  font-weight: 700;
  color: var(--color-3);
  margin-bottom: 20px;
}

.recent-post h3:before {
  content: "";
  margin-right: 0;
  font-size: 0;
}

.recent-post-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 20px;
}

.recent-post figure img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 10px;
}

.recent-post-card article {
  width: calc(100% - 100px);
}

.recent-post-card span {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-2);
  margin-bottom: 10px;
  display: block;
}

.recent-post-card a {
  font-size: 20px;
  color: var(--color-3);
  line-height: 1.2;
  font-weight: 500;
  display: -webkit-box;
}

.recent-post-wrapper li:not(:last-child) {
  border-bottom: 1px solid var(--border-5);
  margin-bottom: 10px;
}

.sloutions-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 30px;
  flex-direction: column;
  margin-top: 20px;
  background: url("https://t4.ftcdn.net/jpg/00/83/07/41/360_F_83074188_YyeQyqD1VpZzSMst7FNBpavbO6ANJKQh.jpg")
    center/cover no-repeat;
}

@media (min-width: 992px) {
  .blog-inside-sidebar {
    position: sticky;
    top: 190px;
    align-self: flex-start;
  }
}

.solutions-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: var(--main-color2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sloutions-wrapper article {
  text-align: center;
  margin-top: 20px;
}

.sloutions-wrapper article h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--white);
}

.sloutions-wrapper article a {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  justify-content: center;
  color: var(--white);
}

.sloutions-wrapper article a svg {
  fill: var(--main-color2);
}

.call-link {
  padding: 15px 20px;
  border-radius: 20px;
  background: var(--main-color2);
  display: inline-block;
  font-weight: 700;
  max-width: 200px;
  margin: 20px auto 0;
}

.call-link:hover {
  background: var(--bg-1);
  color: var(--color-1);
}

:root {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 62.66666667%;
  }
}

.footer-left-content {
  margin-top: 20px;
}

.footer-left-content ul li:not(:first-child) {
  margin-left: 10px;
}

.footer-left-content ul,
.footer-left-content ul li a {
  align-items: center;
  display: flex;
}

.footer-left-content ul li::before {
  content: unset;
}

.footer-left-content ul li {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--color-1);
  transition: 0.3s ease-in-out;
}

.footer-left-content ul li a {
  width: 100%;
  height: 100%;
  color: currentColor;
  justify-content: center;
}

.footer-left-content ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-left-content ul li:hover {
  background: var(--color-1);
  color: var(--white);
}
:root {
  --color-iqqtd5uls: 255, 255, 255;
  --color-iw5dnh416: 255, 255, 255;
  --color-ir9wkralx: 0, 209, 162;
  --color-iqrl3ao8c: 0, 73, 182;
  --color-izfbvtvkv: 255, 255, 255;
  --color-ituscjd63: 255, 219, 0;
  --color-ikawl9vre: 58, 58, 58;
  --color-i2mjovayj: 255, 255, 255;
  --color-iapkihyp6: 0, 0, 0;
  --color-iw24623z0: 56, 163, 204;
  --image-ichvd63m9: url("");
  --color-ikg6wdn7g: 255, 219, 0;
  --color-i5e2tay96: 255, 255, 255;
  --color-isx2enhzs: 0, 0, 0;
  --color-i9yto1e0m: 0, 0, 0;
  --color-ifxpwf0yk: 0, 0, 0;
  --color-iv77cyzct: 0, 0, 0;
  --color-ivg2587mj: 201, 92, 213;
  --color-in3v9ammf: 0, 0, 0;
  --color-ixih5uw82: 238, 238, 238;
  --color-io6rl7bvj: 0, 0, 0;
  --color-irsfxa4a8: 74, 74, 74;
  --color-ionjwpsxt: 201, 92, 213;
  --color-izpwh5m20: 93, 145, 87;
  --color-ifgu0scga: 215, 169, 0;
  --color-ivldaexox: 0, 0, 0;
  --color-ixcw0g65i: 121, 53, 222;
  --color-i4eo77mug: 255, 222, 105;
  --color-ii6grf58h: 217, 204, 170;
  --color-i5aj3204k: 92, 92, 92;
  --color-ic3wx9psk: 161, 101, 129;
  --color-ip49xev53: 17, 17, 17;
  --color-imi1j6jff: 255, 255, 255;
  --color-i070391st: 0, 0, 0;
  --color-ihtaf5yzk: 255, 255, 255;
  --color-iz0jthklz: 0, 0, 0;
  --color-ihrkav1ul: 0, 0, 0;
  --color-i564pssnt: 0, 0, 0;
  --color-ianqr53tt: 0, 0, 0;
  --color-ivtbugxk3: 0, 0, 0;
  --color-if33777xx: 0, 0, 0;
  --color-ilvym77x0: 0, 0, 0;
  --color-isvtmsc1p: 245, 245, 245;
  --color-idznsggpu: 255, 255, 255;
  --color-iw3lh0y1p: 255, 255, 255;
  --color-iglz5gtxq: 169, 169, 169;
  --color-iglh84o34: 169, 169, 169;
  --color-idpt9wahs: 155, 155, 155;
  --color-iua8c68eu: 169, 169, 169;
  --color-i0f9wvc5k: 224, 224, 224;
  --color-i0dxdxbsj: 92, 92, 92;
  --color-ivmglwaq3: 169, 169, 169;
  --color-ieue2n604: 169, 169, 169;
  --color-i3zc88nf7: 169, 169, 169;
  --color-i4fs8n7av: 169, 169, 169;
  --color-i2o2ng3a1: 255, 255, 255;
  --color-is37sokep: 169, 169, 169;
  --color-ipxok9wpb: 169, 169, 169;
  --color-io6pzq3ex: 169, 169, 169;
  --color-ihfs3xk4r: 169, 169, 169;
  --color-i8pzfjj02: 255, 255, 255;
  --color-ip29wgvi7: 169, 169, 169;
  --color-iqrz7ihbo: 169, 169, 169;
  --color-iwih1p4zr: 169, 169, 169;
  --color-ih6h99yfs: 169, 169, 169;
  --color-iwfipoylm: 224, 224, 224;
  --color-imbegctva: 169, 169, 169;
  --color-ijncdj92v: 169, 169, 169;
  --color-ivu6s0byc: 169, 169, 169;
  --color-iq8xgsn70: 169, 169, 169;
  --color-i6kit0v65: 248, 248, 248;
  --color-i77baz6j9: 169, 169, 169;
  --color-ijhbh8p3l: 169, 169, 169;
  --color-igt9fs7tv: 169, 169, 169;
  --color-i2p32aqdh: 169, 169, 169;
  --color-i6bxrfv7n: 248, 248, 248;
  --color-ixj15wzci: 255, 255, 255;
  --color-ifglpqlvd: 255, 255, 255;
  --color-i4x876mwf: 255, 0, 0;
  --color-i7r51x7o6: 255, 0, 0;
  --color-ie9tf5e6e: 128, 128, 128;
  --color-izro5rcqe: 128, 128, 128;
  --color-iuu04z2vk: 128, 128, 128;
  --color-iopxu5pz2: 128, 128, 128;
  --color-iyqtl2bor: 128, 128, 128;
  --color-ipg5ydatz: 0, 0, 0;
  --color-iheozasyp: 0, 0, 0;
  --color-itbt5qcyf: 128, 128, 128;
  --color-icmh9bc4w: 128, 128, 128;
  --color-i6ropy5ec: 128, 128, 128;
  --color-ix4pxxohe: 128, 128, 128;
  --color-ils551z3a: 0, 0, 0;
  --color-i9mqy3daf: 0, 0, 0;
  --color-ivkber99i: 197, 197, 197;
  --color-i539ahhy6: 197, 197, 197;
  --color-ifqi7t8e4: 197, 197, 197;
  --color-i4tzot6ib: 197, 197, 197;
  --color-iq9lnltax: 197, 197, 197;
  --color-i0oi5jgpa: 255, 0, 0;
  --color-i4wiiqlbb: 85, 85, 85;
  --color-i1bzszpsc: 0, 0, 255;
  --color-iq6ik7rb3: 0, 0, 255;
  --color-i65x6iauy: 74, 74, 74;
  --color-iputz1yb0: 255, 255, 255;
  --color-i2u5b7uyg: 0, 0, 0;
  --color-imsaz9iz0: 92, 92, 92;
  --color-iby8mvcw1: 255, 255, 255;
  --color-i0ub1hn3j: 255, 255, 255;
  --color-iqb6wpxdx: 255, 255, 255;
  --color-ir853str7: 11, 211, 151;
  --color-i8qwurqgl: 11, 211, 151;
  --color-iz31ynbrt: 11, 211, 151;
  --color-i9k68lant: 11, 211, 151;
  --color-i3ham2nk1: 104, 75, 149;
  --color-i5165x0tx: 255, 255, 255;
  --color-iaotmdzmh: 92, 92, 92;
  --color-iura6rar3: 133, 133, 133;
  --color-i9s7h5xqx: 161, 101, 129;
  --color-i66fgdlwe: 17, 17, 17;
  --color-iklxa0ric: 255, 255, 255;
  --color-iprhfc9x5: 0, 0, 0;
  --color-iflge5jra: 255, 255, 255;
  --color-iahw9hvwc: 0, 0, 0;
  --color-i2fap8voi: 0, 0, 0;
  --color-izglrzay7: 0, 0, 0;
  --color-ii8fdlpq1: 0, 0, 0;
  --color-i33ny3w9u: 0, 0, 0;
  --color-iy2c920dh: 0, 0, 0;
  --color-i50t619a6: 255, 255, 255;
  --color-iyfhg18jh: 169, 169, 169;
  --color-iqag5xqdj: 169, 169, 169;
  --color-ioeqiuoox: 155, 155, 155;
  --color-i9xx6ujsj: 169, 169, 169;
  --color-ism56eyut: 224, 224, 224;
  --color-igz8zvfj3: 92, 92, 92;
  --color-iaiu2cjw8: 169, 169, 169;
  --color-i355mtyqm: 169, 169, 169;
  --color-iq9homq5v: 169, 169, 169;
  --color-i7ujqqakm: 169, 169, 169;
  --color-ixiqele2l: 255, 255, 255;
  --color-ikqhat672: 169, 169, 169;
  --color-ir3ex508a: 169, 169, 169;
  --color-ixsd3iros: 169, 169, 169;
  --color-ij6zlzdlo: 169, 169, 169;
  --color-in1nz491s: 255, 255, 255;
  --color-iny4sb045: 169, 169, 169;
  --color-ir3cn97eg: 169, 169, 169;
  --color-iegnpvdbl: 169, 169, 169;
  --color-ilopk16o4: 169, 169, 169;
  --color-ii2qdhp1m: 224, 224, 224;
  --color-irlusx5uu: 169, 169, 169;
  --color-inbgxgbi4: 169, 169, 169;
  --color-ihrpr4521: 169, 169, 169;
  --color-i910utgbw: 169, 169, 169;
  --color-ibl55u1tp: 248, 248, 248;
  --color-ind02uvir: 169, 169, 169;
  --color-iahllwbzy: 169, 169, 169;
  --color-i6blpn71n: 169, 169, 169;
  --color-idqukxwfr: 169, 169, 169;
  --color-ilfxe450n: 248, 248, 248;
  --color-itdly64p9: 255, 255, 255;
  --color-i9rc9z4zc: 255, 255, 255;
  --color-i672x11gt: 255, 0, 0;
  --color-ifvjv9um9: 255, 0, 0;
  --color-ir3fi4xcv: 128, 128, 128;
  --color-ioyn0rnn5: 128, 128, 128;
  --color-i5vnpnneg: 128, 128, 128;
  --color-i8nt5ie0z: 128, 128, 128;
  --color-i351ilzdu: 128, 128, 128;
  --color-is5wbnuhi: 0, 0, 0;
  --color-i4gpoo5b8: 0, 0, 0;
  --color-ikjtk2lba: 128, 128, 128;
  --color-izattp5jj: 128, 128, 128;
  --color-iokweu8u7: 128, 128, 128;
  --color-im1zkyaf8: 128, 128, 128;
  --color-io1cn87hc: 0, 0, 0;
  --color-ipjszt3qn: 0, 0, 0;
  --color-ignl4czfp: 197, 197, 197;
  --color-itbvfvbl8: 197, 197, 197;
  --color-i885p8419: 197, 197, 197;
  --color-i17a9ujo1: 197, 197, 197;
  --color-i0kvudbc0: 197, 197, 197;
  --color-i86s5j7zb: 255, 0, 0;
  --color-isuo4fyv2: 85, 85, 85;
  --color-ik9kqblnp: 0, 0, 255;
  --color-im87suo4d: 0, 0, 255;
  --color-i1jlw35ss: 74, 74, 74;
  --color-ilyofriuo: 255, 255, 255;
  --color-ir3re5xsz: 0, 0, 0;
  --color-ihkx36jzl: 92, 92, 92;
  --color-iyn598xgo: 255, 255, 255;
  --color-i86cbzjvo: 255, 255, 255;
  --color-icrtcn537: 255, 255, 255;
  --color-i4efphnxc: 11, 211, 151;
  --color-i9bs181i4: 11, 211, 151;
  --color-i0pk715i7: 11, 211, 151;
  --color-i25zlnkye: 11, 211, 151;
  --color-i54fktr66: 104, 75, 149;
  --color-iut6c3now: 255, 255, 255;
  --color-i9av68ra7: 92, 92, 92;
  --color-iwnf4kuq1: 133, 133, 133;
  --color-ivw2zf01b: 161, 101, 129;
  --image-ir4tuq7ya: url("/d/8tpl25_2.png");
  --color-i5mphpuxb: 58, 58, 58;
  --color-i885sl8xa: 255, 255, 255;
  --color-imp8t8p5z: 0, 0, 0;
  --color-iuxnu0ynm: 255, 255, 255;
  --color-i9kdm3zjj: 0, 0, 0;
  --color-ihgvslzwe: 255, 255, 255;
  --color-i9px0x7fc: 0, 0, 0;
  --color-iiw267o62: 0, 0, 0;
  --color-ijz5x303u: 255, 255, 255;
  --image-ivsgc9v4p: url("/d/tpl25_line.svg");
  --color-iatwcoqww: 35, 0, 162;
  --color-iqw4f9vuo: 35, 0, 162;
  --color-io8izjurt: 255, 255, 255;
  --color-iyz8zkguw: 0, 0, 0;
  --color-idxu43a78: 0, 0, 0;
  --color-in8i9bwk5: 255, 255, 255;
  --color-ie37wqsfa: 0, 0, 0;
  --color-i4u4oiayp: 255, 255, 255;
  --color-i5azau8ec: 104, 75, 149;
  --color-i4yn5k12o: 255, 255, 255;
  --color-i2pj1z7vv: 104, 75, 149;
  --color-iemoljbiy: 0, 0, 0;
  --color-injeog9rk: 0, 0, 0;
  --color-i4m56g023: 0, 0, 0;
  --color-iszthmyd1: 0, 0, 0;
  --color-i66vkjd46: 0, 0, 0;
  --color-i6gm4ky1i: 0, 0, 0;
  --color-i0swz52vi: 255, 255, 255;
  --color-ic50rggb5: 95, 95, 95;
  --color-i9oktjmdd: 95, 95, 95;
  --color-imhwnrwa1: 104, 75, 149;
  --color-ikh6mtkre: 104, 75, 149;
  --color-icwysrul2: 255, 255, 255;
  --color-irq0ibpnk: 255, 255, 255;
  --color-iuz3647z0: 255, 255, 255;
  --color-i72r1p5sx: 255, 255, 255;
  --color-ivdnqrdu0: 0, 0, 0;
  --color-idgmkxlbj: 0, 0, 0;
  --color-i7jo3ncjr: 0, 0, 0;
  --color-iuey0ngag: 0, 0, 0;
  --color-ik0oupc34: 0, 0, 0;
  --color-iq28oa28e: 0, 0, 0;
  --color-izjom3xl4: 0, 0, 0;
  --color-izesvk9sn: 0, 0, 0;
  --color-imnrg1olh: 236, 236, 169;
  --color-i1awhryrz: 236, 236, 169;
  --color-iyp1cmlil: 136, 153, 169;
  --color-isne2ure6: 236, 236, 169;
  --color-if143jp5w: 255, 219, 0;
  --color-ivbtqlq17: 92, 92, 92;
  --color-iawbef5jy: 112, 112, 112;
  --image-if2g4kdrs: url("/d/tpl25_5.svg");
  --color-itqvn2c9e: 0, 0, 0;
  --color-iacou9kih: 56, 163, 204;
  --color-immve2g4d: 81, 81, 81;
  --color-ijmkxqy4g: 161, 101, 129;
  --color-igipv6uu8: 112, 112, 112;
  --color-imonygbdn: 255, 255, 255;
  --color-i3k4n76ah: 255, 255, 255;
  --color-icn2y8kmy: 255, 219, 0;
  --color-imr5q9hfv: 0, 0, 0;
  --color-ioic1pz1o: 0, 0, 0;
  --color-ixdgb6b5k: 0, 0, 0;
  --color-ios30z33y: 0, 0, 0;
  --color-i4col2wkz: 0, 0, 0;
  --color-i0292tttm: 0, 0, 0;
  --color-iotmhklz4: 255, 222, 105;
  --color-iq2z8jf50: 255, 222, 105;
  --color-is1gubuny: 255, 222, 105;
  --color-ij67fhiri: 255, 222, 105;
  --color-i4ij518ba: 255, 255, 255;
  --color-ip1ct0zhg: 255, 255, 255;
  --color-isz1g3ppo: 255, 255, 255;
  --color-i0mwfbmto: 255, 255, 255;
  --color-irw92cq0k: 255, 255, 255;
  --color-i5xr1i5pa: 0, 0, 0;
  --color-istqyhmfz: 0, 0, 0;
  --color-ilp2ovbif: 0, 0, 0;
  --color-iv4s36ogo: 56, 163, 204;
  --color-i40j1qf5h: 255, 255, 255;
  --color-i6y6da12k: 134, 105, 229;
  --color-izcb1xnvg: 134, 105, 229;
  --color-im48rrdar: 134, 105, 229;
  --color-ih4gfx0oo: 134, 105, 229;
  --color-ii6l8pn8c: 255, 221, 13;
  --color-i97j1cm2t: 0, 0, 0;
  --color-ij3za3ggn: 0, 0, 0;
  --color-ijccyju1c: 0, 0, 0;
  --color-ijq5td51q: 0, 0, 0;
  --color-i6sddna9k: 0, 0, 0;
  --color-i47m8jtcn: 238, 238, 238;
  --color-i0j0ou4y5: 0, 0, 0;
  --color-i6vgmrbfi: 22, 22, 22;
  --color-ij5zyqjx1: 221, 221, 221;
  --color-i387q7kte: 51, 51, 51;
  --color-ixojl3jps: 255, 255, 255;
  --color-il0ecxmor: 51, 51, 51;
  --color-iqjq0ymzu: 0, 0, 0;
  --color-ih8o0wu4m: 0, 0, 0;
  --color-i6sr9rekw: 0, 0, 0;
  --color-i0piyz4pw: 0, 0, 0;
  --color-ijtl9mcp9: 255, 255, 255;
  --color-ild1xkk5s: 255, 222, 105;
  --color-itfqgehro: 255, 255, 255;
  --color-i90128xxh: 201, 215, 93;
  --color-ichn7tdrs: 201, 215, 93;
  --color-ia5z7f8n0: 201, 215, 93;
  --color-i51fu20el: 201, 215, 93;
  --color-ihbac37tc: 201, 215, 93;
  --color-iswvlzx15: 201, 215, 93;
  --color-ijhl5rzxf: 201, 215, 93;
  --color-ihak7gpan: 201, 215, 93;
  --color-i5opczogh: 255, 173, 24;
  --color-ic1owqu4g: 255, 173, 24;
  --color-i6kjy1jq5: 255, 173, 24;
  --color-iljmrqo0l: 255, 173, 24;
  --color-ikj3gdycl: 255, 210, 85;
  --color-if3i2bvfa: 255, 255, 255;
  --color-idrb2bqu9: 255, 255, 255;
  --color-i7cn4a85i: 255, 173, 24;
  --color-i52ksrn0k: 255, 173, 24;
  --color-i4tgqliqr: 255, 173, 24;
  --color-ix4ax0c33: 255, 173, 24;
  --color-inhulhmae: 255, 210, 85;
  --color-i9k85z7qn: 255, 173, 24;
  --color-i908ma1ay: 255, 173, 24;
  --color-iffml28ul: 255, 173, 24;
  --color-is2vjly27: 255, 173, 24;
  --color-i0ikuhnb8: 221, 221, 221;
  --color-iyui2kxtd: 255, 255, 255;
  --color-ijdlr002b: 255, 255, 255;
  --color-iteernknt: 0, 0, 0;
  --color-ipiojrqw1: 255, 255, 255;
  --color-i4fzlawkq: 161, 101, 129;
  --color-ixnxrbsat: 0, 0, 0;
  --image-ihh5kaoxa: url("/d/tpl25_menu1.svg");
  --color-irmllnvql: 255, 219, 0;
  --image-id189hstp: url("/d/tpl25_cross2.svg");
  --color-i4ffzg2nb: 0, 0, 0;
  --color-iksl4hsq3: 255, 255, 255;
  --color-i3v4nlehh: 255, 255, 255;
  --color-igjgseoo8: 255, 255, 255;
  --color-ioj9nvemb: 255, 255, 255;
  --color-ipzufnlb2: 0, 0, 0;
  --color-iu3rrz1na: 255, 255, 255;
  --color-ifjhzwp0q: 47, 47, 47;
  --color-ioypbibnn: 255, 255, 255;
  --color-i2vf62jc8: 30, 30, 30;
  --color-i77ypfmuo: 0, 0, 0;
  --image-ivizal6rj: url("");
  --color-i5ia6ea31: 0, 0, 0;
  --color-ifjky7gza: 0, 0, 0;
  --color-i767tjewo: 0, 0, 0;
  --color-ismirnqq9: 255, 255, 255;
  --color-i8auakswr: 0, 0, 0;
  --color-ixyua9gaq: 0, 0, 0;
  --color-i1vgcyf8i: 0, 0, 0;
  --color-imahm3j9m: 0, 0, 0;
  --color-i3qyin4ne: 255, 255, 255;
  --color-izv7cs8jh: 161, 101, 129;
  --color-iyd9lymvj: 236, 236, 169;
  --color-i8wenl76g: 236, 236, 169;
  --color-i0ninxtxf: 236, 236, 169;
  --color-i9cud9o6g: 236, 236, 169;
  --color-if4x8wq05: 75, 75, 75;
  --color-il0l25tnv: 245, 245, 245;
  --color-ihdp0p7j4: 255, 255, 255;
  --color-idtln2fkh: 92, 92, 92;
  --color-itrohxssl: 255, 221, 13;
  --color-ipgp21eta: 0, 0, 0;
  --color-i42fymnyd: 58, 58, 58;
  --color-iejyzgro5: 255, 255, 255;
  --color-i7lebtahx: 255, 255, 255;
  --color-in45ntf5q: 255, 255, 255;
  --color-ino84rnor: 255, 255, 255;
  --color-ipef0ruyn: 0, 0, 0;
  --color-ikrhmxt7v: 255, 255, 255;
  --color-i9vgv59dj: 0, 0, 0;
  --color-ivmruc68n: 245, 245, 245;
  --color-ijcacf4a2: 255, 255, 255;
  --color-i50gunjfg: 0, 0, 0;
  --color-imzexxisu: 56, 163, 204;
  --color-icr4a52x1: 0, 0, 0;
  --color-igeofwe04: 243, 229, 178;
  --color-ioak57fo6: 0, 0, 0;
  --color-im2mmrydx: 56, 163, 204;
  --color-iqlzx0dek: 0, 0, 0;
  --color-iqn1lelhb: 56, 163, 204;
  --color-i69mohmpa: 0, 0, 0;
  --color-i057k3wpb: 56, 163, 204;
  --color-i81tnc5mv: 255, 219, 0;
  --color-iv1fasrss: 58, 58, 58;
  --color-i0qdnxo6p: 255, 255, 255;
  --color-i0k4w04v2: 255, 255, 255;
  --color-iznu4m7wb: 255, 255, 255;
  --color-i4optzrs2: 255, 255, 255;
  --color-iht9xapvo: 255, 255, 255;
  --color-iabzod86r: 0, 0, 0;
  --color-iu926aauk: 255, 255, 255;
  --color-ibd4nsprl: 255, 222, 105;
  --color-i2djjy89a: 255, 219, 0;
  --color-irms6a3nu: 58, 58, 58;
  --color-ibs4guyv5: 255, 255, 255;
  --color-i1puailtl: 255, 255, 255;
  --color-i7jollz06: 255, 255, 255;
  --color-ihtdy6u4o: 255, 255, 255;
  --color-i26zpbg5d: 255, 255, 255;
  --color-iat95fk3e: 0, 0, 0;
  --color-its0qprza: 255, 255, 255;
  --color-i48wjls2h: 255, 222, 105;
  --color-ioo8t2m8d: 56, 56, 56;
  --color-i6z3fhx3j: 230, 230, 230;
  --color-ipzis43r4: 62, 82, 109;
  --color-i8ykt6w54: 62, 82, 109;
  --color-ic09gsgdy: 62, 82, 109;
  --color-insaj8u9b: 255, 255, 255;
  --color-ixygu1j89: 1, 189, 5;
  --color-ifx2n18p0: 255, 255, 255;
  --color-ino7yvgaa: 255, 255, 255;
  --color-ir0x5v4en: 255, 255, 255;
  --color-iwpzbmj0x: 255, 255, 255;
  --color-iz27exsnn: 255, 255, 255;
  --color-i426ywszl: 255, 255, 255;
  --color-i88qkt8sc: 255, 255, 255;
  --color-ievsgb2bz: 255, 255, 255;
  --image-imfbgh5tw: url("/d/tpl25_yunyulia.jpg");
  --color-imp1l8p2e: 0, 0, 0;
  --color-ives4dh29: 255, 255, 255;
  --color-iqda1k9ye: 0, 0, 0;
  --color-iv9jjsa5f: 255, 255, 255;
  --color-ihjgs7dkn: 0, 0, 0;
  --color-ii48gvitf: 0, 0, 0;
  --color-i1dj3njh1: 255, 255, 255;
  --color-iip7b1vtb: 255, 255, 255;
  --color-ifsp0sx3o: 255, 255, 255;
  --color-i8y3j82bw: 88, 88, 88;
  --color-i9pnpzlpw: 0, 0, 0;
  --color-i1b6t4kuq: 255, 255, 255;
  --color-i6upa5eod: 0, 0, 0;
  --color-ifjzy5u37: 255, 255, 255;
  --color-iu0451dkk: 255, 255, 255;
  --color-izhdqqnu4: 255, 255, 255;
  --color-itrtes7yu: 255, 221, 13;
  --color-ivfdpxoq6: 0, 0, 0;
  --color-idmnwaf0g: 0, 0, 0;
  --color-ifxvqz8be: 0, 0, 0;
  --color-iijv8b1xz: 88, 88, 88;
  --color-iradpc6us: 0, 0, 0;
  --color-il1yiogyl: 0, 0, 0;
  --color-iddefzlyx: 255, 222, 105;
  --color-iokghuutc: 255, 222, 105;
  --color-ih9hh8dzh: 255, 222, 105;
  --color-im0czggjz: 255, 222, 105;
  --color-iy35y5p3x: 255, 255, 255;
  --color-idxkvg6fa: 0, 0, 0;
  --color-i2gdtxl1l: 54, 54, 54;
  --color-i2tm7t77l: 245, 245, 245;
  --color-id87cx7hk: 255, 255, 255;
  --color-ihy5c601w: 255, 255, 255;
  --color-ieu6f4auz: 245, 245, 245;
  --color-iz9abjeqt: 255, 255, 255;
  --color-iph4b2wfk: 0, 0, 0;
  --color-ivujxam5q: 255, 255, 255;
  --color-ir0t3frea: 0, 0, 0;
  --color-i6oz8h6p5: 255, 255, 255;
  --color-i1xeqc19n: 255, 255, 255;
  --color-icfq4w4us: 255, 255, 255;
  --color-i0l8ergt0: 255, 255, 255;
  --color-ikwfd7s6i: 255, 255, 255;
  --color-iev4l13dc: 255, 219, 0;
  --color-iwrx2zg2g: 58, 58, 58;
  --color-itfaxpbtj: 255, 255, 255;
  --color-is80qx6nb: 255, 255, 255;
  --color-iuobksfew: 255, 255, 255;
  --color-ii2ttnb06: 255, 255, 255;
  --color-i44awvub0: 255, 255, 255;
  --color-i5b3p12wv: 0, 0, 0;
  --color-i38ehynuh: 255, 255, 255;
  --color-ie5z6quin: 255, 222, 105;
  --color-ix0gi2qk1: 58, 58, 58;
  --color-iu8vt5u6y: 47, 47, 47;
  --color-ijilu6vq6: 54, 54, 54;
  --color-idkmzqs8w: 245, 245, 245;
  --color-ipzfh60iq: 255, 255, 255;
  --color-igex75b5a: 0, 0, 0;
  --color-i89f0gc2u: 0, 0, 0;
  --color-i8tgbbou3: 0, 0, 0;
  --color-itwxptrog: 0, 0, 0;
  --color-ispeobxnq: 0, 0, 0;
  --color-iv93zlmnn: 0, 0, 0;
  --color-ihv9bl1tm: 0, 0, 0;
  --color-iuhfmi8rt: 255, 255, 255;
  --color-i5186l4ia: 245, 245, 245;
  --color-ikfpezn6e: 255, 255, 255;
  --color-i3ooha63o: 255, 255, 255;
  --color-ie6xq4euv: 0, 0, 0;
  --color-ip8yij6kv: 0, 0, 0;
  --color-ikws7sq1v: 0, 0, 0;
  --color-izvwp8u8a: 0, 0, 0;
  --color-i13evw2fl: 255, 255, 255;
  --color-iik5nd711: 92, 92, 92;
  --color-ioqn9uke5: 169, 169, 169;
  --color-iv7318a7a: 169, 169, 169;
  --color-ik5jdilma: 169, 169, 169;
  --color-io0qntkw5: 169, 169, 169;
  --color-ig6lfrjs2: 255, 255, 255;
  --color-ixh1gnybk: 169, 169, 169;
  --color-iu07gu8cb: 169, 169, 169;
  --color-iroavol8c: 169, 169, 169;
  --color-ibn266jd1: 169, 169, 169;
  --color-ij78c017o: 255, 255, 255;
  --color-ib8wrvw9d: 0, 0, 0;
  --color-ivi7qp0tg: 0, 0, 0;
  --color-i4f1o655w: 0, 0, 0;
  --color-icumzmwqq: 0, 0, 0;
  --color-inrhy74m8: 255, 255, 255;
  --color-iitd1ql9h: 169, 169, 169;
  --color-i2scafjvb: 169, 169, 169;
  --color-ilynzwjrh: 169, 169, 169;
  --color-i0s2exftj: 169, 169, 169;
  --color-i1n3iwt7p: 248, 248, 248;
  --color-i61dd5z58: 169, 169, 169;
  --color-ikclvkiky: 169, 169, 169;
  --color-ilhrbcywo: 169, 169, 169;
  --color-ijqlv0n0j: 169, 169, 169;
  --color-iinahksar: 248, 248, 248;
  --color-i0sclumjk: 255, 255, 255;
  --color-izly95ltg: 255, 255, 255;
  --color-ih5oer6xe: 255, 0, 0;
  --color-ipcsal7q8: 255, 0, 0;
  --color-i9aidyx41: 128, 128, 128;
  --color-ik8xkp6vu: 128, 128, 128;
  --color-inarlbvx7: 128, 128, 128;
  --color-izlq99g6s: 128, 128, 128;
  --color-iv1waxzw3: 128, 128, 128;
  --color-iudwrsjur: 0, 0, 0;
  --color-id6o8469i: 0, 0, 0;
  --color-iiam0bj85: 128, 128, 128;
  --color-in16ycstb: 128, 128, 128;
  --color-iig245b3t: 128, 128, 128;
  --color-ic535f1oc: 128, 128, 128;
  --color-iwf2blj91: 0, 0, 0;
  --color-isd7y3tvx: 0, 0, 0;
  --color-iusxzf3d9: 197, 197, 197;
  --color-ikvgfn6b9: 197, 197, 197;
  --color-ib55k3rj4: 197, 197, 197;
  --color-isq3vp42q: 197, 197, 197;
  --color-iqpixjpm9: 197, 197, 197;
  --color-iyhsuzyu2: 255, 0, 0;
  --color-ihul2r6uh: 85, 85, 85;
  --color-ifvh1rai4: 0, 0, 255;
  --color-im85qasex: 0, 0, 255;
  --color-i4yn1bsiu: 224, 224, 224;
  --color-if0muj111: 255, 255, 255;
  --color-in621u5jk: 0, 0, 0;
  --color-iim5kbywt: 92, 92, 92;
  --color-ik6zuj6eb: 255, 255, 255;
  --color-iz1zvpkk5: 255, 255, 255;
  --color-igw54r09r: 255, 255, 255;
  --color-ils2679is: 92, 92, 92;
  --color-i4miyh9pb: 133, 133, 133;
  --color-ix5d8y9sb: 161, 101, 129;
  --color-iy5z5bmfq: 224, 224, 224;
  --color-it5qo7dby: 161, 101, 129;
  --color-ivx0bk5i7: 112, 176, 22;
  --color-i0af94cae: 255, 255, 255;
  --color-i3m0v9hzm: 0, 0, 0;
  --color-iu9l84v1l: 58, 58, 58;
  --color-iunxq4127: 34, 34, 34;
  --color-i8r4lq75j: 255, 255, 255;
  --color-itduqub0v: 0, 0, 0;
  --color-ihdq2qjnf: 0, 0, 0;
  --color-ijesvy5v0: 245, 245, 245;
  --color-ip8mspa8d: 255, 255, 255;
  --image-i3hhur9m4: url("/d/tpl25_22.png");
  --image-is4i55n91: url("/d/tpl25_linebg2.png");
  --color-inuj141ba: 0, 0, 0;
  --image-iq86vvail: url("/d/tpl25_yunyulia_image_of_a_gps_map_with_a_3d_location_icon_night_time_c9e9ab06-6a19-443e-9ccd-3a570e17b8e5.png");
  --color-idgxewj2n: 75, 75, 75;
  --color-issltdyt1: 20, 16, 45;
  --color-irdvyy715: 255, 255, 255;
  --color-iqu778ksy: 255, 255, 255;
  --color-ibla9384e: 57, 57, 57;
  --color-i9zionii3: 0, 0, 0;
  --color-idr1kq9n8: 0, 0, 0;
  --color-i5vzgb0hq: 0, 0, 0;
  --color-i9buc5m3c: 0, 0, 0;
  --color-iwvymrp9b: 255, 221, 13;
  --color-it8gagebn: 45, 54, 62;
  --color-imhc75vhc: 45, 54, 62;
  --color-ibwlredyw: 45, 54, 62;
  --color-it6wvitt6: 45, 54, 62;
  --color-isruu06o4: 255, 255, 255;
  --color-ikyoag52u: 255, 255, 255;
  --color-i7gv0y6q5: 45, 54, 62;
  --color-ii9ewc58i: 45, 54, 62;
  --color-ij8zox2c2: 0, 0, 0;
  --color-ijcgk4srz: 56, 163, 204;
  --color-id9mjop2s: 57, 57, 57;
  --color-i0h40mfcu: 255, 255, 255;
  --color-ie9hdmduq: 0, 0, 0;
  --color-imk779qar: 56, 163, 204;
  --color-i8xyof4et: 45, 45, 45;
  --color-irw9bl5xa: 255, 255, 255;
  --color-i2vw7ipqq: 54, 54, 54;
  --color-ivz4st5ql: 245, 245, 245;
  --color-i1shzqdif: 255, 255, 255;
  --color-iazowmc8m: 255, 255, 255;
  --color-ia9hsdd9l: 0, 0, 0;
  --color-iylumey8x: 255, 255, 255;
  --color-ihgim1h4t: 255, 255, 255;
  --color-i2nat0nb9: 255, 255, 255;
  --color-itu0y34c6: 21, 21, 21;
  --color-ipb1hrcml: 255, 255, 255;
  --color-i2qqv7f67: 255, 255, 255;
  --color-ir7mj8q71: 255, 255, 255;
  --color-ih39ioxvz: 255, 255, 255;
  --color-ijkcgll08: 46, 46, 46;
  --color-ikdvnfit2: 255, 255, 255;
  --color-i08bn63rk: 21, 21, 21;
  --color-inybc879u: 21, 21, 21;
  --color-i522rp2kx: 21, 21, 21;
  --color-ikjghx9s4: 21, 21, 21;
  --color-iiorozk5c: 0, 0, 0;
  --color-iiqoxq3i8: 24, 24, 24;
  --color-i2vpilqij: 0, 0, 0;
  --color-i8uq4ktf6: 0, 0, 0;
  --color-iqd64jisw: 255, 255, 255;
  --color-izxnph3pt: 255, 255, 255;
  --color-in2bn8dar: 255, 255, 255;
  --color-ixemq6jwc: 255, 255, 255;
  --color-icg5a1bdc: 255, 255, 255;
  --color-ixlk95t7l: 230, 230, 230;
  --color-iaqid4zz4: 255, 255, 255;
  --color-ine08kn2m: 255, 255, 255;
  --color-inyk3tb7r: 255, 255, 255;
  --color-ik3o0jg2i: 62, 82, 109;
  --color-ihgysvv53: 62, 82, 109;
  --color-i7b7w3isb: 62, 82, 109;
  --color-i8cn85xva: 255, 255, 255;
  --color-ioxgz12kk: 223, 223, 223;
  --color-igvnef1a6: 1, 189, 5;
  --color-ik2py0zsb: 255, 255, 255;
  --color-i9aauz4v3: 255, 255, 255;
  --color-i3141pqfw: 255, 255, 255;
  --color-i8lsz4smf: 255, 255, 255;
  --color-imuh759i0: 255, 255, 255;
  --color-izqf8a76i: 255, 255, 255;
  --color-itlze2hpr: 255, 255, 255;
  --color-i7as1u41x: 0, 0, 0;
  --color-igtowqulk: 222, 236, 249;
  --color-inqnse2i6: 222, 236, 249;
  --color-i76yzuvpx: 222, 236, 249;
  --color-ivxnboxbd: 222, 236, 249;
  --color-imc8ley39: 222, 236, 249;
  --color-iag56gel3: 199, 199, 199;
  --color-ifvpr0s7y: 0, 0, 0;
  --color-ixz6wmbue: 222, 236, 249;
  --color-i9nih0tp0: 207, 212, 218;
  --color-ip5aq4hc8: 207, 212, 218;
  --color-itifiuvri: 207, 212, 218;
  --color-i4rhz33iq: 207, 212, 218;
  --color-ie66s528u: 255, 255, 255;
  --color-i1qquchvo: 207, 212, 218;
  --color-ipl5suftm: 207, 212, 218;
  --color-ifrwm2to9: 207, 212, 218;
  --color-i7obgekde: 207, 212, 218;
  --color-ie9548y9g: 62, 82, 109;
  --color-i6b3prf6a: 62, 82, 109;
  --color-io73rw3sa: 62, 82, 109;
  --color-i143lpqeo: 62, 82, 109;
  --color-igmqvs8sa: 207, 212, 218;
  --color-iaho62xbw: 207, 212, 218;
  --color-icmtkio7x: 207, 212, 218;
  --color-i0zmdvimt: 207, 212, 218;
  --color-ix1hngmqo: 128, 128, 128;
  --color-i3pxcl0s2: 128, 128, 128;
  --color-i9ty0qo0o: 128, 128, 128;
  --color-iz6bu5wt4: 128, 128, 128;
  --color-i0kbkfw8c: 0, 0, 0;
  --color-ixyp8vzu2: 0, 0, 0;
  --color-iotmqm6px: 207, 212, 218;
  --color-i9q4aarpo: 207, 212, 218;
  --color-iv2vf58il: 207, 212, 218;
  --color-i54odflas: 207, 212, 218;
  --color-i1uspkhc2: 128, 128, 128;
  --color-iphiw6ko6: 128, 128, 128;
  --color-i743aubhz: 128, 128, 128;
  --color-ip5lw0hkj: 128, 128, 128;
  --color-iw49gu7zo: 255, 255, 255;
  --color-i8kwkqsaa: 128, 128, 128;
  --color-i8y3fn1pd: 128, 128, 128;
  --color-isy05vait: 128, 128, 128;
  --color-iczb81kdv: 128, 128, 128;
  --color-infdufhia: 255, 0, 0;
  --color-ijcoqinxi: 0, 0, 255;
  --color-ic2491vvp: 243, 19, 22;
  --color-i4ym9c3v5: 153, 153, 153;
  --color-i2dwhmr3o: 0, 0, 0;
  --color-iycmo74cq: 0, 0, 0;
  --color-ivm67wb53: 255, 255, 255;
  --color-ibatszjoe: 243, 19, 22;
  --color-ibhv2izoe: 243, 19, 22;
  --color-i22dqqj5n: 243, 19, 22;
  --color-ie9jg3l59: 243, 19, 22;
  --color-ilb0txhsp: 243, 19, 22;
  --color-imsn0v4h9: 243, 19, 22;
  --color-i7ji8c1wm: 255, 255, 255;
  --color-i7fl2iiwr: 255, 255, 255;
  --color-i1d2nbu0o: 222, 236, 249;
  --color-i43loadby: 209, 205, 205;
  --color-iqlwxtxty: 243, 19, 22;
  --color-ixx027m0x: 255, 255, 255;
  --color-iihaug9o8: 153, 153, 153;
  --color-iku80mbsp: 17, 60, 119;
  --color-ihpgui0so: 243, 19, 22;
  --color-iu1hm2t0v: 243, 19, 22;
  --color-io5705427: 243, 19, 22;
  --color-iiugsy32p: 255, 255, 255;
  --color-iwda4j09b: 255, 255, 255;
  --color-ilpq3u01h: 255, 255, 255;
  --color-icveeamgd: 0, 0, 0;
  --color-iclj85swb: 209, 205, 205;
  --color-iqerttjet: 0, 0, 0;
  --color-ix250yd2d: 238, 238, 238;
  --color-iedrq2ec0: 0, 0, 0;
  --color-ikk4fh809: 255, 255, 255;
  --color-itzajydca: 255, 255, 255;
  --color-in3ade5ta: 255, 255, 255;
  --color-i3y5v76xv: 51, 51, 51;
  --color-iragxnqsr: 255, 255, 255;
  --color-iu2uoeccu: 255, 255, 255;
  --color-iyxd1g6yk: 247, 247, 247;
  --color-i2rnk1y6r: 247, 247, 247;
  --color-icnz6gp5n: 247, 247, 247;
  --color-i0gkfjdjx: 247, 247, 247;
  --color-ix68i7cw3: 255, 255, 255;
  --color-i99cojlpe: 24, 24, 24;
  --color-ipo8tf3hq: 247, 247, 247;
  --color-i4srowg5s: 247, 247, 247;
  --color-i1e84l6sv: 247, 247, 247;
  --color-ibbfjg41d: 247, 247, 247;
  --color-ioyfy63sa: 255, 255, 255;
  --color-i8fv0dzko: 255, 255, 255;
  --color-ixqai3atp: 255, 255, 255;
  --color-ixjs909zp: 255, 255, 255;
  --color-iga39eyg1: 255, 255, 255;
  --image-im1uzw321: url("/d/tpl25_22.png");
  --color-iajpsin8q: 54, 54, 54;
  --color-ion00f0eo: 245, 245, 245;
  --color-i9htu18m0: 255, 255, 255;
  --image-i4cg0n5ac: url("/d/tpl25_cross4_0.svg");
  --color-iw6zr0kce: 0, 0, 0;
  --color-i1vccrc31: 0, 0, 0;
  --color-ios897roh: 255, 255, 255;
  --color-ip1qsgvbq: 0, 0, 0;
  --color-it398il92: 255, 255, 255;
  --image-i0u87kv5f: url("/d/tpl25_yunyulia.jpg");
  --color-izezdtrsx: 255, 219, 0;
  --color-ixoxyr4em: 58, 58, 58;
  --color-iajh41oyx: 255, 255, 255;
  --color-i2hgwbr41: 255, 255, 255;
  --color-i3ffqe8gs: 255, 255, 255;
  --color-iumywxbve: 255, 255, 255;
  --color-izr1eqp9n: 255, 255, 255;
  --color-idar9rao5: 0, 0, 0;
  --color-inpu79fyl: 255, 255, 255;
  --color-i94rryo81: 255, 219, 0;
  --color-iwx1dwrr9: 58, 58, 58;
  --color-i8pq1ajns: 255, 255, 255;
  --color-iotenjnqn: 255, 255, 255;
  --color-i8rj46pia: 255, 255, 255;
  --color-ifkikuixp: 255, 255, 255;
  --color-iryq19f6o: 255, 255, 255;
  --color-iqbjc63lp: 0, 0, 0;
  --color-iajiptun9: 255, 255, 255;
  --color-ife3krte5: 255, 222, 105;
  --color-iuad5lia4: 255, 222, 105;
}

.blocklist__item__outer--u-i3rt2nhj2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  max-width: 100%;
  width: 25%;
  height: auto;
}

.blocklist__item--u-inj11m0nc {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: auto;
  max-width: 100%;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  background-color: rgba(var(--color-i2vf62jc8), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom-style: none;
  border-bottom-width: 3px;
  border-bottom-color: rgba(var(--color-i77ypfmuo), 1);
  background-image: var(--image-ivizal6rj);
  background-repeat: no-repeat;
  background-position: left 0px top 0px;
  background-size: auto;
  background-attachment: scroll;
  border-top-color: rgba(var(--color-i5ia6ea31), 1);
  border-right-color: rgba(var(--color-ifjky7gza), 1);
  border-left-color: rgba(var(--color-i767tjewo), 1);
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-top-width: 3px;
  border-right-width: 3px;
  border-left-width: 3px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0ms;
  transition-timing-function: ease;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.blocklist__item--u-inj11m0nc:hover {
  border-top-color: rgba(var(--color-iyd9lymvj), 1);
  border-right-color: rgba(var(--color-i8wenl76g), 1);
  border-bottom-color: rgba(var(--color-i0ninxtxf), 1);
  border-left-color: rgba(var(--color-i9cud9o6g), 1);
  box-shadow: none;
}

.blocklist__item--u-inj11m0nc:hover .imageFit--u-i9kckgq9p {
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0ms;
  transition-timing-function: ease;
  transform: skew(0deg, 0deg);
}

.blocklist__item--u-inj11m0nc:hover .imageFit--u-i9kckgq9p:hover {
  transform: none;
  filter: brightness(110%);
}

.blocklist__item_title--u-i1in7t1tw {
  margin-bottom: 0px;
  font-size: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  color: rgba(var(--color-ismirnqq9), 1);
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  text-align: left;
}

.div--u-i5hhu65ej {
  width: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 0px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.div--u-iyzwcmhi5 {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  height: auto;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-style: none;
  border-top-width: 5px;
  border-right-style: none;
  border-right-width: 5px;
  border-bottom-style: none;
  border-bottom-width: 5px;
  border-left-style: none;
  border-left-width: 5px;
  background-image: none;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  margin-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text--u-iudozv8x9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  line-height: normal;
  vertical-align: top;
  position: relative;
  color: rgba(var(--color-i3qyin4ne), 0.98);
  background-color: rgba(var(--color-izv7cs8jh), 0);
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
  width: 80%;
}

.link-universal--u-iwav6gofc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  text-decoration-line: none;
  padding-bottom: 0px;
}

.link-universal--u-iwc5zgoyr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  vertical-align: top;
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: normal;
  background-color: rgba(var(--color-ipgp21eta), 1);
  color: rgba(var(--color-i42fymnyd), 1);
  position: relative;
  text-decoration-line: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  border-bottom-style: none;
  border-bottom-width: 4px;
  border-bottom-color: rgba(var(--color-iejyzgro5), 0.35);
  margin-top: auto;
  margin-bottom: 0px;
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0ms;
  transition-timing-function: ease;
  margin-left: 0px;
  margin-right: 0px;
  text-transform: uppercase;
  font-weight: 500;
  box-shadow: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: auto;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-top-color: rgba(var(--color-i7lebtahx), 0.35);
  border-right-color: rgba(var(--color-in45ntf5q), 0.35);
  border-left-color: rgba(var(--color-ino84rnor), 0.35);
  border-top-width: 4px;
  border-right-width: 4px;
  border-left-width: 4px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: left 0px top 0px;
  background-size: auto;
  background-attachment: scroll;
}

.link-universal--u-iwc5zgoyr:hover {
  box-shadow: none;
  background-color: rgba(var(--color-itrtes7yu), 1);
}

.link-universal--u-iwc5zgoyr:hover .text--u-iqxi821hw {
  color: rgba(var(--color-ivfdpxoq6), 1);
}

.link-universal--u-iwc5zgoyr:hover .svg_image--u-idm1d3vxt .path-iy389gfna {
  fill: rgba(var(--color-idmnwaf0g), 1);
}

.svg_image--u-idm1d3vxt {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  width: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.svg_image--u-idm1d3vxt > svg {
  flex-shrink: 0;
}

.svg_image--u-idm1d3vxt svg {
  width: 100%;
  height: 100%;
}

.svg_image--u-idm1d3vxt .path-iy389gfna {
  fill: rgba(var(--color-itrohxssl), 1);
}

.text--u-iqxi821hw {
  margin-right: 10px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  margin-left: 0px;
  width: 100%;
  text-align: left;
  color: rgba(var(--color-izhdqqnu4), 1);
}

.imageFit--u-i9kckgq9p {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 250px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0ms;
  transition-timing-function: ease;
}

.imageFit--u-i9kckgq9p:hover {
  transition-property: all;
  transition-duration: 300ms;
  transition-delay: 0ms;
  transition-timing-function: ease;
  transform: scale3d(1.01, 1.01, 1.01);
}

.imageFit__img--u-idcuclks6 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.imageFit__overlay--u-i31yjqr2w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(var(--color-iqlzx0dek), 0.36);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 30px;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  background-image:
    linear-gradient(
      rgba(var(--color-ifjzy5u37), 0) 73%,
      rgba(var(--color-i6upa5eod), 0.55) 100%
    ),
    linear-gradient(
      rgba(var(--color-i9pnpzlpw), 0.64) 0%,
      rgba(var(--color-i1b6t4kuq), 0) 56%
    );
  background-repeat: no-repeat, no-repeat;
  background-position:
    left 0px top 0px,
    left 0px top 0px;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
}

.imageFit__zoom--u-ieuctidud {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 20px;
  height: 20px;
  background-color: rgba(var(--color-iqn1lelhb), 1);
}

.svg_image--u-ipqohihhw {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  width: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.category-grid {
  width: 100% !important;
  display: grid !important;
  align-items: center;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr) !important;
}
.product-main-area.inner {
  width: 100%;
}

@media (max-width: 991px) {
  .blocklist__item__outer--u-i3rt2nhj2 {
    width: 50%;
    height: auto;
  }

  .blocklist__item__outer--u-i3rt2nhj2:nth-child(3n + 1)
    .blocklist__item--u-inj11m0nc {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text--u-iudozv8x9 {
    font-size: 15px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-top: 0;
    padding-right: 0px;
  }

  .link-universal--u-iwav6gofc {
    padding-bottom: 0px;
  }

  .div--u-iyzwcmhi5 {
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .text--u-iqxi821hw {
    padding-right: 10px;
  }

  .blocklist__item--u-inj11m0nc {
    min-width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .blocklist__item--u-inj11m0nc:hover {
    margin-right: 10px;
    margin-left: 10px;
  }

  .blocklist__item_title--u-i1in7t1tw {
    font-size: 23px;
  }
}

@media (max-width: 767px) {
  .blocklist__item__outer--u-i3rt2nhj2 {
    width: 50%;
    height: auto;
  }

  .blocklist__item__outer--u-i3rt2nhj2:nth-child(3n + 1)
    .link-universal--u-iwav6gofc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blocklist__item__outer--u-i3rt2nhj2:nth-child(3n + 1) .div--u-i5hhu65ej {
    padding-top: 0px;
  }

  .div--u-i5hhu65ej {
    margin-left: 0px;
    padding-top: 0px;
    text-align: center;
    width: 100%;
    margin-right: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
  }

  .link-universal--u-iwav6gofc {
    padding-bottom: 0px;
  }

  .link-universal--u-iwc5zgoyr {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .blocklist__item--u-inj11m0nc {
    min-width: auto;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 100%;
  }

  .blocklist__item_title--u-i1in7t1tw {
    font-size: 15px;
  }

  .imageFit__overlay--u-i31yjqr2w {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
  }

  .imageFit--u-i9kckgq9p {
    height: 180px;
  }

  .text--u-iudozv8x9 {
    font-size: 14px;
  }

  .text--u-iqxi821hw {
    font-size: 11px;
  }
}

@media (max-width: 479px) {
  .blocklist__item__outer--u-i3rt2nhj2 {
    width: 100%;
    height: auto;
  }

  .blocklist__item--u-inj11m0nc {
    min-width: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }

  .div--u-iyzwcmhi5 {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }

  .blocklist__item_title--u-i1in7t1tw {
    font-size: 20px;
  }

  .link-universal--u-iwc5zgoyr {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px;
  }

  .text--u-iqxi821hw {
    margin-top: auto;
    margin-bottom: auto;
  }

  .imageFit--u-i9kckgq9p {
    height: 200px;
  }

  .imageFit__overlay--u-i31yjqr2w {
    height: 100%;
  }
}

.section-padding,
.static_page_form {
  padding: 30px 0;
}

.static_page_all h1 {
  font-size: 28px;
  font-weight: 600;
  padding: 0 0 40px;
  border-bottom: 1px solid #dbdbe2;
}

.static_page_content {
  line-height: 1.3;
  display: flex;
  gap: 20px;
  text-align: justify;
  padding: 20px 0;
  flex-direction: column;
}

.static_page_content img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
  max-height: 300px;
}

.static_page_text {
  font-size: 17px;
  line-height: 1.2;
}

.static_page_form h4 {
  font-size: 21px;
}

.static_page_form_social {
  align-items: center;
  gap: 9px;
  padding: 20px 0;
}

.static_page_form_social a {
  margin: 0 8px 0 0;
  width: 48px;
  height: 48px;
  color: #f0f8ff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 18px;
  transition: 0.3s;
}
.static_page_form_social img {
  width: 100%;
  object-fit: cover;
}

.static_page_form_social_face {
  background: #3b5998;
}

.static_page_form_social_ins {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}

.static_page_form_social_tiktok {
  background: #1c1f23;
}

.static_page_form_social_twitter {
  background: #1da1f2;
}

.static_page_form-wrapper {
  display: flex;
  align-items: center;
  padding: 40px 20px;
  gap: 15px;
  border: 1px solid #dbdbe2;
  border-radius: 20px;
  flex-wrap: wrap;
}

.static_page_form-wrapper h5 {
  flex: 0 0 100%;
  font-size: 23px;
}

.static_page_form-wrapper input {
  flex: 0 0 100%;
  position: relative;
  background: #eee;
  padding: 14px 10px;
  font-family: Roboto, sans-serif;
  border: none;
  outline: 0;
  border-radius: 5px;
}

.static_page_form-wrapper textarea {
  width: 100%;
  min-height: 140px;
  height: 100%;
  max-height: 200px;
  background: #eee;
  border: none;
  max-width: 100%;
  flex: 0 0 100%;
  resize: vertical;
  outline: 0;
  padding: 14px 10px;
  border-radius: 5px;
}

.static_page_form-wrapper button {
  padding: 14px 10px;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  transition: 0.3s;
  border: 1px solid transparent;
  outline: 0;
  background: var(--main-color);
  cursor: pointer;
  color: #fff;
}

.static_page_form-wrapper button:hover {
  border-color: var(--main-color);
  background: 0 0;
  color: var(--main-color);
}

@media screen and (min-width: 576px) {
  .static_page_form-wrapper input {
    flex: 0 0 calc(50% - 10px);
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .static_page_form-wrapper input {
    flex: 0 0 100%;
  }
}

@media screen and (min-width: 992px) {
  .static_page_content {
    padding: 30px 50px 30px 0;
    border-right: 1px solid #dbdbe2;
  }

  .static_page_all h1 {
    font-size: 40px;
  }

  .static_page_text {
    padding: 0 10px;
    word-spacing: -1px;
  }
}

.service-gallery {
  padding: 40px 0;
}

.serviceGallerySwiper .swiper-slide {
  overflow: hidden;
  border-radius: var(--br);
}

.serviceGallerySwiper img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: 0.4s ease;
}

.serviceGallerySwiper .swiper-slide:hover img {
  transform: scale(1.05);
}
.serviceGallerySwiper img {
  display: block;
}

.serviceGallerySwiper {
  position: relative;
}

.service-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  cursor: pointer;
  z-index: 5;
  transition: background 0.2s ease;
}

.service-gallery-nav:hover {
  background: var(--main-color2);
}

.service-gallery-prev {
  left: 12px;
}

.service-gallery-next {
  right: 12px;
}

.service-gallery-prev::before,
.service-gallery-next::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin: 0 auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.service-gallery-prev::before {
  transform: rotate(-135deg);
}

.service-gallery-next::before {
  transform: rotate(45deg);
}

.category-inside-section .row {
  row-gap: 20px;
}

.category-inside-image img {
  max-height: 420px;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.category-inside-content {
  margin-top: 15px;
}

.category-inside-list {
  display: flex;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid var(--border-5);
}

.category-inside-list li span {
  font-size: 15px;
  color: var(--color-2);
}

.category-inside-description {
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-3);
}

.category-inside-description h1 {
  font-size: 32px;
  margin-bottom: 15px;
}

.category-inside-description h2 {
  font-size: 20px;
  margin-bottom: 15px;
}

.category-inside-description h3 {
  font-size: 19px;
  margin-top: 20px;
}

.category-inside-description h4,
.category-inside-description h5,
.category-inside-description h6 {
  margin-top: 15px;
}

/* SIDEBAR FIX */
@media (min-width: 992px) {
  .category-inside-sidebar {
    position: sticky;
    top: 190px;
    align-self: flex-start;
  }
}

/* CARD IMPROVE */
.recent-post-card {
  transition: 0.3s;
}

.recent-post-card:hover {
  transform: translateY(-3px);
}
.section-title h2 {
  font-size: 48px;
}

@media (max-width: 1200px) {
  nav ul {
    display: flex;
    list-style: none;
    gap: 25px;
  }
  .about-inner-image {
    float: right;
    width: 520px;
    margin-left: 40px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .tech-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .about-inner-image {
    float: right;
    width: 420px;
    margin-left: 40px;
    margin-bottom: 20px;
  }
  .about-inner h2,
  .about-brands-top h2,
  .tech-section h2 {
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 30px;
  }
  #discover-us .row {
    flex-direction: column;
    margin-left: 30px !important;
    gap: 20px;
  }
  #discover-us .col-12 {
    width: 100% !important;
  }
  .aboutAdvantagesArticle p {
    text-align: left;
  }
  .menu {
    display: none;
  }
  .header-top {
    padding-bottom: 20px;
  }
  .product-main-wrapper {
    display: flex;
    gap: 30px;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    flex-direction: column;
  }
  .service-content h3 {
    font-size: 24px;
    margin-bottom: 0;
    transition: 0.3s;
  }
  .blogs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 40px;
  }
  .contact-map-wrapper {
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    gap: 30px;
    align-items: stretch;
  }
  .static_page_content_all .row {
    grid-template-columns: 1fr;
  }
  .section-title h2 {
    font-size: 42px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .blogs-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 30px;
  }
  .header-top-content img {
    height: 100%;
    width: 195px;
    object-fit: cover;
    transition:
      width 0.35s ease,
      max-height 0.35s ease;
  }
  #discover-us .row {
    flex-direction: column;
    margin-left: 10px !important;
    gap: 20px;
    margin-right: 0;
    padding: 0 10px 0 0;
  }
  .aboutAdvantagesNavigation li {
    padding: 20px 10px;
  }
  .aboutAdvantagesFigure h5 {
    transition: 0.3s ease-in-out;
    font-size: 18px;
    line-height: 24px;
  }
  .section-top {
    display: flex;
    justify-content: space-between;
    gap: 0px;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .section-title,
  .section-title .banner {
    margin-bottom: 0;
  }
  .services-grid {
    grid-template-columns: 1fr;
  }
  .service-item::after {
    opacity: 1;
    background: rgb(255 108 0 / 69%);
  }
  .service-item .service-content p,
  .service-item .service-content a,
  .service-item .service-content .service-more {
    opacity: 1;
  }
  .services,
  .section-padding {
    padding: 0;
  }
  #map.home {
    height: 450px;
  }
  .contact-map {
    padding: 0;
  }
  .about-inner-image {
    float: right;
    width: 100%;
    margin-left: 40px;
    margin-bottom: 20px;
  }
  .about-inner h2,
  .about-brands-top h2,
  .tech-section h2 {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .about-inner p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
  }
  .tech-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .contact-inner-box h2 {
    font-size: 25px;
    margin-bottom: 8px;
    color: var(--main-color);
  }
  .contact-inner-box {
    position: absolute;
    z-index: 3;
    margin-left: auto;
    max-width: 500px;
    background: #fff;
    padding: 20px;
    top: 50%;
    right: 20px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    transform: translate(0, -50%);
    left: 20px;
  }
  .contact-map-wrapper {
    grid-template-columns: 1fr;
  }
  .map,
  #map {
    height: 350px;
  }
  .contact-info {
    order: -1;
  }
  .contact-form-area .row div,
  .last-input {
    padding: 0;
  }
  .page_title {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 39px;
    font-weight: 700;
  }
  .row > * {
    padding: 0;
  }
  .inside-title {
    font-size: 30px;
    line-height: 44px;
    margin: 15px 0 30px;
    font-weight: 600;
    max-width: 650px;
  }
  .section-title h2 {
    font-size: 28px;
    line-height: 1.2;
  }
}