@import "https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";
:root {
  --content-width: 1216px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --font-family-primary: "Inter", sans-serif;
  --font-family-secondary: "Work Sans", sans-serif;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --color-white: #fff;
  --color-black: #161620;
  --color-dark-400: #292e3d;
  --color-red-100: #fef1eb;
  --color-red-200: #fef1eb;
  --color-red-600: #e94c04;
  --color-red-800: #902e01;
  --color-gray-300: #faf9f6;
  --color-gray-400: #e0e0e0;
  --radius-main: 8px;
  --gradient-hero: linear-gradient(90deg, #f9f2e7 0%, #e7f3f900 100%);
  --gradient-hero-30: linear-gradient(90deg, #f9f2e7 70%, #e7f3f900 100%);
  --arrow: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5855 6.39792L8.52297 11.4604C8.41742 11.566 8.27427 11.6253 8.125 11.6253C7.97573 11.6253 7.83258 11.566 7.72703 11.4604C7.62148 11.3549 7.56219 11.2117 7.56219 11.0624C7.56219 10.9132 7.62148 10.77 7.72703 10.6645L11.8298 6.56245H0.8125C0.663316 6.56245 0.520242 6.50318 0.414753 6.39769C0.309263 6.29221 0.25 6.14913 0.25 5.99995C0.25 5.85076 0.309263 5.70769 0.414753 5.6022C0.520242 5.49671 0.663316 5.43745 0.8125 5.43745H11.8298L7.72703 1.33542C7.62148 1.22987 7.56219 1.08671 7.56219 0.937447C7.56219 0.788179 7.62148 0.645026 7.72703 0.539478C7.83258 0.43393 7.97573 0.374634 8.125 0.374634C8.27427 0.374634 8.41742 0.43393 8.52297 0.539478L13.5855 5.60198C13.6378 5.65422 13.6793 5.71626 13.7076 5.78454C13.7359 5.85283 13.7504 5.92603 13.7504 5.99995C13.7504 6.07387 13.7359 6.14706 13.7076 6.21535C13.6793 6.28364 13.6378 6.34567 13.5855 6.39792Z' fill='%23902E01'/%3E%3C/svg%3E%0A");
}

.checkbox__field:checked + .checkbox__content:after {
  opacity: 1;
}

.checkbox__field:focus + .checkbox__content:before {
  outline: 1px solid var(--color-gray-100);
  outline-offset: 1px;
}

.checkbox__field:disabled + .checkbox__content {
  opacity: .4;
  pointer-events: none;
}

html, body {
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
}

.page {
  height: var(--vh);
  font-family: var(--font-family-primary);
  font-weight: var(--fw-400);
  letter-spacing: 0;
  color: var(--color-dark-400);
  background-color: var(--color-white);
  font-optical-sizing: auto;
  font-size: clamp(16px, 1vw, 20px);
  font-style: normal;
  line-height: 1.5;
}

.page__body {
  min-width: 320px;
  min-height: var(--vh);
}

.page.open {
  overflow: hidden;
}

.container {
  padding: 0 var(--container-offset);
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
}

.site-container {
  min-height: var(--vh);
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
  display: grid;
}

.main {
  padding-top: var(--header-height);
}

.overlay {
  position: relative;
}

.overlay:before {
  content: "";
  z-index: 1;
  background: var(--gradient-hero);
  position: absolute;
  inset: 0;
}

@media only screen and (max-width: 992px) {
  .overlay:before {
    background: var(--gradient-hero-30);
    opacity: .7;
  }
}

.logo {
  width: 100%;
  max-width: 247px;
  margin-right: 20px;
}

.logo img {
  width: 100%;
}

@media only screen and (max-width: 475px) {
  .logo {
    max-width: 210px;
  }
}

.colored {
  border-radius: calc(var(--radius-main)  - 4px);
  text-align: center;
  color: var(--color-red-800);
  background-color: #fff9ed;
  padding: 24px 30px;
  overflow: hidden;
}

.colored b {
  font-weight: var(--fw-600);
}

.arrow {
  position: relative;
}

.arrow:before {
  content: "";
  width: 14px;
  height: 12px;
  background-image: var(--arrow);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -27px;
  translate: 0 -50%;
}

.hidden {
  display: none !important;
}

.sr-only {
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  width: 1px !important;
  height: 1px !important;
  white-space: nowrap !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.dis-scroll {
  width: 100%;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  overscroll-behavior: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

h1, h2, h3 {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: var(--fw-600);
  color: var(--color-black);
  overflow: hidden;
}

h1 {
  font-size: clamp(2.375rem, 2.0536rem + 1.6071vi, 3.5rem);
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 34px;
  }
}

h2, .title {
  text-align: left;
  margin-bottom: 2rem;
  font-size: clamp(2rem, 1.7143rem + 1.4286vi, 3rem);
  line-height: 1.2;
}

h2 {
  text-transform: none;
}

@media only screen and (max-width: 992px) {
  h2 {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  h2 {
    margin-bottom: 30px;
  }
}

h3, .title--sec {
  font-size: 20px;
}

.sub-desc {
  width: 100%;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 3.9375rem;
}

@media only screen and (max-width: 576px) {
  .sub-desc {
    margin-bottom: 30px;
  }
}

p {
  font-family: var(--font-family-secondary);
  opacity: .86;
  font-size: 20px;
  line-height: 1.5;
}

.header {
  z-index: 10;
  border-radius: calc(var(--radius-main)  - 4px);
  width: 100%;
  max-width: 1344px;
  background-color: var(--color-white);
  margin: 0 auto;
  padding: 20px 0;
  transition-property: transform, padding;
  transition-duration: .15s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header.hide {
  transform: translateY(calc(-100% - 30px));
}

.header button.formsapp-popup-button, .header .btn {
  padding: 10px 16px !important;
}

.nav {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav__inner {
  width: 100%;
  justify-content: flex-end;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .header .nav__inner {
    z-index: -1;
    padding-top: calc(var(--header-height) * 1.5);
    width: 100%;
    height: calc(var(--vh));
    background-color: var(--color-white);
    flex-direction: column;
    justify-content: flex-start;
    transition-property: transform;
    transition-duration: .4s;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    transform: translateX(150%);
  }
}

.nav__list {
  align-items: center;
  margin-right: 16px;
  display: flex;
}

@media only screen and (max-width: 1280px) {
  .header .nav__list {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .header .nav__list {
    z-index: -1;
    flex-direction: column;
  }
}

.nav__item:not(:last-of-type) {
  margin-right: 17px;
}

@media only screen and (max-width: 1280px) {
  .nav__item:not(:last-of-type) {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .header .nav__item {
    margin-bottom: 30px;
  }
}

.nav__link {
  white-space: nowrap;
  text-transform: capitalize;
  color: var(--color-dark-400);
  background-color: #0000;
  font-size: 16px;
}

.nav__link.true {
  color: var(--color-red-800);
}

.nav__btns {
  width: 100%;
  max-width: 292px;
  display: flex;
  translate: 7px;
}

.nav__btns .btn {
  white-space: nowrap;
  margin-right: 8px;
  padding: 10px;
}

.nav__btns .btn:first-of-type {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
}

@media only screen and (max-width: 992px) {
  .nav__btns {
    margin: 0 auto;
  }

  .nav--footer {
    flex-direction: column;
  }

  .nav--footer .logo, .nav--footer .nav__list {
    margin-bottom: 20px;
  }

  .nav--footer .nav__inner {
    flex-direction: column;
    align-items: center;
  }
}

[class].btn {
  border: 1px solid var(--color-red-800);
  border-radius: calc(var(--radius-main)  - 4px);
  width: 100%;
  max-width: 176px;
  font-weight: var(--fw-500);
  text-align: center;
  color: var(--color-red-800);
  background-color: var(--color-white);
  justify-content: center;
  align-items: center;
  padding: 18px 10px;
  font-size: 18px;
  line-height: 1;
  transition-property: background-color, color, border-color;
  transition-duration: .2s;
  display: flex;
  position: relative;
}

[class].btn:hover, [class].btn:focus, [class].btn--reverse {
  border-color: var(--color-red-800);
  color: var(--color-white);
  background-color: var(--color-red-800);
}

[class].btn--reverse:hover, [class].btn--reverse:focus {
  border-color: var(--color-red-800);
  color: var(--color-red-800);
  background-color: var(--color-white);
}

[class].btn--simple {
  color: var(--color-dark-400);
  background-color: var(--color-white);
  border-color: #0000;
}

[class].btn--simple:hover, [class].btn--simple:focus {
  border-color: var(--color-red-800) !important;
  color: var(--color-white) !important;
  background-color: var(--color-red-800) !important;
}

[class].formsapp-popup-button {
  margin: 0 !important;
  padding: 18px 16px !important;
}

[class].formsapp-popup-button:hover, [class].formsapp-popup-button:focus {
  border-color: var(--color-red-800) !important;
  color: var(--color-red-800) !important;
  background-color: var(--color-white) !important;
}

.burger {
  --line-height: 2px;
  --buger-size: 20px;
  --move: calc(var(--buger-size) / 3);
  --move-decrement: calc(var(--move) * -1);
  --transition-time: .5s;
  --lines-color: var(--color-black);
  width: calc(var(--buger-size)  + 5px);
  height: var(--buger-size);
  transition: opacity var(--transition-time) ease;
  background-color: #0000;
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.burger span {
  z-index: -1;
  width: 100%;
  height: var(--line-height);
  background-color: var(--lines-color);
  transition: transform var(--transition-time) ease, background-color var(--transition-time) ease .3s;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.burger span:before, .burger span:after {
  content: "";
  width: 100%;
  height: var(--line-height);
  background-color: var(--lines-color);
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-fill-mode: forwards;
  position: absolute;
  left: 0;
}

.burger span:before {
  transform: translateY(var(--move-decrement)) rotate(0);
}

.burger span:after {
  transform: translateY(var(--move)) rotate(0);
}

.burger:hover {
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .burger {
    display: block;
  }
}

.closed.opened span {
  background-color: var(--lines-color);
  transition: background-color .2s;
}

.closed.opened span:before {
  animation-name: toplineburger;
}

.closed.opened span:after {
  animation-name: bottomlineburger;
}

.opened .nav__inner {
  transform: translateX(0);
}

.opened span {
  background-color: #0000;
  transition: background-color .2s;
}

.opened span:before, .opened span:after {
  animation-duration: .2s;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-fill-mode: forwards;
}

.opened span:before {
  animation-name: toplinecross;
}

.opened span:after {
  animation-name: bottomlinecross;
}

.hero {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero__inner {
  min-height: 645px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.hero .btn {
  max-width: none;
}

.hero .btn:first-child {
  max-width: 242px;
  margin-right: 8px !important;
}

.hero .btn:last-child {
  max-width: 192px;
}

.hero .formsapp-button.formsapp-popup-button:not(.btn--reverse) {
  color: var(--color-dark-400) !important;
  border-color: #0000 !important;
}

.hero__content {
  z-index: 1;
  width: 100%;
  max-width: 577px;
  position: relative;
  translate: 0 13px;
}

.hero--simple .hero__content {
  translate: 0 30px;
}

.hero h1 {
  margin-bottom: 26px;
}

.hero p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .hero {
    background-position: center;
    background-size: cover;
  }

  .hero__inner {
    min-height: 450px;
  }

  .hero__content {
    translate: 0;
  }
}

@keyframes toplinecross {
  0% {
    transform: translateY(var(--move-decrement));
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: rotate(45deg);
  }
}

@keyframes bottomlinecross {
  0% {
    transform: translateY(var(--move));
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0)rotate(-45deg);
  }
}

@keyframes toplineburger {
  0% {
    transform: rotate(45deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: translateY(var(--move-decrement)) rotate(0);
  }
}

@keyframes bottomlineburger {
  0% {
    transform: translateY(0)rotate(-45deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: translateY(var(--move)) rotate(0);
  }
}

.policy {
  color: var(--color-dark-400);
  padding: 4.875rem 0;
}

.policy > * {
  font-family: var(--font-family-primary);
}

.policy__content {
  margin-bottom: 3rem;
}

.policy h1 {
  margin: 0 auto 2.5rem;
  position: relative;
}

.policy h2 {
  color: var(--color-red-800);
  margin-bottom: 24px;
  font-size: 30px;
}

.policy ul {
  margin-bottom: 24px;
  padding-left: 15px;
}

.policy li {
  padding-left: 5px;
  font-size: 20px;
  line-height: 1.43;
}

.policy li:not(:last-child) {
  margin-bottom: 3px;
}

.policy li::marker {
  content: "✓";
  margin-right: 5px;
}

.policy p {
  font-size: 20px;
  line-height: 1.2;
}

.policy p:not(:last-child) {
  margin-bottom: 30px;
}

.policy a {
  color: var(--color-red-800);
  text-decoration: underline;
}

.policy b, .policy strong {
  font-weight: var(--fw-600);
}

@media only screen and (max-width: 768px) {
  .policy {
    padding: 40px 0;
  }

  .policy h1 {
    text-align: center;
    margin-bottom: 30px;
  }
}

.footer {
  color: var(--color-white);
  background-color: var(--color-red-100);
}

.footer__bottom {
  color: var(--color-dark-400);
  background-color: var(--color-white);
  padding: 22px 0;
}

.footer__bottom .nav__item:not(:last-child) {
  margin-right: 3rem;
}

.footer__bottom p {
  font-size: 16px;
}

.footer__inner {
  justify-content: space-between;
  display: flex;
}

.footer button.formsapp-popup-button, .footer .btn {
  padding: 10px 16px !important;
}

.footer .nav__inner {
  translate: -8px;
}

.footer .nav__btns {
  max-width: 284px;
}

.footer .nav__btns .btn:first-child {
  background-color: #0000;
}

.footer .nav--footer {
  padding: 3.5625rem 0 3.4375rem;
}

@media only screen and (max-width: 992px) {
  .footer .nav--footer {
    padding: 30px 0;
  }

  .footer .nav__list {
    margin: 0 auto 30px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__inner {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .footer__inner .nav {
    width: max-content;
  }

  .footer__inner > p {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .footer .nav__list {
    flex-direction: column;
  }

  .footer .nav__item:not(:last-child) {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .footer__bottom .nav__item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 15px;
  }
}

.additional {
  padding: 4.0625rem 0 5.625rem;
  position: relative;
}

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

.additional__picture {
  border-radius: calc(var(--radius-main)  - 4px);
  width: 100%;
  max-width: 596px;
  overflow: hidden;
}

.additional__content {
  width: 100%;
  max-width: 493px;
}

.additional__content > :not(:last-child) {
  margin-bottom: 32px;
}

.additional p span {
  font-weight: var(--fw-500);
}

.additional .btn {
  max-width: 146px;
}

.additional--home {
  padding: 9.5rem 0;
}

.additional--line {
  position: relative;
}

.additional--line:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-red-100);
  position: absolute;
  top: 85px;
}

.additional--slim {
  padding: 4.0625rem 0 4rem;
}

.additional--slim:last-child {
  padding-bottom: 5.4375rem;
}

.additional--first {
  padding-top: 5.4375rem;
}

.additional--first h2 {
  max-width: 370px;
}

.additional--reverse .additional__inner {
  flex-direction: row-reverse;
}

.additional--less {
  padding: 4rem 0 4.0625rem;
}

.additional--less .additional__picture {
  max-width: 390px;
  margin-right: 20px;
}

.additional--less .additional__content {
  max-width: 699px;
}

.additional--less.additional--reverse .additional__content {
  margin-right: 20px;
}

.additional--less.additional--reverse .additional__picture {
  margin-right: 0;
}

.additional--less-first {
  padding-top: 6.5rem;
}

.additional--servise-first {
  padding-top: 5.4375rem;
}

.additional--service {
  padding: 5.375rem 0;
}

.additional--careers {
  padding: 9.5625rem 0;
}

.additional--careers img {
  height: 100%;
}

@media only screen and (max-width: 1180px) {
  .additional__picture, .additional .additional__content {
    max-width: 550px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .additional--reverse .additional__inner {
    flex-direction: column;
  }

  .additional__inner {
    text-align: center;
    flex-direction: column;
    justify-content: center;
  }

  .additional__content {
    max-width: 800px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .additional__picture {
    margin-bottom: 30px;
  }

  .additional .additional__picture {
    margin-right: 0;
  }

  .additional, .additional--services {
    padding: 40px 0;
  }
}

@media only screen and (max-width: 768px) {
  .additional__content, .additional .additional__content {
    margin: 0;
  }

  .additional h2 {
    text-align: center;
  }
}

@media only screen and (max-width: 576px) {
  .additional__picture {
    max-width: none !important;
  }

  .additional__picture img {
    aspect-ratio: 13 / 9;
    object-position: center;
  }
}

@media only screen and (max-width: 475px) {
  .additional .btn {
    max-width: none;
  }
}

.values-grid {
  background-color: var(--color-red-100);
  padding: 5.375rem 0;
}

.values-grid__list {
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem 25px;
  display: grid;
}

.values-grid__desc {
  max-width: 290px;
}

.values-grid .desc {
  padding: 4.25rem 0 0;
}

.values-grid .desc:before {
  top: -1px;
  left: 0;
}

.values-grid h2 {
  margin-bottom: 25px;
}

.values-grid .btn {
  max-width: 220px;
  color: var(--color-dark-400);
  border-color: #0000;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .values-grid {
    padding: 30px 0;
  }

  .values-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .values-grid--emergency {
    padding: 30px 0;
  }

  .values-grid--drain .desc:last-child {
    grid-column: span 2;
  }
}

@media only screen and (max-width: 576px) {
  .values-grid__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .values-grid__desc, .values-grid .desc {
    max-width: none;
  }

  .values-grid--drain .desc:last-child {
    grid-column: auto;
  }
}

@media only screen and (max-width: 475px) {
  .values-grid .btn {
    max-width: none;
  }
}

.contact {
  min-height: 900px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.contact__wrapper {
  width: 100%;
  max-width: 915px;
  background-color: var(--color-white);
  padding: 5.5rem 6.5625rem 5.3125rem;
}

.contact__inner {
  display: flex;
}

.contact__data {
  max-width: 294px;
}

.contact__data > * {
  margin-bottom: 24px;
}

.contact__data a {
  color: var(--color-red-800);
  text-decoration: underline;
  display: block;
}

.contact__data p {
  color: var(--color-dark-400);
  font-size: 16px;
}

.contact__data span {
  letter-spacing: -.01em;
  line-height: 1.4;
  display: block;
}

.contact__form {
  width: 100%;
  max-width: 390px;
  margin-right: 22px;
}

.contact label {
  margin-bottom: 16px;
  display: block;
}

.contact label:last-of-type {
  margin-bottom: 22px;
}

.contact input, .contact textarea {
  border-radius: calc(var(--radius-main)  - 4px);
  width: 100%;
  color: var(--color-dark-400);
  background-color: var(--color-red-100);
  border-color: #0000;
  padding: 13px;
}

.contact textarea {
  min-height: 156px;
}

.contact .btn {
  border-color: var(--color-red-600);
  max-width: none;
  background-color: var(--color-red-600);
}

@media only screen and (max-width: 768px) {
  .contact__wrapper {
    padding: 40px;
  }
}

@media only screen and (max-width: 576px) {
  .contact h2 {
    text-align: center;
    margin: 0 auto 40px;
  }

  .contact__wrapper {
    padding: 40px 20px;
  }

  .contact__inner {
    flex-direction: column;
    align-items: center;
  }

  .contact__form {
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
  }
}

.desc {
  border-radius: calc(var(--radius-main)  - 4px);
  padding: 7.9375rem 1.875rem 3.75rem;
  position: relative;
}

.desc:before {
  content: "";
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  top: 60px;
  left: 30px;
}

.desc h3 {
  margin-bottom: 20px;
}

.desc p {
  font-size: 16px;
}

.desc--handshake:before {
  background-image: url("../images/icons/handshake.svg");
}

.desc--thumbs:before {
  background-image: url("../images/icons/thumbs.svg");
}

.desc--protect:before {
  background-image: url("../images/icons/protect.svg");
}

.desc--idea:before {
  background-image: url("../images/icons/idea.svg");
}

.desc--favorite:before {
  background-image: url("../images/icons/favorite.svg");
}

.desc--chat:before {
  background-image: url("../images/icons/chat.svg");
}

.desc--good_quality:before {
  background-image: url("../images/icons/good_quality.svg");
}

.desc--price:before {
  background-image: url("../images/icons/price.svg");
}

.desc--people:before {
  background-image: url("../images/icons/people.svg");
}

@media only screen and (max-width: 576px) {
  .desc {
    padding: 6.25rem 1.875rem 2.5rem;
  }

  .desc:before {
    top: 30px;
  }
}

.projects {
  padding: 5.5rem 0;
}

.projects__header h2 {
  text-align: center;
  margin: 0 auto 2rem;
}

.projects__header p {
  max-width: 800px;
  text-align: center;
  margin: 0 auto 4.0625rem;
}

.projects .additional {
  padding: 22px 0 9.375rem;
}

.projects .additional__content h2 {
  font-size: 40px;
}

.projects .additional:last-child {
  padding-bottom: 0;
}

.projects--less {
  background-color: var(--color-red-100);
  padding-bottom: 10.8125rem;
}

.projects--less .projects__header {
  max-width: 800px;
  margin: 0 auto 3.125rem;
}

@media only screen and (max-width: 768px) {
  .projects .additional, .projects--less {
    padding-bottom: 50px;
  }
}

.customers {
  padding: 5.5625rem 0 5.4375rem;
}

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

.customers__item {
  border-radius: calc(var(--radius-main)  - 4px);
  background-color: var(--color-red-100);
  color: var(--color-dark-400);
  padding: 32px 24px 26px;
  position: relative;
}

.customers__item p {
  min-height: 58px;
  font-size: 18px;
  line-height: 1.6;
  font-family: var(--font-family-primary);
  margin-bottom: 19px;
}

.customers__item span {
  font-size: 18px;
  font-weight: var(--fw-600);
}

.customers h2 {
  margin: 0 auto 3rem;
  font-size: clamp(2rem, 1.51rem + 1.1vi, 3rem);
}

.customers--about {
  padding: 6.75rem 0 5.5rem;
}

@media only screen and (max-width: 768px) {
  .customers, .customers--about {
    padding: 40px 0;
  }

  .customers .customers__list {
    grid-template-columns: 1fr;
  }

  .customers h2 {
    text-align: center;
    margin-bottom: 30px;
  }
}

.services {
  padding: 26px 0 5.625rem;
}

.services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 3rem;
  display: grid;
}

.services__item {
  border: 1px solid var(--color-gray-400);
  border-radius: calc(var(--radius-main)  - 4px);
  height: 100%;
  font-family: var(--font-family-primary);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.services__item img {
  width: 100%;
}

.services__item p {
  margin-bottom: 24px;
  font-family: inherit;
  font-size: 14px;
}

.services__item a {
  width: max-content;
  letter-spacing: .01em;
  margin-top: auto;
  font-family: inherit;
  font-size: 18px;
}

.services__content {
  height: 100%;
  flex-direction: column;
  padding: 26px 23px 29px;
  display: flex;
}

.services h2 {
  text-align: center;
  margin: 0 auto 3.0625rem;
}

.services h3 {
  letter-spacing: .02em;
  margin-bottom: 8px;
  font-size: 24px;
}

.services .btn {
  margin: 0 auto;
}

.services--fleet {
  padding: 5.8125rem 0 4.3125rem;
}

.services--fleet .services__header {
  max-width: 800px;
  text-align: center;
  margin: 0 auto 5.375rem;
  padding-top: 16px;
}

.services--fleet .services__content {
  padding-bottom: 25px;
}

.services--fleet .services__grid {
  margin-bottom: 0;
}

.services--fleet h2 {
  margin-bottom: 32px;
}

.services--fleet p {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .services {
    padding: 40px 0;
  }

  .services h3 {
    min-height: 72px;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  .services__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .services__item:last-child {
    grid-column: span 2;
  }

  .services__item:last-child img {
    aspect-ratio: 16 / 7;
  }

  .services__content {
    padding: 15px 25px;
  }
}

@media only screen and (max-width: 576px) {
  .services {
    padding: 0;
  }

  .services__grid {
    grid-template-columns: 1fr;
  }

  .services__item:last-child {
    grid-column: auto;
  }

  .services__item:last-child img {
    aspect-ratio: 16 / 9;
  }
}

.team {
  padding: 5.4375rem 0 5.625rem;
}

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

.team__member {
  border: 1px solid var(--color-gray-400);
  border-radius: calc(var(--radius-main)  - 4px);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  display: flex;
}

.team__member img {
  margin-bottom: 26px;
}

.team__member h3 {
  letter-spacing: .02em;
  margin-bottom: 4px;
  font-size: 24px;
}

.team__member span {
  font-weight: var(--fw-600);
  letter-spacing: .02em;
  color: var(--color-dark-400);
  margin-bottom: 12px;
  font-size: 16px;
  display: block;
}

.team__member p {
  letter-spacing: -.02em;
  font-size: 14px;
}

.team h2 {
  margin: 0 auto 24px;
}

.team h2 + p {
  max-width: 800px;
}

@media only screen and (max-width: 992px) {
  .team__grid {
    gap: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .team__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .team__member:last-child {
    grid-column: span 2;
  }
}

@media only screen and (max-width: 576px) {
  .team__grid {
    grid-template-columns: 1fr;
  }

  .team__member:last-child {
    grid-column: auto;
  }
}

.benefits {
  padding: 5.4375rem 0 5.3125rem;
}

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

.benefits__item {
  border: 1px solid var(--color-gray-400);
  padding: 6.125rem 29px 30px;
  overflow: hidden;
}

.benefits__item:before {
  top: 28px;
}

.benefits h2 {
  margin: 0 auto 4.0625rem;
}

@media only screen and (max-width: 992px) {
  .benefits {
    padding: 40px 0;
  }

  .benefits__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 30px;
  }

  .benefits--services {
    padding: 40px 0;
  }
}

@media only screen and (max-width: 576px) {
  .benefits {
    padding: 30px 0;
  }

  .benefits__grid {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
}

.careers {
  padding: 19px 0 4rem;
}

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

.careers__item {
  border: 1px solid var(--color-gray-400);
  border-radius: calc(var(--radius-main)  - 4px);
  padding: 1.875rem;
}

.careers__item h3 {
  letter-spacing: .02em;
  margin: 0 auto 15px;
  font-size: 24px;
}

.careers__item p {
  letter-spacing: -.02em;
  padding-left: 39px;
  font-size: 14px;
  line-height: 1.6;
  position: relative;
}

.careers__item p:before {
  content: "";
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.careers__item p:not(:last-child) {
  margin-bottom: 13px;
}

.careers__desc:before {
  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%3Cpath d='M0.703124 14.4456C0.309328 14.4456 0 14.7549 0 15.1487V22.1799C0 22.5737 0.309328 22.883 0.703124 22.883H4.26562V14.4456H0.703124Z' fill='%2327AE60'/%3E%3Cpath d='M21.8101 5.0667C21.7284 4.80987 21.5065 4.62242 21.2394 4.58469L18.2017 4.15348L16.8463 1.47214C16.6073 0.99838 15.83 0.99838 15.5911 1.47214L14.2357 4.15348L11.1979 4.58469C10.9309 4.62247 10.709 4.80992 10.6273 5.0667C10.5449 5.32353 10.617 5.60436 10.812 5.7904L12.9997 7.8723L12.4841 10.8084C12.4381 11.0714 12.5452 11.3378 12.7594 11.4957C12.9776 11.657 13.2648 11.6754 13.4982 11.5555L16.2187 10.1588L18.9392 11.5555C19.1775 11.6784 19.4631 11.6557 19.678 11.4957C19.8923 11.3378 19.9994 11.0714 19.9534 10.8084L19.4377 7.8723L21.6254 5.7904C21.8204 5.60431 21.8925 5.32348 21.8101 5.0667Z' fill='%2327AE60'/%3E%3Cpath d='M21.544 14.2129L18.2297 17.9893C17.836 18.4253 17.2734 18.6643 16.6828 18.6643H11.9438C11.55 18.6643 11.2407 18.355 11.2407 17.9612C11.2407 17.5674 11.55 17.258 11.9438 17.258H16.2187C16.9922 17.258 17.625 16.6252 17.625 15.8518C17.625 15.0834 17.0102 14.4455 16.2187 14.4455H12.5344C12.1839 14.4455 12.0092 14.2233 11.7328 13.9814C10.6781 13.0534 9.25781 12.6268 7.86562 12.7955C7.05136 12.8997 6.31584 13.2065 5.67188 13.6717V22.883H16.2187C17.7656 22.883 19.2281 22.1517 20.1562 20.9142L23.5568 16.4143C24.9281 14.6139 22.7929 12.8849 21.544 14.2129Z' fill='%23E94C04'/%3E%3C/svg%3E%0A");
}

.careers__terms:before {
  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%3Cg clip-path='url(%23clip0_6013_107)'%3E%3Cpath d='M23.794 4.39547C23.9259 4.26361 24 4.08483 24 3.89836C24 3.71184 23.9259 3.53297 23.794 3.40116L20.5987 0.205969C20.4615 0.0686719 20.2815 0 20.1016 0C19.9216 0 19.7417 0.0686719 19.6043 0.205969L16.9062 2.904L21.0959 7.09355L23.794 4.39547Z' fill='%23E94C04'/%3E%3Cpath d='M0.0502969 23.0358C-0.0541406 23.2969 0.00707813 23.5952 0.205922 23.794C0.340406 23.9285 0.520219 24 0.703219 24C0.791016 24 0.879656 23.9835 0.964219 23.9497L5.85909 21.9916L2.00812 18.1407L0.0502969 23.0358Z' fill='%23E94C04'/%3E%3Cpath d='M18.7717 13.559C18.4593 13.559 18.1455 13.587 17.8339 13.644L10.3563 6.1663C10.6629 4.48869 10.1288 2.74368 8.91392 1.52869C7.91361 0.528422 6.57402 0.000704101 5.21662 0.000610352C4.45476 0.000610352 3.68737 0.166782 2.97098 0.508969C2.76496 0.607359 2.61961 0.799546 2.58098 1.02455C2.54245 1.24945 2.61539 1.47914 2.77682 1.64058L5.29232 4.15607L4.15654 5.29185L1.64086 2.7764C1.50787 2.64337 1.32839 2.57048 1.14351 2.57043C1.10405 2.57043 1.06439 2.57376 1.02483 2.58056C0.799874 2.61918 0.607641 2.76459 0.509203 2.97056C-0.442498 4.96373 -0.0325769 7.35195 1.5292 8.9135C2.5185 9.90284 3.85935 10.4408 5.22913 10.4408C5.54141 10.4408 5.8551 10.4128 6.16663 10.3559L13.6444 17.8335C13.3376 19.511 13.8716 21.2558 15.0865 22.4709C16.0871 23.4714 17.4266 23.9992 18.7841 23.9992C19.5459 23.9991 20.3134 23.8329 21.0297 23.4908C21.2357 23.3923 21.3811 23.2001 21.4196 22.9751C21.4583 22.7502 21.3852 22.5205 21.2238 22.359L18.7083 19.8436L19.8441 18.7079L22.3594 21.2234C22.4924 21.3564 22.6717 21.4293 22.8566 21.4293C22.896 21.4293 22.9358 21.426 22.9754 21.4192C23.2004 21.3806 23.3926 21.2352 23.491 21.0293C24.4431 19.0363 24.0333 16.648 22.4713 15.0861C21.4821 14.0968 20.1414 13.559 18.7717 13.559Z' fill='%23E94C04'/%3E%3Cpath d='M2.83105 16.9763L6.81317 12.9942L11.0022 17.1832L7.02006 21.1653L2.83105 16.9763Z' fill='%23E94C04'/%3E%3Cpath d='M12.9922 6.81714L15.9094 3.8999L20.0984 8.08891L17.1812 11.0061L12.9922 6.81714Z' fill='%23E94C04'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6013_107'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.careers h2 {
  text-align: center;
  margin: 0 auto 4rem;
}

@media only screen and (max-width: 992px) {
  .careers {
    padding: 40px 0;
  }

  .careers__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .careers__item:last-child {
    grid-column: span 2;
  }

  .careers h3 {
    min-height: 72px;
    display: flex;
  }
}

@media only screen and (max-width: 576px) {
  .careers__list {
    grid-template-columns: 1fr;
  }

  .careers__item:last-child {
    grid-column: auto;
  }
}