@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  width: 100%;
  height: 100%;
}

.container {
  max-width: 1240px;
  margin: 0 auto;
  width: calc(100% - 30px);
}

section {
  position: relative;
}

.section__title {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: clamp(32px, 5vw, 42px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
}

.section__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.btn__group {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.btn__primary {
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#EF3118), to(#E21010));
  background: linear-gradient(90deg, #EF3118 0%, #E21010 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 13px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  gap: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width:992px) {
  .btn__primary {
    font-size: 12px;
    padding: 8px 8px;
    gap: 4px;
  }
}
.btn__primary:hover {
  opacity: 0.8;
}
.btn__primary .tel {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_498' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_498)'%3E%3Cpath d='M7.30775 22.5C6.80908 22.5 6.38308 22.3234 6.02975 21.9703C5.67658 21.6169 5.5 21.1909 5.5 20.6923V3.30775C5.5 2.80258 5.675 2.375 6.025 2.025C6.375 1.675 6.80258 1.5 7.30775 1.5H16.7308C17.2294 1.5 17.6553 1.67658 18.0085 2.02975C18.3618 2.38308 18.5385 2.80908 18.5385 3.30775V6.4655C18.8128 6.53717 19.0417 6.68042 19.225 6.89525C19.4083 7.10992 19.5 7.35958 19.5 7.64425V9.52875C19.5 9.81342 19.4083 10.0632 19.225 10.278C19.0417 10.4927 18.8128 10.6359 18.5385 10.7078V20.6923C18.5385 21.1909 18.3618 21.6169 18.0085 21.9703C17.6553 22.3234 17.2294 22.5 16.7308 22.5H7.30775ZM7.30775 21H16.7308C16.8204 21 16.8942 20.9712 16.952 20.9135C17.0097 20.8558 17.0385 20.7821 17.0385 20.6923V3.30775C17.0385 3.21792 17.0097 3.14417 16.952 3.0865C16.8942 3.02883 16.8204 3 16.7308 3H7.30775C7.21792 3 7.14417 3.02883 7.0865 3.0865C7.02883 3.14417 7 3.21792 7 3.30775V20.6923C7 20.7821 7.02883 20.8558 7.0865 20.9135C7.14417 20.9712 7.21792 21 7.30775 21ZM12.0192 19.6152C12.2706 19.6152 12.4808 19.5307 12.65 19.3615C12.8192 19.1923 12.9038 18.9821 12.9038 18.7307C12.9038 18.4794 12.8192 18.2692 12.65 18.1C12.4808 17.9308 12.2706 17.8463 12.0192 17.8463C11.7679 17.8463 11.5577 17.9308 11.3885 18.1C11.2193 18.2692 11.1348 18.4794 11.1348 18.7307C11.1348 18.9821 11.2193 19.1923 11.3885 19.3615C11.5577 19.5307 11.7679 19.6152 12.0192 19.6152Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
}

main {
  position: relative;
  z-index: 1;
}

header {
  padding: 12px 0;
  position: relative;
  z-index: 100;
  background: #fff;
}
header.all__header {
  border-bottom: 1px solid #F3F3FD;
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
}

.logo__block {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.logo__block a {
  display: block;
  line-height: 0;
}
.logo__block img {
  height: 78px;
  width: auto;
  display: block;
}

.menu__primary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.menu__primary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu__primary li {
  position: relative;
  padding: 0 12px;
}
.menu__primary li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #d1d1d1;
}
.menu__primary li a {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0a0a0a;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.menu__primary li a:hover {
  color: #e53935;
}
.menu__primary li .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  background: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #000;
  min-width: 600px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.25s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
.menu__primary li .sub-menu li {
  padding: 0;
  margin: 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.menu__primary li .sub-menu li::after {
  display: none;
}
.menu__primary li .sub-menu li a {
  color: #1b1b1b;
  font-size: 15px;
  font-weight: 500;
  display: block;
  text-align: center;
  padding: 10px 10px;
}
.menu__primary li .sub-menu li a:hover {
  color: #e53935;
}
.menu__primary li .sub-menu::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.menu__primary li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 992px) {
  .menu__primary ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .menu__primary li {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .menu__primary li::after {
    display: none;
  }
  .menu__primary li > a {
    padding: 10px 0;
  }
  .menu__primary li:has(.sub-menu) > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
  .menu__primary li:has(.sub-menu) > a::after {
    content: "▾";
    font-size: 30px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .menu__primary li.open > a::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .menu__primary li .sub-menu {
    position: static;
    left: auto;
    top: auto;
    display: block;
    grid-template-columns: 1fr;
    min-width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: max-height 0.4s ease, padding 0.4s ease;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }
  .menu__primary li .sub-menu::before {
    display: none;
  }
  .menu__primary li .sub-menu li {
    border-bottom: none;
    list-style: none;
  }
  .menu__primary li .sub-menu li a {
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
    display: block;
  }
  .menu__primary li .sub-menu li a:hover {
    background: #f0f0f0;
    color: #e53935;
  }
  .menu__primary li.open .sub-menu {
    padding: 5px 0;
  }
}

.btn__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media screen and (max-width:992px) {
  .btn__group {
    gap: 8px;
  }
}

.burger__btn {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  border-radius: 4px;
  background: var(--Linear, linear-gradient(90deg, #1B2860 0%, #131934 100%));
  border: none;
  padding: 12px 14px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.burger__btn:hover {
  background: #2a3558;
}
.burger__btn span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.burger__btn.active span:first-child {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
.burger__btn.active span:nth-child(2) {
  opacity: 0;
}
.burger__btn.active span:last-child {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}

@media (max-width:1199px) {
  .header__content {
    gap: 30px;
  }
  .menu__primary li {
    padding: 0 20px;
  }
  .menu__primary li:not(:last-child)::after {
    height: 18px;
  }
  .menu__primary a {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .menu__primary {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
  }
  .menu__primary.active {
    max-height: none;
  }
  .menu__primary ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 20px;
  }
  .menu__primary li {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .menu__primary li:not(:last-child)::after {
    display: none;
  }
  .menu__primary li:first-child {
    padding-left: 0;
  }
  .menu__primary li:last-child {
    border-bottom: none;
    padding-right: 0;
  }
  .menu__primary a {
    display: block;
    padding: 16px 0;
    font-size: 16px;
  }
  .burger__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width:680px) {
  header {
    padding: 16px 0;
  }
  .header__content {
    gap: 16px;
  }
  .logo__block img {
    height: 50px;
  }
  .menu__primary ul {
    padding: 16px;
  }
  .menu__primary a {
    font-size: 15px;
    padding: 14px 0;
  }
}
/* =======================
   HERO SECTION
======================= */
.hero {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4FF), to(#D8D8E6));
  background: linear-gradient(180deg, #F4F4FF 0%, #D8D8E6 100%);
  overflow: hidden;
}

.hero__breadcrumbs {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  z-index: 3;
}
.hero__breadcrumbs .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: rgb(19, 25, 52);
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0%;
  text-align: left;
  margin: 0 auto;
}
.hero__breadcrumbs .breadcrumbs a {
  color: rgb(19, 25, 52);
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.hero__breadcrumbs .breadcrumbs a:hover {
  color: #EF3118;
}
.hero__breadcrumbs .breadcrumbs a.breadcrumbs__link {
  color: rgb(19, 25, 52);
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.hero__breadcrumbs .breadcrumbs a.breadcrumbs__link span {
  color: rgb(19, 25, 52);
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.hero__breadcrumbs .breadcrumbs a.breadcrumbs__link span:hover {
  color: #EF3118;
}
.hero__breadcrumbs .breadcrumbs a.breadcrumbs__link:hover {
  color: #EF3118;
}
.hero__breadcrumbs .breadcrumbs .separator {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hero__breadcrumbs .breadcrumbs .separator:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12.000000' height='12.000000' fill='none' customFrame='%23000000'%3E%3Cdefs%3E%3Cfilter id='pixso_custom_mask_type_alpha'%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0 ' /%3E%3C/filter%3E%3C/defs%3E%3Cmask id='mask_6' width='12.000001' height='12.000001' x='0.000000' y='0.000000' maskUnits='objectBoundingBox'%3E%3Cg filter='url(%23pixso_custom_mask_type_alpha)'%3E%3Crect id='Bounding box' width='12.000001' height='12.000001' x='0.000000' y='0.000000' fill='rgb(217,217,217)' transform='matrix(6.12323e-17,-1,1,-4.37114e-08,0,12)' /%3E%3C/g%3E%3C/mask%3E%3Cg id='arrow_back_ios' mask='url(%23mask_6)'%3E%3Cpath id='arrow_back_ios' d='M4.82688 9.65375L0 4.82688L4.82688 0L5.5365 0.709625L1.41913 4.82688L5.5365 8.94413L4.82688 9.65375Z' fill='rgb(19.4091,25.3802,51.9789)' fill-rule='nonzero' transform='matrix(-1,8.74228e-08,-4.37114e-08,-1,8.8335,11.0001)' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
.hero__breadcrumbs .breadcrumbs .current,
.hero__breadcrumbs .breadcrumbs span:last-child {
  color: rgba(19, 25, 52, 0.4);
  pointer-events: none;
  cursor: default;
}

/* === HERO INNER === */
.hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 650px;
  position: relative;
}
.hero__inner > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* === HERO CONTENT === */
.hero__content {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 100px 60px 80px 0; /* відступ збільшено, щоб не зливалось з хедером */
  position: relative;
  z-index: 2;
}

.hero__title {
  color: #131934;
  font-family: Poppins;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 67.2px */
  margin: 0 0 24px;
}
.hero__title br {
  display: block;
}

.hero__title-accent {
  color: #EF3118;
  display: block;
}

.hero__text {
  color: #131934;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
}
.hero__text p {
  margin-bottom: 16px;
}
.hero__text br {
  display: block;
}

.hero__offer {
  color: #131934;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin: 30px 0 40px;
}

.hero__offer-highlight {
  font-weight: 600;
  color: #1F2937;
  padding-bottom: 2px;
  position: relative;
}
.hero__offer-highlight:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='221' height='9' viewBox='0 0 221 9' fill='none'%3E%3Cpath d='M129.013 2.7607C101.233 6.58701 72.7048 8.70837 43.9626 8.20727C29.3445 7.71148 13.7016 7.90908 0 4.94853C20.5433 3.55285 41.9933 4.72037 62.8187 3.96801C82.278 3.58031 101.647 2.59365 120.881 0.907346C130.941 -0.186567 139.69 0.721238 128.664 6.11956C149.882 3.47227 171.403 1.23698 193.274 2.69644C201.156 3.74962 216.541 2.75981 221 6.61048C216.637 7.78503 211.613 6.5059 207.002 6.42353C193.713 5.3996 180.368 4.94548 166.946 5.26494C155.181 5.54497 143.587 6.47403 132.121 7.90115C117.878 9.80764 121.473 6.89187 129.222 2.96456C129.152 2.89673 129.083 2.82895 129.013 2.7607Z' fill='%23EF3118'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 15px;
}

.hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

/* === HERO IMAGE === */
.hero__image {
  width: 50%;
  position: relative;
  overflow: hidden;
}
.hero__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

/* === BUTTONS === */
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 13px 24px;
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
}
.btn .tel {
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.000000' height='24.000000' fill='none' customFrame='%23000000'%3E%3Cdefs%3E%3Cfilter id='pixso_custom_mask_type_alpha'%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0 ' /%3E%3C/filter%3E%3C/defs%3E%3Cmask id='mask_5' width='24.000000' height='24.000000' x='0.000000' y='0.000000' maskUnits='userSpaceOnUse'%3E%3Cg filter='url(%23pixso_custom_mask_type_alpha)'%3E%3Crect id='Bounding box' width='24.000000' height='24.000000' x='0.000000' y='0.000000' fill='rgb(217,217,217)' /%3E%3C/g%3E%3C/mask%3E%3Cg id='mobile_2' mask='url(%23mask_5)'%3E%3Cpath id='mobile_2' d='M7 23C6.45 23 5.97917 22.8042 5.5875 22.4125C5.19583 22.0208 5 21.55 5 21L5 3C5 2.45 5.19583 1.97917 5.5875 1.5875C5.97917 1.19583 6.45 1 7 1L17 1C17.55 1 18.0208 1.19583 18.4125 1.5875C18.8042 1.97917 19 2.45 19 3L19 6.1C19.3 6.21667 19.5417 6.4 19.725 6.65C19.9083 6.9 20 7.18333 20 7.5L20 9.5C20 9.81667 19.9083 10.1 19.725 10.35C19.5417 10.6 19.3 10.7833 19 10.9L19 21C19 21.55 18.8042 22.0208 18.4125 22.4125C18.0208 22.8042 17.55 23 17 23L7 23ZM7 21L17 21L17 3L7 3L7 21ZM12 20C12.2833 20 12.5208 19.9042 12.7125 19.7125C12.9042 19.5208 13 19.2833 13 19C13 18.7167 12.9042 18.4792 12.7125 18.2875C12.5208 18.0958 12.2833 18 12 18C11.7167 18 11.4792 18.0958 11.2875 18.2875C11.0958 18.4792 11 18.7167 11 19C11 19.2833 11.0958 19.5208 11.2875 19.7125C11.4792 19.9042 11.7167 20 12 20Z' fill='rgb(255,255,255)' fill-rule='nonzero' /%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.btn .arrow {
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8462 18.1538L12.7923 17.0693L16.6115 13.25H4.5V11.75H16.6115L12.7923 7.93075L13.8462 6.84625L19.5 12.5L13.8462 18.1538Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.btn--red {
  background: -webkit-gradient(linear, left top, right top, from(#EF3118), to(#E21010));
  background: linear-gradient(90deg, #EF3118 0%, #E21010 100%);
  color: #fff;
}
.btn--red:hover {
  opacity: 0.8;
}

.btn--dark {
  background: -webkit-gradient(linear, left top, right top, from(#1B2860), to(#131934));
  background: linear-gradient(90deg, #1B2860 0%, #131934 100%);
  color: #fff;
}
.btn--dark:hover {
  opacity: 0.8;
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
  .hero__content {
    padding: 80px 40px 60px 0;
  }
  .hero__title {
    font-size: 48px;
  }
  .hero__text {
    font-size: 18px;
  }
}
@media (max-width: 968px) {
  .hero__breadcrumbs {
    top: 20px;
  }
  .hero__breadcrumbs .breadcrumbs {
    font-size: 13px;
  }
  .hero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
  }
  .hero__content {
    width: 100%;
    padding: 60px 0;
  }
  .hero__title {
    font-size: 42px;
  }
  .hero__image {
    width: 100%;
    height: 400px;
    position: relative;
  }
  .hero__image img {
    position: relative;
  }
}
@media (max-width: 640px) {
  .hero__content {
    padding: 40px 0;
  }
  .hero__title {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .hero__text {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .hero__offer {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .hero__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 15px;
  }
  .hero__buttons .btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero__image {
    height: 300px;
  }
}
.features {
  padding: 80px 0;
  background: #fff;
}

.features__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.feature-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.feature-card__icon {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background: linear-gradient(136deg, #48B6FF 11.62%, #4873FF 89.14%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
.feature-card__icon svg {
  width: 32px;
  height: 32px;
}

.feature-card__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.feature-card__title {
  color: #131934;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  margin: 0 0 8px;
}

.feature-card__text {
  color: #6A6F88;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0;
}

.about-repair {
  padding: 80px 0;
  background: #F3F3FD;
}

.about-repair__title {
  font-size: 42px;
  font-weight: 800;
  color: #1F2937;
  text-align: center;
  margin: 0 0 40px;
  line-height: normal;
}

.about-repair__text {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 24px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.about-repair__text ul {
  list-style: none;
  padding: 16px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.about-repair__text ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='url(%23paint0_linear_55_1749)'/%3E%3Cpath d='M10.3669 16.0001L6.56689 12.2001L7.51689 11.2501L10.3669 14.1001L16.4836 7.9834L17.4336 8.9334L10.3669 16.0001Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_55_1749' x1='1.95' y1='3.6' x2='20.25' y2='22.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2348B6FF'/%3E%3Cstop offset='1' stop-color='%234873FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.about-repair__text h2, .about-repair__text h3, .about-repair__text h4 {
  font-size: 42px;
  font-weight: 800;
  color: #1F2937;
  text-align: center;
  margin: 0 0 40px;
  line-height: normal;
}
.about-repair__text p:not(:last-child) {
  margin-bottom: 16px;
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.about-repair__text:last-child {
  margin-bottom: 0;
}
.about-repair__text strong {
  font-weight: 700;
  color: #1F2937;
}

.appliances {
  padding: 80px 0;
  background: #fff;
}

.appliances__title {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  margin: 0 0 16px;
}

.appliances__subtitle {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin: 0 auto 60px;
  max-width: 640px;
}

.appliances__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.appliance-card {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.appliance-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  background: rgba(239, 49, 24, 0.05);
}
.appliance-card:hover .appliance-card__btn {
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
}
.appliance-card:hover .appliance-card__btn:after {
  content: "";
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_110' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_110)'%3E%3Cpath d='M13.8462 18.1537L12.7923 17.0692L16.6115 13.2499H4.5V11.7499H16.6115L12.7923 7.93069L13.8462 6.84619L19.5 12.4999L13.8462 18.1537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width:992px) {
  .appliance-card:hover .appliance-card__btn:after {
    display: none;
  }
}
.appliance-card:hover .appliance-card__image {
  background: rgba(239, 49, 24, 0.05);
}
.appliance-card .appliance-card__image {
  padding: 30px;
  background: #F3F3FD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 180px;
  height: 100%;
}
@media screen and (max-width:992px) {
  .appliance-card .appliance-card__image {
    padding: 10px;
  }
}
.appliance-card .appliance-card__image img {
  width: 100%;
  height: auto;
  max-height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.appliance-card .appliance-card__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0 0 6px 6px;
  background: linear-gradient(136deg, #48B6FF 11.62%, #4873FF 89.14%);
  text-decoration: none;
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.appliance-card .appliance-card__btn:after {
  content: "";
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_110' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_110)'%3E%3Cpath d='M13.8462 18.1537L12.7923 17.0692L16.6115 13.2499H4.5V11.7499H16.6115L12.7923 7.93069L13.8462 6.84619L19.5 12.4999L13.8462 18.1537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width:992px) {
  .appliance-card .appliance-card__btn:after {
    display: none;
  }
}
.appliance-card .appliance-card__btn:hover {
  background: #3A7BC8;
}
.appliance-card .appliance-card__btn:hover {
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
}

@media (max-width: 1200px) {
  .appliances__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 968px) {
  .features {
    padding: 60px 0;
  }
  .features__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .about-repair {
    padding: 60px 0;
  }
  .about-repair__title {
    font-size: 36px;
    margin-bottom: 30px;
  }
  .about-repair__text {
    font-size: 15px;
    text-align: left;
  }
  .about-repair__text h2, .about-repair__text h3, .about-repair__text h4 {
    font-size: 36px;
    margin-bottom: 30px;
  }
  .appliances {
    padding: 60px 0;
  }
  .appliances__title {
    font-size: 36px;
  }
  .appliances__subtitle {
    margin-bottom: 40px;
  }
  .appliances__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .features {
    padding: 40px 0;
  }
  .feature-card {
    padding: 0;
    text-align: left;
  }
  .feature-card__icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  .about-repair {
    padding: 40px 0;
  }
  .about-repair__title {
    color: #131934;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    margin-bottom: 24px;
  }
  .about-repair__text {
    color: #131934;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
  }
  .about-repair__text h2, .about-repair__text h3, .about-repair__text h4 {
    color: #131934;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    margin-bottom: 24px;
  }
  .appliances {
    padding: 40px 0;
  }
  .appliances__title {
    color: #131934;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
  }
  .appliances__subtitle {
    color: #131934;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 30px;
  }
  .appliances__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .appliance-card__image {
    padding: 10px;
    min-height: 140px;
  }
  .appliance-card__image img {
    max-height: 120px;
  }
  .appliance-card__btn {
    padding: 14px 16px;
    font-size: 14px;
  }
}
.emergency {
  background: linear-gradient(193deg, #1B2860 0%, #023891 100.88%);
  padding: 0;
  overflow: visible;
  position: relative;
  margin-top: 80px;
}
.emergency .emergency__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 350px;
  position: relative;
}
.emergency .emergency__image {
  width: 30%;
  max-width: 400px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -80px;
  z-index: 2;
}
.emergency .emergency__image img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  display: block;
  -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}
.emergency .emergency__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 60px 80px 60px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.emergency .emergency__title {
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
  line-height: 120%;
}
.emergency .emergency__subtitle {
  color: #FFF;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  color: rgba(255, 255, 255, 0.9);
  margin: 16px 0 32px;
}
.emergency .emergency__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  max-width: 750px;
}
@media screen and (max-width:992px) {
  .emergency .emergency__form {
    max-width: none;
  }
}
.emergency .emergency__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 16px;
  font-size: 16px;
  color: rgba(19, 25, 52, 0.4);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  border-radius: 4px;
  background: #FFF;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.emergency .emergency__input::-webkit-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.emergency .emergency__input::-moz-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.emergency .emergency__input:-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.emergency .emergency__input::-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.emergency .emergency__input::placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.emergency .emergency__input:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}
.emergency .emergency__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  color: #fff;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#EF3118), to(#E21010));
  background: linear-gradient(90deg, #EF3118 0%, #E21010 100%);
  border: none;
  cursor: pointer;
  white-space: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.emergency .emergency__btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_182' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_182)'%3E%3Cpath d='M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
}
.emergency .emergency__btn:hover {
  opacity: 0.8;
  -webkit-box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
          box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
}
.emergency .emergency__btn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 1200px) {
  .emergency .emergency__content {
    padding: 60px 60px 50px 60px;
  }
  .emergency .emergency__title {
    font-size: 36px;
  }
  .emergency .emergency__subtitle {
    font-size: 16px;
  }
  .emergency .emergency__image {
    margin-top: -60px;
  }
}
@media (max-width: 992px) {
  .emergency .emergency__inner {
    min-height: 350px;
  }
  .emergency .emergency__image {
    width: 35%;
    margin-top: -50px;
  }
  .emergency .emergency__content {
    padding: 60px 40px 40px 60px;
  }
  .emergency .emergency__title {
    font-size: 32px;
  }
  .emergency .emergency__subtitle {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .emergency .emergency__form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .emergency .emergency__input {
    min-width: 200px;
  }
}
@media (max-width: 768px) {
  .emergency .emergency__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
  }
  .emergency .emergency__image {
    width: 100%;
    max-width: 300px;
    margin: -40px auto 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .emergency .emergency__image img {
    max-height: 300px;
  }
  .emergency .emergency__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 40px 0px 40px;
    text-align: center;
  }
  .emergency .emergency__title {
    font-size: 28px;
  }
  .emergency .emergency__subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .emergency .emergency__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .emergency .emergency__input {
    width: 100%;
  }
  .emergency .emergency__btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 480px) {
  .emergency .emergency__content {
    padding: 60px 0px 30px;
  }
  .emergency .emergency__title {
    font-size: 24px;
  }
  .emergency .emergency__subtitle {
    font-size: 13px;
  }
  .emergency .emergency__input,
  .emergency .emergency__btn {
    padding: 14px 18px;
    font-size: 15px;
  }
  .emergency .emergency__image {
    margin-top: -30px;
    max-width: 250px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .emergency .emergency__image img {
    max-height: 250px;
  }
}

.technician {
  padding: 80px 0;
  background: #F3F3FD;
}

.technician__title {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  text-align: center;
  margin: 0 0 40px;
}

.technician__text {
  max-width: 1100px;
  margin: 0 auto;
}
.technician__text p {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 24px;
  text-align: justify;
}
.technician__text p:last-child {
  margin-bottom: 0;
}

.brands {
  padding: 80px 0;
  background: #fff;
}

.brands__title {
  font-size: 42px;
  font-weight: 800;
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  text-align: center;
  margin: 0 0 16px;
}

.brands__subtitle {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  text-align: center;
  margin: 0 0 60px;
}

.brands__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 40px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.brand-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.brand-item img {
  max-width: 100%;
  height: auto;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.brand-item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media (max-width: 1200px) {
  .emergency__title {
    font-size: 36px;
  }
  .brands__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 20px;
  }
}
@media (max-width: 968px) {
  .emergency__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
  }
  .emergency__image {
    width: 100%;
    min-height: 300px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .emergency__content {
    padding: 60px 20px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .emergency__title {
    font-size: 32px;
  }
  .emergency__subtitle {
    font-size: 16px;
  }
  .emergency__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .technician {
    padding: 60px 0;
  }
  .technician__title {
    font-size: 36px;
  }
  .technician__text p {
    font-size: 16px;
    text-align: left;
  }
  .brands {
    padding: 60px 0;
  }
  .brands__title {
    font-size: 36px;
  }
  .brands__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
  }
}
@media (max-width: 640px) {
  .emergency__content {
    padding: 60px 0;
  }
  .emergency__title {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .emergency__subtitle {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .emergency__form {
    gap: 12px;
  }
  .emergency__input {
    padding: 14px 16px;
    font-size: 15px;
  }
  .emergency__btn {
    padding: 14px 24px;
    font-size: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .emergency__image {
    min-height: 250px;
  }
  .technician {
    padding: 40px 0;
  }
  .technician__title {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .technician__text p {
    font-size: 16px;
  }
  .brands {
    padding: 40px 0;
  }
  .brands__title {
    font-size: 32px;
  }
  .brands__subtitle {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .brands__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 16px;
  }
  .brand-item {
    padding: 15px;
  }
  .brand-item img {
    max-height: 45px;
  }
}
.contact-form .contact-form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
  border-radius: 8px;
  background: var(--Linear, linear-gradient(270deg, #1B2860 0%, #023891 100%));
  padding: 55px 120px;
}

.contact-form__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.contact-form__title {
  color: #FFF;
  font-family: Poppins;
  font-size: clamp(32px, 3vw, 42px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  margin: 0 0 16px;
}

.contact-form__text {
  margin: 0;
  color: #FFF;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}

.contact-form__form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 360px;
}
@media screen and (max-width:992px) {
  .contact-form__form {
    max-width: none;
  }
}
.contact-form__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.contact-form__input {
  padding: 13px 16px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  background: #fff;
  color: rgba(19, 25, 52, 0.4);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-form__input::-webkit-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-form__input::-moz-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-form__input:-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-form__input::-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-form__input::placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-form__input:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.contact-form__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 4px;
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-form__btn:hover {
  opacity: 0.8;
  -webkit-box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
          box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
}

.testimonials {
  padding: 80px 0;
  position: relative;
  /* Стрілки */
  /* Пагінація */
}
.testimonials .testimonials__title {
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-weight: 700;
  color: #131934;
  margin-bottom: 60px;
  line-height: 120%; /* 38.4px */
}
@media screen and (max-width:992px) {
  .testimonials .testimonials__title {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.testimonials .testimonials__outer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonials .testimonials__slider {
  overflow: hidden;
  width: 100%;
}
.testimonials .testimonials__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.testimonials .testimonial-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
  border-radius: 8px;
  background: #F3F3FD;
  padding: 24px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: calc(100% - 30px);
}
.testimonials .testimonial-card .testimonial-card__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  margin-bottom: 20px;
}
.testimonials .testimonial-card .testimonial-card__rating .star {
  width: 18px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0L11.5498 5.49048L17.5595 6.21885L13.1257 10.3405L14.2901 16.2812L9 13.338L3.70993 16.2812L4.87432 10.3405L0.440492 6.21885L6.45019 5.49048L9 0Z' fill='%23EF3118'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.testimonials .testimonial-card .testimonial-card__text {
  color: #131934;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 24px;
}
.testimonials .testimonial-card .testimonial-card__name {
  font-size: 18px;
  font-weight: 600;
  color: #131934;
}
.testimonials .testimonial-card .testimonial-card__location {
  color: #6a6f88;
  font-size: 14px;
  margin-bottom: 20px;
}
.testimonials .testimonial-card .testimonial-card__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.testimonials .testimonial-card .testimonial-card__images img {
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  width: auto;
}
.testimonials .testimonial-card .testimonial-card__images:has(img:only-child) img {
  height: 200px;
}
.testimonials .testimonials__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #DCDCE8;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 10;
}
@media screen and (max-width:1440px) {
  .testimonials .testimonials__nav {
    display: none;
  }
}
.testimonials .testimonials__nav.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.testimonials .testimonials__nav.testimonials__prev {
  left: -70px;
}
.testimonials .testimonials__nav.testimonials__next {
  right: -70px;
}
.testimonials .testimonials__nav:hover {
  background: #ef3118;
}
.testimonials .testimonials__nav:hover i {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.testimonials .testimonials__nav i {
  width: 16px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}
.testimonials .testimonials__nav .arrow-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M6.15375 11.6537L7.20775 10.5692L3.3885 6.74994H15.5V5.24994H3.3885L7.20775 1.43069L6.15375 0.346191L0.5 5.99994L6.15375 11.6537Z' fill='%23131934'/%3E%3C/svg%3E");
}
.testimonials .testimonials__nav .arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.84625 11.6537L8.79225 10.5692L12.6115 6.74994H0.5V5.24994H12.6115L8.79225 1.43069L9.84625 0.346191L15.5 5.99994L9.84625 11.6537Z' fill='%23131934'/%3E%3C/svg%3E%0A");
}
.testimonials .testimonials__dots {
  text-align: center;
  margin-top: 40px;
}
.testimonials .testimonials__dots .dot {
  width: 8px;
  height: 8px;
  background: #dcdce8;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.testimonials .testimonials__dots .dot.active {
  background: #ef3118;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
@media (max-width: 992px) {
  .testimonials .testimonial-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .testimonials .testimonials__nav {
    display: none;
  }
  .testimonials .testimonials__track {
    gap: 20px;
  }
}

.faq {
  padding: 80px 0;
  background: #fff;
}

.faq__title {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  text-align: center;
  margin: 0 0 60px;
}

.faq__list {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.faq-item {
  border-radius: 6px;
  background: #F3F3FD;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.faq-item.active .faq-item__content {
  display: block;
}

.faq-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 16px;
  cursor: pointer;
  gap: 24px;
}

.faq-item__question {
  color: #131934;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.faq-item__toggle {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background: #FFF;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.faq-item__toggle .chevron {
  width: 15px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M14.9806 2.00969L7.74028 9.25L0.499969 2.00969L1.56441 0.94525L7.74028 7.12131L13.9162 0.945249L14.9806 2.00969Z' fill='%23131934'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.faq-item__content {
  padding: 0 16px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
}
.faq-item__content p {
  color: #6A6F88;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 16px;
}

.faq-item.active .faq-item__toggle {
  border-radius: 4px;
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
}
.faq-item.active .faq-item__toggle .chevron {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M14.9806 2.00969L7.74028 9.25L0.499969 2.00969L1.56441 0.94525L7.74028 7.12131L13.9162 0.945249L14.9806 2.00969Z' fill='white'/%3E%3C/svg%3E");
}

@media (max-width: 968px) {
  .contact-form {
    padding: 50px 0;
  }
  .contact-form .contact-form__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 40px;
    padding: 60px 15px;
  }
  .contact-form__title {
    font-size: 32px;
  }
  .contact-form__form {
    max-width: 100%;
    width: 100%;
  }
  .testimonials {
    padding: 60px 0;
  }
  .testimonials__title {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .testimonials-prev,
  .testimonials-next {
    display: none;
  }
  .faq {
    padding: 60px 0;
  }
  .faq__title {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media (max-width: 640px) {
  .contact-form {
    padding: 40px 0;
  }
  .contact-form__text {
    font-size: 16px;
  }
  .testimonials {
    padding: 40px 0;
  }
  .testimonial-card {
    padding: 24px;
  }
  .testimonial-card__text {
    font-size: 14px;
  }
  .testimonial-card__images img {
    height: 140px;
  }
  .faq {
    padding: 40px 0;
  }
  .faq__title {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .faq-item__header {
    padding: 20px;
  }
  .faq-item__question {
    font-size: 16px;
  }
  .faq-item__toggle {
    width: 32px;
    height: 32px;
  }
  .faq-item__content {
    padding: 0 20px;
  }
  .faq-item__content p {
    font-size: 14px;
  }
  .faq-item.active .faq-item__content {
    padding: 0 20px 20px;
  }
}
.cta {
  background: -webkit-gradient(linear, left top, right top, from(#1B2860), to(#023891));
  background: linear-gradient(90deg, #1B2860 0%, #023891 100%);
  padding: 0;
  overflow: visible;
  position: relative;
  margin-top: 80px;
}

.cta__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 350px;
  position: relative;
}

.cta__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 60px 60px 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cta__title {
  color: #FFF;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  margin: 0 0 16px;
}

.cta__text {
  color: #FFF;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 32px;
}

.cta__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  max-width: 730px;
}
@media screen and (max-width:992px) {
  .cta__form {
    max-width: none;
  }
}

.cta__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 16px;
  color: rgba(19, 25, 52, 0.4);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: Poppins, sans-serif;
  border: none;
  border-radius: 4px;
  background: #fff;
  color: #1F2937;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cta__input::-webkit-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.cta__input::-moz-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.cta__input:-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.cta__input::-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.cta__input::placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.cta__input:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.cta__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  color: #fff;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#EF3118), to(#E21010));
  background: linear-gradient(90deg, #EF3118 0%, #E21010 100%);
  border: none;
  cursor: pointer;
  white-space: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cta__btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_182' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_182)'%3E%3Cpath d='M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
}
.cta__btn:hover {
  opacity: 0.8;
  -webkit-box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
          box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
}
.cta__btn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.cta__image {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  margin-top: -100px;
  z-index: 2;
}
.cta__image img {
  height: auto;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
  display: block;
  -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}

@media (max-width: 1200px) {
  .cta__title {
    font-size: 36px;
  }
  .cta__image {
    margin-top: -80px;
  }
}
@media (max-width: 992px) {
  .cta__content {
    padding: 50px 40px 50px 0;
  }
  .cta__title {
    font-size: 32px;
  }
  .cta__image {
    width: 35%;
    margin-top: -60px;
  }
}
@media (max-width: 768px) {
  .cta__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    min-height: auto;
  }
  .cta__content {
    padding: 40px 0;
    text-align: center;
  }
  .cta__title {
    font-size: 28px;
  }
  .cta__text {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .cta__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    width: 100%;
  }
  .cta__image {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -60px;
    margin-bottom: 0;
  }
  .cta__image img {
    max-width: 300px;
    max-height: 300px;
  }
}
@media (max-width: 640px) {
  .cta__content {
    padding: 30px 0;
  }
  .cta__title {
    font-size: 24px;
  }
  .cta__text {
    font-size: 14px;
  }
  .cta__input {
    padding: 14px 16px;
    font-size: 15px;
  }
  .cta__btn {
    padding: 14px 24px;
    font-size: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cta__image {
    margin-top: -40px;
  }
  .cta__image img {
    max-width: 250px;
    max-height: 250px;
  }
}
.seo-text {
  padding: 80px 0;
  background: #fff;
}
.seo-text ul {
  list-style: none;
  padding: 16px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.seo-text ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='url(%23paint0_linear_55_1749)'/%3E%3Cpath d='M10.3669 16.0001L6.56689 12.2001L7.51689 11.2501L10.3669 14.1001L16.4836 7.9834L17.4336 8.9334L10.3669 16.0001Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_55_1749' x1='1.95' y1='3.6' x2='20.25' y2='22.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2348B6FF'/%3E%3Cstop offset='1' stop-color='%234873FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

.seo-text__title {
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 800;
  color: #1F2937;
  text-align: center;
  line-height: normal;
  margin: 0 0 40px;
}

.seo-text__content {
  max-width: 1100px;
  margin: 0 auto;
  /* Обмеження висоти + скрол */
  max-height: 420px;
  overflow-y: auto;
  padding-right: 16px;
  /* Стилізація скролу */
}
.seo-text__content::-webkit-scrollbar {
  width: 6px;
}
.seo-text__content::-webkit-scrollbar-track {
  background: #ECECF2;
  border-radius: 3px;
}
.seo-text__content::-webkit-scrollbar-thumb {
  background: #FF4A4A;
  border-radius: 3px;
}
.seo-text__content::-webkit-scrollbar-thumb:hover {
  background: #E53838;
}
.seo-text__content p {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 24px;
  text-align: justify;
}
.seo-text__content p:last-child {
  margin-bottom: 0;
}

.refrigerators-types {
  padding: 80px 0;
}

.refrigerators-types__inner {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 60px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.refrigerators-types__left {
  position: sticky;
  top: 100px;
}

.refrigerators-types__title {
  color: #131934;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  margin: 0 0 24px;
}

.refrigerators-types__text {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 32px;
}

.refrigerators-types__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.refrigerators-types__list li {
  font-size: 16px;
  font-weight: 600;
  color: #131934;
  margin-bottom: 16px;
  padding-left: 24px;
  position: relative;
}
.refrigerators-types__list li:last-child {
  margin-bottom: 0;
}
.refrigerators-types__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #EF3118;
  border-radius: 2px;
}

.refrigerators-types__right {
  width: 100%;
}

.refrigerators-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.refrigerator-item {
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.refrigerator-item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.refrigerator-item__image {
  border-radius: 6px;
  background: #F3F3FD;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 200px;
}
.refrigerator-item__image img {
  width: 100%;
  height: auto;
  max-height: 160px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.refrigerator-item__title {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  text-align: center;
  padding: 12px 12px;
  margin: 0;
}

@media (max-width: 1200px) {
  .refrigerators-types__inner {
    grid-template-columns: 350px 1fr;
    gap: 40px;
  }
  .refrigerators-types__title {
    font-size: 36px;
  }
  .refrigerators-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 968px) {
  .refrigerators-types {
    padding: 60px 0;
  }
  .refrigerators-types__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .refrigerators-types__left {
    position: static;
  }
  .refrigerators-types__title {
    font-size: 32px;
  }
  .refrigerators-types__text {
    font-size: 15px;
  }
  .refrigerators-types__list li {
    font-size: 15px;
    margin-bottom: 14px;
  }
  .refrigerators-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .refrigerator-item__image {
    padding: 20px;
    min-height: 160px;
  }
  .refrigerator-item__image img {
    max-height: 130px;
  }
  .refrigerator-item__title {
    font-size: 16px;
    padding: 16px 12px;
  }
}
@media (max-width: 640px) {
  .refrigerators-types {
    padding: 40px 0;
  }
  .refrigerators-types__title {
    font-size: 32px;
  }
  .refrigerators-types__text {
    font-size: 16px;
  }
  .refrigerators-types__list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .refrigerators-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .refrigerator-item__image {
    padding: 16px;
    min-height: 140px;
  }
  .refrigerator-item__image img {
    max-height: 110px;
  }
  .refrigerator-item__title {
    font-size: 13px;
    padding: 14px 10px;
  }
}
.section-title {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  margin-bottom: 16px;
}

.section-subtitle {
  color: #131934;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin-bottom: 48px;
}

.fridge-problems {
  padding: 80px 0;
  background-color: #ffffff;
}

.problems-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.problems-grid a {
  text-decoration: none;
  color: #131934;
}

.problem-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.checkmark {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--Linear, linear-gradient(136deg, #48B6FF 11.62%, #4873FF 89.14%));
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.checkmark::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.70039 12.0001L2.90039 8.20007L3.85039 7.25007L6.70039 10.1001L12.8171 3.9834L13.7671 4.9334L6.70039 12.0001Z' fill='white'/%3E%3C/svg%3E%0A");
}

.problem-text {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

.common-parts {
  padding: 80px 0;
  background: #F3F3FD;
}
.common-parts .common__text p:not(:last-child) {
  margin-bottom: 16px;
}
.common-parts .section-title {
  margin-bottom: 32px;
}

.parts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 16px;
}

.part-item {
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.part-item .arrow {
  border-radius: 4px;
  background: #F3F3FD;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}
.part-item .arrow:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5382 1.56417L7.10234 8L0.666504 1.56417L1.61267 0.618L7.10234 6.10783L12.592 0.618L13.5382 1.56417Z' fill='%23131934'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 8px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.part-item .arrow.active {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  background: #E51913;
}
.part-item .arrow.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5382 1.56417L7.10234 8L0.666504 1.56417L1.61267 0.618L7.10234 6.10783L12.592 0.618L13.5382 1.56417Z' fill='white'/%3E%3C/svg%3E%0A");
}

.part-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px 10px 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.part-name {
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.part-description {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 16px;
  color: #131934;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  -webkit-transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.3s ease;
  transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.3s ease;
}
.part-description.active {
  opacity: 1;
  max-height: none; /* при потребі можеш збільшити */
  padding: 0 16px 20px;
}

@media (max-width: 1024px) {
  .problems-grid,
  .parts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .section-title {
    font-size: 32px;
  }
  .fridge-problems,
  .common-parts {
    padding: 60px 0;
  }
  .problems-grid,
  .parts-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .problem-text {
    font-size: 13px;
  }
  .part-header {
    padding: 16px 20px;
  }
  .part-name {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .section-title {
    font-size: 32px;
  }
  .section-subtitle {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .fridge-problems,
  .common-parts {
    padding: 40px 0;
  }
}
/*Services area*/
.service-areas {
  padding: 20px 0 80px;
  background: #fff;
}
.service-areas .hero__breadcrumbs {
  position: relative;
  top: 0;
  padding: 0;
  margin-bottom: 60px;
}

.service-areas__title {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 0 0 16px;
  line-height: 1.2;
}

.service-areas__subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #666;
  margin: 0 0 48px;
  line-height: 1.5;
}

.service-areas__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.service-area__card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.service-area__card:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.service-area__card:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.service-area__card:hover .service-area__info {
  background: rgba(255, 68, 35, 0.95);
}
.service-area__card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.service-area__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  padding: 0 16px;
  background: rgba(59, 130, 246, 0.9);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-area__info h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1400px) {
  .service-areas__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1200px) {
  .service-areas__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  .service-areas__title {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .service-areas {
    padding: 32px 0 60px;
  }
  .service-areas__title {
    font-size: 36px;
  }
  .service-areas__subtitle {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .service-areas__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .service-area__card {
    height: 180px;
  }
  .service-area__info {
    height: 65px;
  }
  .service-area__info h3 {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .service-areas {
    padding: 24px 0 48px;
  }
  .breadcrumbs {
    margin-bottom: 24px;
    font-size: 13px;
  }
  .service-areas__title {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .service-areas__subtitle {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .service-areas__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .service-area__card {
    height: 160px;
  }
  .service-area__info {
    height: 60px;
    padding: 0 12px;
  }
  .service-area__info h3 {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .service-areas__title {
    font-size: 28px;
  }
  .service-areas__subtitle {
    font-size: 14px;
  }
  .service-areas__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .service-area__card {
    height: 200px;
  }
  .service-area__info {
    height: 70px;
  }
}
/* Blog Section */
.blog {
  padding: 20px 0 100px;
  /* Filters */
  /* Grid Layout */
  /* Card */
  /* Pagination */
  /* Responsive */
}
.blog .hero__breadcrumbs {
  position: relative;
  top: 0;
  margin-bottom: 60px;
}
.blog .hero__breadcrumbs .container {
  width: 100%;
}
.blog .blog__title {
  color: #131934;
  font-family: Poppins;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 67.2px */
  margin: 0 0 32px;
  line-height: 1.2;
}
.blog .blog__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 48px;
}
.blog .filter-btn {
  padding: 10px 20px;
  border-radius: 6px;
  background: #F3F3FD;
  color: #6A6F88;
  font-family: Poppins;
  border: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blog .filter-btn:hover {
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
  color: #fff;
}
.blog .filter-btn.active {
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
  color: #fff;
}
.blog .blog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 60px;
}
.blog .blog__card {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blog .blog__card a {
  text-decoration: none;
}
.blog .blog__card:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.blog .blog__card:hover .blog__image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.blog .blog__image {
  width: 100%;
  aspect-ratio: 71/40;
  overflow: hidden;
}
.blog .blog__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.blog .blog__content {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.blog .blog__content a {
  text-decoration: none;
}
.blog .blog__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.blog .blog__meta .blog__category {
  padding: 4px 10px;
  border-radius: 2px;
  background: #F3F3FD;
  color: #6A6F88;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
}
.blog .blog__meta .blog__date {
  color: #6A6F88;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
}
.blog .blog__card-title {
  color: #131934;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  margin: 0 0 10px;
}
.blog .blog__excerpt {
  color: #6A6F88;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.blog .blog__read-more {
  color: #EF3118;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.blog .blog__read-more:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_82_255' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_82_255)'%3E%3Cpath d='M13.8462 17.6538L12.7923 16.5693L16.6115 12.75H4.5V11.25H16.6115L12.7923 7.43075L13.8462 6.34625L19.5 12L13.8462 17.6538Z' fill='%23EF3118'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}
.blog .blog__read-more:hover {
  color: #e63d1f;
}
.blog .blog__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.blog .pagination__btn {
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
  background: #F3F3FD;
  border: 0;
  color: #6A6F88;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blog .pagination__btn:hover {
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
  color: #fff;
}
.blog .pagination__btn.active {
  background: var(--Linear, linear-gradient(90deg, #EF3118 0%, #E21010 100%));
  color: #fff;
}
.blog .pagination__dots {
  color: #999;
  font-size: 15px;
  padding: 0 4px;
}
@media (max-width: 1200px) {
  .blog .blog__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
  .blog .blog__image {
    height: 220px;
  }
}
@media (max-width: 992px) {
  .blog .blog__title {
    font-size: 40px;
    margin-bottom: 24px;
  }
  .blog .filter-btn {
    padding: 8px 16px;
    font-size: 13px;
  }
  .blog .blog__grid {
    gap: 24px;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .blog {
    padding: 40px 0 60px;
  }
  .blog .blog__title {
    font-size: 32px;
  }
  .blog .blog__filters {
    margin-bottom: 24px;
    gap: 8px;
  }
  .blog .blog__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .blog .blog__image {
    height: 200px;
  }
  .blog .blog__content {
    padding: 20px;
  }
  .blog .blog__card-title {
    font-size: 16px;
  }
  .blog .blog__excerpt {
    font-size: 13px;
  }
  .blog .pagination__btn {
    min-width: 36px;
    height: 36px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .blog .blog__title {
    font-size: 28px;
  }
  .blog .filter-btn {
    padding: 6px 12px;
    font-size: 12px;
  }
  .blog .blog__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
  }
  .blog .pagination__btn {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
  }
}

/*single*/
.blog-single {
  padding: 20px 0 0px;
  background: #fff;
}
.blog-single .hero__breadcrumbs {
  position: relative;
  top: 0;
  margin-bottom: 60px;
  width: 100%;
}
.blog-single .blog-single__header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 40px;
}
.blog-single .blog-single__category {
  display: inline-block;
  border-radius: 2px;
  background: #F3F3FD;
  margin-bottom: 20px;
  color: #6A6F88;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  padding: 7px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.blog-single .blog-single__title {
  font-family: "Poppins", sans-serif;
  font-size: 56px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 0 0 20px;
  line-height: 1.3;
}
.blog-single .blog-single__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog-single .meta__author,
.blog-single .meta__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #131934;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.blog-single .author-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_82_1833' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_82_1833)'%3E%3Cpath d='M6.023 17.2923C6.873 16.6616 7.799 16.1635 8.801 15.798C9.80283 15.4327 10.8692 15.25 12 15.25C13.1308 15.25 14.1972 15.4327 15.199 15.798C16.201 16.1635 17.127 16.6616 17.977 17.2923C18.5987 16.6089 19.0912 15.8179 19.4548 14.9192C19.8183 14.0206 20 13.0475 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 13.0475 4.18175 14.0206 4.54525 14.9192C4.90875 15.8179 5.40133 16.6089 6.023 17.2923ZM12.0003 12.75C11.0873 12.75 10.3173 12.4367 9.6905 11.81C9.0635 11.1832 8.75 10.4133 8.75 9.50025C8.75 8.58725 9.06333 7.81733 9.69 7.1905C10.3168 6.5635 11.0868 6.25 11.9998 6.25C12.9128 6.25 13.6827 6.56333 14.3095 7.19C14.9365 7.81683 15.25 8.58675 15.25 9.49975C15.25 10.4127 14.9367 11.1827 14.31 11.8095C13.6832 12.4365 12.9133 12.75 12.0003 12.75ZM12 21.5C10.6808 21.5 9.44333 21.2519 8.2875 20.7558C7.13167 20.2596 6.12625 19.5839 5.27125 18.7288C4.41608 17.8738 3.74042 16.8683 3.24425 15.7125C2.74808 14.5567 2.5 13.3192 2.5 12C2.5 10.6808 2.74808 9.44333 3.24425 8.2875C3.74042 7.13167 4.41608 6.12625 5.27125 5.27125C6.12625 4.41608 7.13167 3.74042 8.2875 3.24425C9.44333 2.74808 10.6808 2.5 12 2.5C13.3192 2.5 14.5567 2.74808 15.7125 3.24425C16.8683 3.74042 17.8738 4.41608 18.7288 5.27125C19.5839 6.12625 20.2596 7.13167 20.7558 8.2875C21.2519 9.44333 21.5 10.6808 21.5 12C21.5 13.3192 21.2519 14.5567 20.7558 15.7125C20.2596 16.8683 19.5839 17.8738 18.7288 18.7288C17.8738 19.5839 16.8683 20.2596 15.7125 20.7558C14.5567 21.2519 13.3192 21.5 12 21.5ZM12 20C12.9025 20 13.7727 19.8548 14.6105 19.5645C15.4483 19.274 16.1923 18.8679 16.8422 18.3462C16.1923 17.8436 15.458 17.4519 14.6395 17.1712C13.8208 16.8904 12.941 16.75 12 16.75C11.059 16.75 10.1776 16.8888 9.35575 17.1663C8.53392 17.4439 7.80125 17.8372 7.15775 18.3462C7.80775 18.8679 8.55167 19.274 9.3895 19.5645C10.2273 19.8548 11.0975 20 12 20ZM12 11.25C12.4975 11.25 12.9135 11.0827 13.248 10.748C13.5827 10.4135 13.75 9.9975 13.75 9.5C13.75 9.0025 13.5827 8.5865 13.248 8.252C12.9135 7.91733 12.4975 7.75 12 7.75C11.5025 7.75 11.0865 7.91733 10.752 8.252C10.4173 8.5865 10.25 9.0025 10.25 9.5C10.25 9.9975 10.4173 10.4135 10.752 10.748C11.0865 11.0827 11.5025 11.25 12 11.25Z' fill='%23EF3118'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.blog-single .calendar-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_82_1846' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_82_1846)'%3E%3Cpath d='M5.30775 21.5C4.80258 21.5 4.375 21.325 4.025 20.975C3.675 20.625 3.5 20.1974 3.5 19.6922V6.30773C3.5 5.80257 3.675 5.37498 4.025 5.02498C4.375 4.67498 4.80258 4.49998 5.30775 4.49998H6.69225V2.38474H8.23075V4.49998H15.8077V2.38474H17.3077V4.49998H18.6923C19.1974 4.49998 19.625 4.67498 19.975 5.02498C20.325 5.37498 20.5 5.80257 20.5 6.30773V19.6922C20.5 20.1974 20.325 20.625 19.975 20.975C19.625 21.325 19.1974 21.5 18.6923 21.5H5.30775ZM5.30775 20H18.6923C18.7692 20 18.8398 19.9679 18.9038 19.9037C18.9679 19.8397 19 19.7692 19 19.6922V10.3077H5V19.6922C5 19.7692 5.03208 19.8397 5.09625 19.9037C5.16025 19.9679 5.23075 20 5.30775 20ZM5 8.80773H19V6.30773C19 6.23073 18.9679 6.16023 18.9038 6.09623C18.8398 6.03207 18.7692 5.99998 18.6923 5.99998H5.30775C5.23075 5.99998 5.16025 6.03207 5.09625 6.09623C5.03208 6.16023 5 6.23073 5 6.30773V8.80773ZM12 14.077C11.7552 14.077 11.5465 13.9907 11.374 13.8182C11.2017 13.6459 11.1155 13.4372 11.1155 13.1922C11.1155 12.9474 11.2017 12.7387 11.374 12.5662C11.5465 12.3939 11.7552 12.3077 12 12.3077C12.2448 12.3077 12.4535 12.3939 12.626 12.5662C12.7983 12.7387 12.8845 12.9474 12.8845 13.1922C12.8845 13.4372 12.7983 13.6459 12.626 13.8182C12.4535 13.9907 12.2448 14.077 12 14.077ZM8 14.077C7.75517 14.077 7.5465 13.9907 7.374 13.8182C7.20167 13.6459 7.1155 13.4372 7.1155 13.1922C7.1155 12.9474 7.20167 12.7387 7.374 12.5662C7.5465 12.3939 7.75517 12.3077 8 12.3077C8.24483 12.3077 8.4535 12.3939 8.626 12.5662C8.79833 12.7387 8.8845 12.9474 8.8845 13.1922C8.8845 13.4372 8.79833 13.6459 8.626 13.8182C8.4535 13.9907 8.24483 14.077 8 14.077ZM16 14.077C15.7552 14.077 15.5465 13.9907 15.374 13.8182C15.2017 13.6459 15.1155 13.4372 15.1155 13.1922C15.1155 12.9474 15.2017 12.7387 15.374 12.5662C15.5465 12.3939 15.7552 12.3077 16 12.3077C16.2448 12.3077 16.4535 12.3939 16.626 12.5662C16.7983 12.7387 16.8845 12.9474 16.8845 13.1922C16.8845 13.4372 16.7983 13.6459 16.626 13.8182C16.4535 13.9907 16.2448 14.077 16 14.077ZM12 18C11.7552 18 11.5465 17.9137 11.374 17.7412C11.2017 17.5689 11.1155 17.3603 11.1155 17.1155C11.1155 16.8705 11.2017 16.6618 11.374 16.4895C11.5465 16.317 11.7552 16.2307 12 16.2307C12.2448 16.2307 12.4535 16.317 12.626 16.4895C12.7983 16.6618 12.8845 16.8705 12.8845 17.1155C12.8845 17.3603 12.7983 17.5689 12.626 17.7412C12.4535 17.9137 12.2448 18 12 18ZM8 18C7.75517 18 7.5465 17.9137 7.374 17.7412C7.20167 17.5689 7.1155 17.3603 7.1155 17.1155C7.1155 16.8705 7.20167 16.6618 7.374 16.4895C7.5465 16.317 7.75517 16.2307 8 16.2307C8.24483 16.2307 8.4535 16.317 8.626 16.4895C8.79833 16.6618 8.8845 16.8705 8.8845 17.1155C8.8845 17.3603 8.79833 17.5689 8.626 17.7412C8.4535 17.9137 8.24483 18 8 18ZM16 18C15.7552 18 15.5465 17.9137 15.374 17.7412C15.2017 17.5689 15.1155 17.3603 15.1155 17.1155C15.1155 16.8705 15.2017 16.6618 15.374 16.4895C15.5465 16.317 15.7552 16.2307 16 16.2307C16.2448 16.2307 16.4535 16.317 16.626 16.4895C16.7983 16.6618 16.8845 16.8705 16.8845 17.1155C16.8845 17.3603 16.7983 17.5689 16.626 17.7412C16.4535 17.9137 16.2448 18 16 18Z' fill='%23EF3118'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.blog-single .blog-single__image {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 48px;
  border-radius: 16px;
  overflow: hidden;
}
.blog-single .blog-single__image img {
  width: 100%;
  height: auto;
  display: block;
}
.blog-single .blog-single__content {
  max-width: 800px;
  margin: 0 auto;
  font-family: "Poppins", sans-serif;
}
.blog-single .blog-single__content p {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 24px;
}
.blog-single .blog-single__content h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 48px 0 24px;
  line-height: 1.3;
}
.blog-single .blog-single__content h3 {
  font-size: 24px;
  font-weight: 600;
  color: #1d1d1f;
  margin: 32px 0 16px;
  line-height: 1.4;
}
.blog-single .blog-single__content ul {
  margin: 0 0 24px;
  padding-left: 24px;
}
.blog-single .blog-single__content ul li {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 12px;
}
.blog-single .blog-single__content ul li strong {
  color: #1d1d1f;
  font-weight: 600;
}
.blog-single .blog-single__content .check-list {
  list-style: none;
  padding: 0;
}
.blog-single .blog-single__content .check-list li {
  position: relative;
  padding-left: 16px;
}
.blog-single .blog-single__content .check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  margin-top: -8px;
  height: 8px;
  aspect-ratio: 1/1;
  background: #EF3118;
  display: inline-block;
  vertical-align: middle;
}
.blog-single .blog-single__related {
  margin: 80px auto 0;
  background: linear-gradient(148deg, #F4F4FF 19%, #FFF 81%);
  padding: 80px 0;
}
.blog-single .related__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
}
.blog-single .related__header h2 {
  color: #131934;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 50.4px */
  margin: 0;
}
.blog-single .swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.blog-single .swiper-button-prev-custom,
.blog-single .swiper-button-next-custom {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog-single .swiper-button-prev-custom:hover,
.blog-single .swiper-button-next-custom:hover {
  background: #FF4423;
  color: #fff;
  border-color: #FF4423;
}
.blog-single .swiper-button-prev-custom.swiper-button-disabled,
.blog-single .swiper-button-next-custom.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.blog-single .swiper-button-prev-custom.swiper-button-disabled:hover,
.blog-single .swiper-button-next-custom.swiper-button-disabled:hover {
  background: #fff;
  color: #333;
  border-color: #ddd;
}
.blog-single .swiper-button-prev-custom:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.15375 11.6537L7.20775 10.5692L3.3885 6.74994H15.5V5.24994H3.3885L7.20775 1.43069L6.15375 0.346191L0.5 5.99994L6.15375 11.6537Z' fill='%23131934'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 12px;
}
.blog-single .swiper-button-next-custom:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.84625 11.6537L8.79225 10.5692L12.6115 6.74994H0.5V5.24994H12.6115L8.79225 1.43069L9.84625 0.346191L15.5 5.99994L9.84625 11.6537Z' fill='%23131934'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 12px;
}
.blog-single .related-slider {
  overflow: hidden;
  padding: 4px;
  margin: -4px;
}
.blog-single .blog__card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.blog-single .blog__card a {
  text-decoration: none;
}
.blog-single .blog__card:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
.blog-single .blog__card:hover .blog__image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.blog-single .blog__image {
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.blog-single .blog__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.blog-single .blog__content {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.blog-single .blog__content a {
  text-decoration: none;
}
.blog-single .blog__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  gap: 12px;
}
.blog-single .blog__category {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #666;
  font-weight: 500;
}
.blog-single .blog__date {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #999;
}
.blog-single .blog__card-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1d1d1f;
  margin: 0 0 12px;
  line-height: 1.4;
}
.blog-single .blog__excerpt {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0 0 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.blog-single .blog__read-more {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FF4423;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.blog-single .blog__read-more:hover {
  color: #E63D1F;
}
@media (max-width: 1200px) {
  .blog-single .blog-single__title {
    font-size: 36px;
  }
  .blog-single .blog-single__content h2 {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .blog-single .blog-single {
    padding: 32px 0 60px;
  }
  .blog-single .blog-single__title {
    font-size: 32px;
  }
  .blog-single .blog-single__image {
    margin-bottom: 32px;
  }
  .blog-single .blog-single__content h2 {
    font-size: 26px;
    margin: 40px 0 20px;
  }
  .blog-single .blog-single__content h3 {
    font-size: 20px;
  }
  .blog-single .blog-single__related {
    margin-top: 60px;
  }
  .blog-single .related__header h2 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .blog-single .blog-single {
    padding: 24px 0 48px;
  }
  .blog-single .blog-single__header {
    margin-bottom: 32px;
  }
  .blog-single .blog-single__title {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .blog-single .blog-single__meta {
    gap: 16px;
  }
  .blog-single .blog-single__image {
    margin-bottom: 24px;
    border-radius: 12px;
  }
  .blog-single .blog-single__content p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .blog-single .blog-single__content h2 {
    font-size: 24px;
    margin: 32px 0 16px;
  }
  .blog-single .blog-single__content h3 {
    font-size: 18px;
    margin: 24px 0 12px;
  }
  .blog-single .blog-single__content ul li {
    font-size: 15px;
  }
  .blog-single .blog-single__related {
    margin-top: 48px;
  }
  .blog-single .related__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
  }
  .blog-single .related__header h2 {
    font-size: 24px;
  }
  .blog-single .blog__image {
    height: 200px;
  }
  .blog-single .blog__content {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .blog-single .blog-single__title {
    font-size: 24px;
  }
  .blog-single .blog-single__content h2 {
    font-size: 22px;
  }
  .blog-single .blog-single__content h3 {
    font-size: 18px;
  }
  .blog-single .related__header h2 {
    font-size: 22px;
  }
}

.page-wrapper {
  margin: 20px 0 80px;
  /* Page title */
}
.page-wrapper .hero__breadcrumbs {
  position: relative;
  top: 0;
}
.page-wrapper .page-title {
  font-size: 48px;
  font-weight: 800;
  margin: 28px 0 36px;
  color: #0b1220;
}
@media (max-width: 768px) {
  .page-wrapper .page-title {
    font-size: 32px;
    margin-bottom: 22px;
  }
}

.contact__row {
  margin: 60px 0;
}

.contact-wrapper {
  display: grid;
  grid-template-columns: 1fr 580px;
  gap: 80px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 80px;
  margin-top: 60px;
  /* Contact Info */
  /* Contact Form Wrapper */
  /* Form Styles */
  /* Submit button styled as red bar like in mock */
  /* ensure form controls are centered horizontally on larger screens */
  /* Map Section */
  /* small responsive polish */
}
@media (max-width: 1200px) {
  .contact-wrapper {
    grid-template-columns: 1fr 400px;
    gap: 60px;
  }
}
@media (max-width: 968px) {
  .contact-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.contact-wrapper .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
  padding-top: 6px;
}
.contact-wrapper .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.contact-wrapper .info-item:first-child .info-value {
  color: #131934;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
}
.contact-wrapper .info-icon {
  width: 64px;
  height: 64px;
  border-radius: 6px;
  background: linear-gradient(136deg, #48B6FF 11.62%, #4873FF 89.14%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.contact-wrapper .info-icon svg {
  width: 20px;
  height: 20px;
  color: #fff;
  stroke-width: 1.6;
}
@media (hover: hover) {
  .contact-wrapper .info-icon:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}
.contact-wrapper .info-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.contact-wrapper .info-label {
  color: #6A6F88;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.contact-wrapper .info-value {
  color: #131934;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
.contact-wrapper .info-value a {
  text-decoration: none;
  color: #131934;
}
.contact-wrapper .contact-form-wrapper {
  border-radius: 8px;
  background: var(--Linear, linear-gradient(270deg, #1B2860 0%, #023891 100%));
  padding: 50px 60px 60px;
  border-radius: 14px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 768px) {
  .contact-wrapper .contact-form-wrapper {
    padding: 30px 22px;
    border-radius: 12px;
  }
}
.contact-wrapper .form-title {
  color: #FFF;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  margin: 6px 0 6px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.4px;
}
@media (max-width: 768px) {
  .contact-wrapper .form-title {
    font-size: 20px;
  }
}
.contact-wrapper .form-subtitle {
  color: #FFF;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  text-align: center;
  margin-bottom: 40px;
}
.contact-wrapper .contact-form,
.contact-wrapper .popup-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}
.contact-wrapper .form-input,
.contact-wrapper .form-textarea {
  width: 100%;
  padding: 14px 16px;
  border: none;
  border-radius: 4px;
  color: rgba(19, 25, 52, 0.4);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  background: #ffffff;
  color: #0f1724;
}
.contact-wrapper .form-input::-webkit-input-placeholder, .contact-wrapper .form-textarea::-webkit-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-wrapper .form-input::-moz-placeholder, .contact-wrapper .form-textarea::-moz-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-wrapper .form-input:-ms-input-placeholder, .contact-wrapper .form-textarea:-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-wrapper .form-input::-ms-input-placeholder, .contact-wrapper .form-textarea::-ms-input-placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-wrapper .form-input::placeholder,
.contact-wrapper .form-textarea::placeholder {
  color: rgba(19, 25, 52, 0.4);
}
.contact-wrapper .form-input:focus,
.contact-wrapper .form-textarea:focus {
  outline: none;
  -webkit-box-shadow: 0 6px 20px rgba(2, 6, 23, 0.12), 0 0 0 4px rgba(255, 255, 255, 0.06);
          box-shadow: 0 6px 20px rgba(2, 6, 23, 0.12), 0 0 0 4px rgba(255, 255, 255, 0.06);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.contact-wrapper .form-textarea {
  min-height: 100px;
  resize: vertical;
}
.contact-wrapper .btn-submit {
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#EF3118), to(#E21010));
  background: linear-gradient(90deg, #EF3118 0%, #E21010 100%);
  color: #ffffff;
  border: none;
  padding: 14px 22px;
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
}
.contact-wrapper .btn-submit:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_82_706' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_82_706)'%3E%3Cpath d='M14.3462 17.6538L13.2923 16.5693L17.1115 12.75H5V11.25H17.1115L13.2923 7.43075L14.3462 6.34625L20 12L14.3462 17.6538Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 25px;
  height: 24px;
}
.contact-wrapper .btn-submit svg {
  color: #fff;
  width: 18px;
  height: 18px;
}
.contact-wrapper .btn-submit:hover {
  opacity: 0.8;
}
.contact-wrapper .btn-submit:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.contact-wrapper .contact-form {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.contact-wrapper .map-section {
  margin-bottom: 60px;
}
.contact-wrapper .section-title {
  color: #131934;
  font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 18px;
  text-align: left;
  letter-spacing: -0.2px;
}
@media (max-width: 768px) {
  .contact-wrapper .section-title {
    font-size: 22px;
  }
}
.contact-wrapper .map-container {
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 30px rgba(9, 30, 66, 0.08);
          box-shadow: 0 10px 30px rgba(9, 30, 66, 0.08);
  background: #fff;
  width: 100%;
}
.contact-wrapper .map-container iframe {
  display: block;
  width: 100%;
  height: 450px;
  border: 0;
}
@media (max-width: 968px) {
  .contact-wrapper .map-container iframe {
    height: 360px;
  }
}
@media (max-width: 480px) {
  .contact-wrapper .map-container iframe {
    height: 280px;
  }
}
@media (max-width: 968px) {
  .contact-wrapper .info-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact-wrapper .info-icon {
    width: 48px;
    height: 48px;
  }
  .contact-wrapper .info-icon svg {
    width: 22px;
    height: 22px;
  }
}

.page-404 {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 0;
  background: radial-gradient(62% 62% at 50% 38%, rgb(243, 243, 253), rgb(212, 212, 231) 100%);
}

.error-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 60px 20px;
  text-align: center;
}

.error-code {
  font-size: 180px;
  font-weight: 800;
  color: #cbd5e0;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .error-code {
    font-size: 120px;
  }
}

.error-title {
  font-size: 36px;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .error-title {
    font-size: 28px;
  }
}

.error-text {
  font-size: 18px;
  color: #4a5568;
  margin-bottom: 40px;
  max-width: 500px;
}

.btn-home {
  background: #FF3333;
  color: #ffffff;
  padding: 16px 32px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-home:hover {
  background: #e62e2e;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 10px 20px rgba(255, 51, 51, 0.3);
          box-shadow: 0 10px 20px rgba(255, 51, 51, 0.3);
}

/* Magnific Popup Styles */
.mfp-bg {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Popup Content */
.white-popup {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}
.white-popup .mfp-close {
  opacity: 1;
  font-size: 0px;
  line-height: 16px;
  right: -16px;
}
.white-popup .mfp-close:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.000000' height='16.000000' fill='none' customFrame='%23000000'%3E%3Cg id='Group 5'%3E%3Crect id='Rectangle 5' width='21.436087' height='1.190894' x='0.000000' y='0.000000' rx='0.595447' fill='rgb(255,255,255)' transform='matrix(0.707093,-0.70712,0.707093,0.70712,0,15.1578)' /%3E%3Crect id='Rectangle 6' width='21.436087' height='1.190894' x='0.000000' y='0.000000' rx='0.595447' fill='rgb(255,255,255)' transform='matrix(-0.707093,-0.70712,-0.707093,0.70712,16,15.1578)' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  display: block;
}
.white-popup .mfp-close:hover {
  opacity: 0.8;
}

.contact-popup {
  border-radius: 8px;
  background: var(--Linear, linear-gradient(270deg, rgb(27.2323055267, 39.8780708313, 96.2092514038), rgb(2, 56, 145) 100%));
  border-radius: 8px;
  padding: 60px 50px;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.contact-popup .popup-header {
  text-align: center;
  margin-bottom: 12px;
}
.contact-popup .popup-header div,
.contact-popup .popup-header h2 {
  color: rgb(255, 255, 255);
  font-family: Poppins;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0%;
  text-align: left;
  margin-bottom: 8px;
}
@media (max-width: 600px) {
  .contact-popup .popup-header div,
  .contact-popup .popup-header h2 {
    font-size: 26px;
  }
}
.contact-popup .popup-header p {
  color: rgb(255, 255, 255);
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
.contact-popup .contact-form {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.contact-popup .form-group {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact-popup .form-group input,
.contact-popup .form-group textarea {
  width: 100%;
  padding: 15px 20px;
  border: none;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  font-family: inherit;
  background: white;
  color: rgba(19, 25, 52, 0.4);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-popup .form-group input:focus,
.contact-popup .form-group textarea:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}
.contact-popup .form-group input::-webkit-input-placeholder, .contact-popup .form-group textarea::-webkit-input-placeholder {
  color: #999;
}
.contact-popup .form-group input::-moz-placeholder, .contact-popup .form-group textarea::-moz-placeholder {
  color: #999;
}
.contact-popup .form-group input:-ms-input-placeholder, .contact-popup .form-group textarea:-ms-input-placeholder {
  color: #999;
}
.contact-popup .form-group input::-ms-input-placeholder, .contact-popup .form-group textarea::-ms-input-placeholder {
  color: #999;
}
.contact-popup .form-group input::placeholder,
.contact-popup .form-group textarea::placeholder {
  color: #999;
}
.contact-popup .form-group textarea {
  resize: vertical;
  min-height: 100px;
}
@media (max-width: 600px) {
  .contact-popup {
    padding: 40px 30px;
  }
}
.contact-popup .btn__primary {
  border: 0;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(239.0672912598, 49.4299736023, 24.3835353851)), to(rgb(226.1324310303, 15.9296646118, 15.9296646118)));
  background: linear-gradient(90deg, rgb(239.0672912598, 49.4299736023, 24.3835353851), rgb(226.1324310303, 15.9296646118, 15.9296646118) 100%);
  width: 100%;
  cursor: pointer;
  color: rgb(255, 255, 255);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 13px 0;
  margin: 0;
  top: 0;
}
.contact-popup .btn__primary:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.000000' height='24.000000' fill='none' customFrame='%23000000'%3E%3Cdefs%3E%3Cfilter id='pixso_custom_mask_type_alpha'%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0 ' /%3E%3C/filter%3E%3C/defs%3E%3Cmask id='mask_4' width='24.000000' height='24.000000' x='0.000000' y='0.000000' maskUnits='userSpaceOnUse'%3E%3Cg filter='url(%23pixso_custom_mask_type_alpha)'%3E%3Crect id='Bounding box' width='24.000000' height='24.000000' x='0.000000' y='0.000000' fill='rgb(217,217,217)' /%3E%3C/g%3E%3C/mask%3E%3Cg id='arrow_right_alt' mask='url(%23mask_4)'%3E%3Cpath id='arrow_right_alt' d='M13.8462 17.6538L12.7923 16.5693L16.6115 12.75L4.5 12.75L4.5 11.25L16.6115 11.25L12.7923 7.43075L13.8462 6.34625L19.5 12L13.8462 17.6538Z' fill='rgb(255,255,255)' fill-rule='nonzero' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

#contact-popup-thanks-inline .popup-header {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer {
  background: -webkit-gradient(linear, left top, right top, from(#1B2860), to(#131934));
  background: linear-gradient(90deg, #1B2860 0%, #131934 100%);
  color: rgba(255, 255, 255, 0.8);
  padding: 60px 0 0;
}

.footer__top {
  /*   display: grid;
     grid-template-columns: 1.5fr 1fr 1fr 1.5fr;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__title {
  color: #FFF;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}

.footer__copyright {
  color: rgba(255, 255, 255, 0.5);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 30px;
}

.footer__social-title {
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 16px;
}

.footer__social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.footer__social-link {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

.footer__social-link:hover {
  background: #FF4423;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.social-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.social-icon.facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6666 11.2498H13.75L14.5833 7.9165H11.6666V6.24984C11.6666 5.3915 11.6666 4.58317 13.3333 4.58317H14.5833V1.78317C14.3116 1.74734 13.2858 1.6665 12.2025 1.6665C9.93998 1.6665 8.33331 3.04734 8.33331 5.58317V7.9165H5.83331V11.2498H8.33331V18.3332H11.6666V11.2498Z' fill='white'/%3E%3C/svg%3E%0A");
}

.social-icon.instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.3333 2.5C14.4384 2.5 15.4982 2.93899 16.2796 3.72039C17.061 4.50179 17.5 5.5616 17.5 6.66667V13.3333C17.5 14.4384 17.061 15.4982 16.2796 16.2796C15.4982 17.061 14.4384 17.5 13.3333 17.5H6.66667C5.5616 17.5 4.50179 17.061 3.72039 16.2796C2.93899 15.4982 2.5 14.4384 2.5 13.3333V6.66667C2.5 5.5616 2.93899 4.50179 3.72039 3.72039C4.50179 2.93899 5.5616 2.5 6.66667 2.5H13.3333ZM10 6.66667C9.11594 6.66667 8.2681 7.01786 7.64298 7.64298C7.01786 8.2681 6.66667 9.11594 6.66667 10C6.66667 10.8841 7.01786 11.7319 7.64298 12.357C8.2681 12.9821 9.11594 13.3333 10 13.3333C10.8841 13.3333 11.7319 12.9821 12.357 12.357C12.9821 11.7319 13.3333 10.8841 13.3333 10C13.3333 9.11594 12.9821 8.2681 12.357 7.64298C11.7319 7.01786 10.8841 6.66667 10 6.66667ZM10 8.33333C10.442 8.33333 10.866 8.50893 11.1785 8.82149C11.4911 9.13405 11.6667 9.55797 11.6667 10C11.6667 10.442 11.4911 10.866 11.1785 11.1785C10.866 11.4911 10.442 11.6667 10 11.6667C9.55797 11.6667 9.13405 11.4911 8.82149 11.1785C8.50893 10.866 8.33333 10.442 8.33333 10C8.33333 9.55797 8.50893 9.13405 8.82149 8.82149C9.13405 8.50893 9.55797 8.33333 10 8.33333ZM13.75 5.41667C13.529 5.41667 13.317 5.50446 13.1607 5.66074C13.0045 5.81702 12.9167 6.02899 12.9167 6.25C12.9167 6.47101 13.0045 6.68298 13.1607 6.83926C13.317 6.99554 13.529 7.08333 13.75 7.08333C13.971 7.08333 14.183 6.99554 14.3393 6.83926C14.4955 6.68298 14.5833 6.47101 14.5833 6.25C14.5833 6.02899 14.4955 5.81702 14.3393 5.66074C14.183 5.50446 13.971 5.41667 13.75 5.41667Z' fill='white'/%3E%3C/svg%3E");
}

.social-icon.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.78329 4.16652C5.78306 4.60855 5.60726 5.03239 5.29454 5.34479C4.98182 5.6572 4.55781 5.83258 4.11578 5.83236C3.67376 5.83214 3.24992 5.65633 2.93752 5.34361C2.62511 5.0309 2.44973 4.60688 2.44995 4.16486C2.45017 3.72283 2.62598 3.29899 2.9387 2.98659C3.25141 2.67419 3.67542 2.4988 4.11745 2.49902C4.55948 2.49924 4.98331 2.67505 5.29572 2.98777C5.60812 3.30049 5.78351 3.7245 5.78329 4.16652ZM5.83329 7.06652H2.49995V17.4999H5.83329V7.06652ZM11.1 7.06652H7.78329V17.4999H11.0666V12.0249C11.0666 8.97486 15.0416 8.69152 15.0416 12.0249V17.4999H18.3333V10.8915C18.3333 5.74986 12.45 5.94152 11.0666 8.46652L11.1 7.06652Z' fill='white'/%3E%3C/svg%3E");
}

.social-icon.pinterest {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9065 2C7.43268 2 4 4.19258 4 7.74122C4 9.99791 5.34068 11.2801 6.15321 11.2801C6.48852 11.2801 6.68136 10.3954 6.68136 10.1456C6.68136 9.84764 5.87912 9.21269 5.87912 7.97202C5.87912 5.39478 7.95108 3.56737 10.6324 3.56737C12.9379 3.56737 14.6442 4.80804 14.6442 7.0873C14.6442 8.78956 13.9232 11.9823 11.5869 11.9823C10.744 11.9823 10.0225 11.4053 10.0225 10.5785C10.0225 9.36655 10.9163 8.19359 10.9163 6.94317C10.9163 4.82137 7.73711 5.20604 7.73711 7.77046C7.73711 8.30898 7.80807 8.90496 8.06213 9.39579C7.59465 11.3001 6.64019 14.1369 6.64019 16.0987C6.64019 16.7044 6.73174 17.3009 6.79241 17.9066C6.90725 18.0286 6.84983 18.0158 7.02588 17.9548C8.7322 15.7427 8.67153 15.3104 9.44343 12.4156C9.85999 13.166 10.9363 13.5696 11.7895 13.5696C15.3847 13.5696 17 10.2518 17 7.26116C17 4.07821 14.0949 2.00103 10.906 2.00103L10.9065 2Z' fill='white'/%3E%3C/svg%3E%0A");
}

.social-icon.youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.33335 12.4998L12.6584 9.99984L8.33335 7.49984V12.4998ZM17.9667 5.97484C18.075 6.3665 18.15 6.8915 18.2 7.55817C18.2584 8.22484 18.2834 8.79984 18.2834 9.29984L18.3334 9.99984C18.3334 11.8248 18.2 13.1665 17.9667 14.0248C17.7584 14.7748 17.275 15.2582 16.525 15.4665C16.1334 15.5748 15.4167 15.6498 14.3167 15.6998C13.2334 15.7582 12.2417 15.7832 11.325 15.7832L10 15.8332C6.50835 15.8332 4.33335 15.6998 3.47502 15.4665C2.72502 15.2582 2.24169 14.7748 2.03335 14.0248C1.92502 13.6332 1.85002 13.1082 1.80002 12.4415C1.74169 11.7748 1.71669 11.1998 1.71669 10.6998L1.66669 9.99984C1.66669 8.17484 1.80002 6.83317 2.03335 5.97484C2.24169 5.22484 2.72502 4.7415 3.47502 4.53317C3.86669 4.42484 4.58335 4.34984 5.68335 4.29984C6.76669 4.2415 7.75835 4.2165 8.67502 4.2165L10 4.1665C13.4917 4.1665 15.6667 4.29984 16.525 4.53317C17.275 4.7415 17.7584 5.22484 17.9667 5.97484Z' fill='white'/%3E%3C/svg%3E");
}

.social-icon.twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7167 5.00016C18.075 5.29183 17.3833 5.4835 16.6667 5.57516C17.4 5.1335 17.9667 4.4335 18.2333 3.59183C17.5417 4.0085 16.775 4.30016 15.9667 4.46683C15.3083 3.75016 14.3833 3.3335 13.3333 3.3335C11.375 3.3335 9.77499 4.9335 9.77499 6.9085C9.77499 7.19183 9.80833 7.46683 9.86666 7.72516C6.89999 7.57516 4.25833 6.15016 2.49999 3.99183C2.19166 4.51683 2.01666 5.1335 2.01666 5.7835C2.01666 7.02516 2.64166 8.12516 3.60833 8.75016C3.01666 8.75016 2.46666 8.5835 1.98333 8.3335V8.3585C1.98333 10.0918 3.21666 11.5418 4.84999 11.8668C4.32569 12.0109 3.77502 12.0309 3.24166 11.9252C3.468 12.6356 3.91127 13.2572 4.50917 13.7026C5.10707 14.148 5.82953 14.3949 6.57499 14.4085C5.31138 15.4089 3.745 15.9497 2.13333 15.9418C1.84999 15.9418 1.56666 15.9252 1.28333 15.8918C2.86666 16.9085 4.74999 17.5002 6.76666 17.5002C13.3333 17.5002 16.9417 12.0502 16.9417 7.32516C16.9417 7.16683 16.9417 7.01683 16.9333 6.8585C17.6333 6.3585 18.2333 5.72516 18.7167 5.00016Z' fill='white'/%3E%3C/svg%3E%0A");
}

.footer__links-bottom {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer__links-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
}
.footer__links-bottom ul li:not(:last-child)::after {
  content: "|";
  color: rgba(255, 255, 255, 0.2);
  margin: 0 8px;
}

.footer__links-bottom a {
  color: #FFF;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  text-decoration: none;
  position: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.footer__links-bottom a:hover {
  color: #FF4423;
}

/* Додаємо лінію між пунктами */
/*
.footer__links-bottom a:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px; 
    background: rgba(255, 255, 255, 0.20);
}*/
.footer__services {
  grid-column: span 2;
}

.footer__services-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
}

.footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer__links li {
  margin-bottom: 12px;
}

.footer__links li:last-child {
  margin-bottom: 0;
}

.footer__links a {
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.footer__links a:hover {
  color: #FF4423;
}

.footer__contact {
  margin-bottom: 24px;
}

.footer__contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.footer__contact-item--phone {
  color: #FFF;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 33px */
}

.footer__contact-item--email,
.footer__contact-item--hours {
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.footer__contact-item:hover {
  color: #fff;
}

.footer__contact-item:last-child {
  margin-bottom: 0;
}

.contact-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.contact-icon.phone {
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_472' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_472)'%3E%3Cpath d='M7.30775 23C6.80908 23 6.38308 22.8234 6.02975 22.4703C5.67658 22.1169 5.5 21.6909 5.5 21.1923V3.80775C5.5 3.30258 5.675 2.875 6.025 2.525C6.375 2.175 6.80258 2 7.30775 2H16.7308C17.2294 2 17.6553 2.17658 18.0085 2.52975C18.3618 2.88308 18.5385 3.30908 18.5385 3.80775V6.9655C18.8128 7.03717 19.0417 7.18042 19.225 7.39525C19.4083 7.60992 19.5 7.85958 19.5 8.14425V10.0288C19.5 10.3134 19.4083 10.5632 19.225 10.778C19.0417 10.9927 18.8128 11.1359 18.5385 11.2078V21.1923C18.5385 21.6909 18.3618 22.1169 18.0085 22.4703C17.6553 22.8234 17.2294 23 16.7308 23H7.30775ZM7.30775 21.5H16.7308C16.8204 21.5 16.8942 21.4712 16.952 21.4135C17.0097 21.3558 17.0385 21.2821 17.0385 21.1923V3.80775C17.0385 3.71792 17.0097 3.64417 16.952 3.5865C16.8942 3.52883 16.8204 3.5 16.7308 3.5H7.30775C7.21792 3.5 7.14417 3.52883 7.0865 3.5865C7.02883 3.64417 7 3.71792 7 3.80775V21.1923C7 21.2821 7.02883 21.3558 7.0865 21.4135C7.14417 21.4712 7.21792 21.5 7.30775 21.5ZM12.0192 20.1152C12.2706 20.1152 12.4808 20.0307 12.65 19.8615C12.8192 19.6923 12.9038 19.4821 12.9038 19.2307C12.9038 18.9794 12.8192 18.7692 12.65 18.6C12.4808 18.4308 12.2706 18.3463 12.0192 18.3463C11.7679 18.3463 11.5577 18.4308 11.3885 18.6C11.2193 18.7692 11.1348 18.9794 11.1348 19.2307C11.1348 19.4821 11.2193 19.6923 11.3885 19.8615C11.5577 20.0307 11.7679 20.1152 12.0192 20.1152Z' fill='%23EF3118'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.contact-icon.email {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_477' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_477)'%3E%3Cpath d='M12 1.59619L20.7808 6.82294C21.0037 6.96794 21.1794 7.15869 21.3078 7.39519C21.4359 7.63169 21.5 7.88328 21.5 8.14994V18.6922C21.5 19.1974 21.325 19.6249 20.975 19.9749C20.625 20.3249 20.1974 20.4999 19.6923 20.4999H4.30775C3.80258 20.4999 3.375 20.3249 3.025 19.9749C2.675 19.6249 2.5 19.1974 2.5 18.6922V8.14994C2.5 7.88328 2.56408 7.63169 2.69225 7.39519C2.82058 7.15869 2.99625 6.96794 3.21925 6.82294L12 1.59619ZM12 12.6499L19.8 7.99994L12 3.34994L4.2 7.99994L12 12.6499ZM12 14.4037L4 9.62294V18.6922C4 18.782 4.02883 18.8558 4.0865 18.9134C4.14417 18.9711 4.21792 18.9999 4.30775 18.9999H19.6923C19.7821 18.9999 19.8558 18.9711 19.9135 18.9134C19.9712 18.8558 20 18.782 20 18.6922V9.62294L12 14.4037Z' fill='%23EF3118'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

.contact-icon.clock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_482' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_482)'%3E%3Cpath d='M15.473 16.527L16.527 15.473L12.75 11.696V7H11.25V12.3038L15.473 16.527ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z' fill='%23EF3118'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

.footer__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  color: #fff;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#EF3118), to(#E21010));
  background: linear-gradient(90deg, #EF3118 0%, #E21010 100%);
  border: none;
  cursor: pointer;
  white-space: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  transition: all 0.3s;
}
.footer__btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_182' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_182)'%3E%3Cpath d='M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
}
.footer__btn:hover {
  opacity: 0.8;
  -webkit-box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
          box-shadow: 0 4px 12px rgba(255, 68, 35, 0.4);
}
.footer__btn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width:992px) {
  .footer__btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* Responsive */
@media (max-width: 1200px) {
  .footer__top {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .footer__services {
    grid-column: span 2;
  }
}
@media (max-width: 968px) {
  .footer {
    padding: 50px 0 0;
  }
  .footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 40px 30px;
  }
  .footer__col--about {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer__col--contact {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer__services {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .footer__services-content {
    gap: 30px;
  }
}
@media (max-width: 640px) {
  .footer {
    padding: 40px 0 0;
  }
  .footer__top {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .footer__col--about {
    grid-column: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer__col--contact {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  .footer__services {
    grid-column: 1;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .footer__services-content {
    gap: 24px;
  }
  .footer__social-links {
    gap: 10px;
  }
  .footer__links-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
  .footer__contact-item--phone {
    font-size: 18px;
  }
}/*# sourceMappingURL=index.css.map */