:root {
  --white: #ffffff;
  --gray: #F3F8FB;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

a {
  text-decoration: none;
}

html,
body {
  overflow-x: hidden;
}

img {
  display: block;
  height: auto;
}

button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}
button:focus {
  outline: none;
}

img[data-src] {
  opacity: 0;
}

input, textarea, button, select {
  font-family: inherit;
}

.lazy {
  transition: 0.3s all;
}
.lazy[data-src] {
  opacity: 0;
}

body {
  transition: 0.3s all;
}

.preload * {
  transition: none !important;
}
.preload .sub-menu {
  display: none;
}

html {
  font-size: 62.5%;
  font-family: "Inter", sans-serif;
  color: #1D1D1F;
  -webkit-font-smoothing: antialiased;
}

h1,
.h1,
.hero-single h2,
.hero__slide h2 {
  line-height: 1.2;
  font-weight: 600;
}
@media (max-width: 375px) {
  h1,
  .h1,
  .hero-single h2,
  .hero__slide h2 {
    font-size: 3rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  h1,
  .h1,
  .hero-single h2,
  .hero__slide h2 {
    font-size: calc(3rem + 18 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  h1,
  .h1,
  .hero-single h2,
  .hero__slide h2 {
    font-size: 4.8rem;
  }
}

h2,
.h2 {
  line-height: 1.5;
  font-weight: 500;
}
@media (max-width: 375px) {
  h2,
  .h2 {
    font-size: 2.8rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  h2,
  .h2 {
    font-size: calc(2.8rem + 8 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  h2,
  .h2 {
    font-size: 3.6rem;
  }
}

h3,
.h3,
.block-components__search li {
  line-height: 1.3;
  font-weight: 500;
}
@media (max-width: 375px) {
  h3,
  .h3,
  .block-components__search li {
    font-size: 2.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  h3,
  .h3,
  .block-components__search li {
    font-size: calc(2.6rem + 4 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  h3,
  .h3,
  .block-components__search li {
    font-size: 3rem;
  }
}

h4,
.h4,
.hero-single em:not(:first-child),
.hero-single h1 p,
ol li:before {
  line-height: 1.3;
  font-weight: 700;
}
@media (max-width: 375px) {
  h4,
  .h4,
  .hero-single em:not(:first-child),
  .hero-single h1 p,
  ol li:before {
    font-size: 2.2rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  h4,
  .h4,
  .hero-single em:not(:first-child),
  .hero-single h1 p,
  ol li:before {
    font-size: calc(2.2rem + 4 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  h4,
  .h4,
  .hero-single em:not(:first-child),
  .hero-single h1 p,
  ol li:before {
    font-size: 2.6rem;
  }
}

h5,
.h5,
.footer__list > p strong {
  line-height: 1.2;
  font-weight: 700;
}
@media (max-width: 375px) {
  h5,
  .h5,
  .footer__list > p strong {
    font-size: 2rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  h5,
  .h5,
  .footer__list > p strong {
    font-size: calc(2rem + 4 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  h5,
  .h5,
  .footer__list > p strong {
    font-size: 2.4rem;
  }
}

h6,
.h6 {
  line-height: 1.5;
  font-weight: 600;
}
@media (max-width: 375px) {
  h6,
  .h6 {
    font-size: 1.8rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  h6,
  .h6 {
    font-size: calc(1.8rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  h6,
  .h6 {
    font-size: 2rem;
  }
}

p,
.p1,
.download-file__content h3,
.footer__form form .field input,
.download__size,
.download__name,
.form .wpcf7-response-output,
.share-box,
.field .wpcf7-response-output,
.btn,
.single-transformers__tab-btn, li {
  line-height: 1.5;
}
@media (max-width: 375px) {
  p,
  .p1,
  .download-file__content h3,
  .footer__form form .field input,
  .download__size,
  .download__name,
  .form .wpcf7-response-output,
  .share-box,
  .field .wpcf7-response-output,
  .btn,
  .single-transformers__tab-btn, li {
    font-size: 1.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  p,
  .p1,
  .download-file__content h3,
  .footer__form form .field input,
  .download__size,
  .download__name,
  .form .wpcf7-response-output,
  .share-box,
  .field .wpcf7-response-output,
  .btn,
  .single-transformers__tab-btn, li {
    font-size: calc(1.6rem + 4 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  p,
  .p1,
  .download-file__content h3,
  .footer__form form .field input,
  .download__size,
  .download__name,
  .form .wpcf7-response-output,
  .share-box,
  .field .wpcf7-response-output,
  .btn,
  .single-transformers__tab-btn, li {
    font-size: 2rem;
  }
}

.p2, .footer__btn .btn, .footer__btn .single-transformers__tab-btn, .footer ul li, .text-with-img-to-board__content p, .grid-check-cards__link, .grid-check-cards__item p, .grid-check-cards__title p, .text-with-img-to-board__title p, .info-tab__content p, .grid-imgs-with-cards__title p, .grid-with-title__list li, .grid-with-title__text p, .text-with-img__text p, .content-with-grid__text p, .two-column__title p, .two-column__item--text p, .article__content p, .card h6, .column-card__content p, .row-card__content p, .block-components__title p, .block-components table td,
.block-components table th, .block-components > ol h6 + p, .header__item--has-submenu ul li,
.header .menu-item-has-children ul li, .header__btn .btn, .header__btn .single-transformers__tab-btn, .header__contact li, .btn--with-border, .single-transformers__tab-btn {
  line-height: 1.5;
}
@media (max-width: 375px) {
  .p2, .footer__btn .btn, .footer__btn .single-transformers__tab-btn, .footer ul li, .text-with-img-to-board__content p, .grid-check-cards__link, .grid-check-cards__item p, .grid-check-cards__title p, .text-with-img-to-board__title p, .info-tab__content p, .grid-imgs-with-cards__title p, .grid-with-title__list li, .grid-with-title__text p, .text-with-img__text p, .content-with-grid__text p, .two-column__title p, .two-column__item--text p, .article__content p, .card h6, .column-card__content p, .row-card__content p, .block-components__title p, .block-components table td,
  .block-components table th, .block-components > ol h6 + p, .header__item--has-submenu ul li,
  .header .menu-item-has-children ul li, .header__btn .btn, .header__btn .single-transformers__tab-btn, .header__contact li, .btn--with-border, .single-transformers__tab-btn {
    font-size: 1.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .p2, .footer__btn .btn, .footer__btn .single-transformers__tab-btn, .footer ul li, .text-with-img-to-board__content p, .grid-check-cards__link, .grid-check-cards__item p, .grid-check-cards__title p, .text-with-img-to-board__title p, .info-tab__content p, .grid-imgs-with-cards__title p, .grid-with-title__list li, .grid-with-title__text p, .text-with-img__text p, .content-with-grid__text p, .two-column__title p, .two-column__item--text p, .article__content p, .card h6, .column-card__content p, .row-card__content p, .block-components__title p, .block-components table td,
  .block-components table th, .block-components > ol h6 + p, .header__item--has-submenu ul li,
  .header .menu-item-has-children ul li, .header__btn .btn, .header__btn .single-transformers__tab-btn, .header__contact li, .btn--with-border, .single-transformers__tab-btn {
    font-size: calc(1.6rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .p2, .footer__btn .btn, .footer__btn .single-transformers__tab-btn, .footer ul li, .text-with-img-to-board__content p, .grid-check-cards__link, .grid-check-cards__item p, .grid-check-cards__title p, .text-with-img-to-board__title p, .info-tab__content p, .grid-imgs-with-cards__title p, .grid-with-title__list li, .grid-with-title__text p, .text-with-img__text p, .content-with-grid__text p, .two-column__title p, .two-column__item--text p, .article__content p, .card h6, .column-card__content p, .row-card__content p, .block-components__title p, .block-components table td,
  .block-components table th, .block-components > ol h6 + p, .header__item--has-submenu ul li,
  .header .menu-item-has-children ul li, .header__btn .btn, .header__btn .single-transformers__tab-btn, .header__contact li, .btn--with-border, .single-transformers__tab-btn {
    font-size: 1.8rem;
  }
}

.p-small, .download-file__content p, .single-transformers__text span, .footer__form [data-status=sent] .wpcf7-response-output, .grid-check-cards__title h2 small, .text-with-img-to-board__title h2 small, .cta-new h2 small, .info-tab__text p, .grid-imgs-with-cards__item p, .grid-with-title__card p, .content-with-grid__item p, .two-column__title h2 small, .accordion__content p, .accordion__content li, .card p, .form .wpcf7-checkbox label span, .form .field, .block-components__title h2 small, .breadcrumbs li, .header__menu li, .field label, .field input,
.field textarea,
.field select {
  line-height: 1.5;
}
@media (max-width: 375px) {
  .p-small, .download-file__content p, .single-transformers__text span, .footer__form [data-status=sent] .wpcf7-response-output, .grid-check-cards__title h2 small, .text-with-img-to-board__title h2 small, .cta-new h2 small, .info-tab__text p, .grid-imgs-with-cards__item p, .grid-with-title__card p, .content-with-grid__item p, .two-column__title h2 small, .accordion__content p, .accordion__content li, .card p, .form .wpcf7-checkbox label span, .form .field, .block-components__title h2 small, .breadcrumbs li, .header__menu li, .field label, .field input,
  .field textarea,
  .field select {
    font-size: 1.5rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .p-small, .download-file__content p, .single-transformers__text span, .footer__form [data-status=sent] .wpcf7-response-output, .grid-check-cards__title h2 small, .text-with-img-to-board__title h2 small, .cta-new h2 small, .info-tab__text p, .grid-imgs-with-cards__item p, .grid-with-title__card p, .content-with-grid__item p, .two-column__title h2 small, .accordion__content p, .accordion__content li, .card p, .form .wpcf7-checkbox label span, .form .field, .block-components__title h2 small, .breadcrumbs li, .header__menu li, .field label, .field input,
  .field textarea,
  .field select {
    font-size: calc(1.5rem + 1 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .p-small, .download-file__content p, .single-transformers__text span, .footer__form [data-status=sent] .wpcf7-response-output, .grid-check-cards__title h2 small, .text-with-img-to-board__title h2 small, .cta-new h2 small, .info-tab__text p, .grid-imgs-with-cards__item p, .grid-with-title__card p, .content-with-grid__item p, .two-column__title h2 small, .accordion__content p, .accordion__content li, .card p, .form .wpcf7-checkbox label span, .form .field, .block-components__title h2 small, .breadcrumbs li, .header__menu li, .field label, .field input,
  .field textarea,
  .field select {
    font-size: 1.6rem;
  }
}

a {
  color: #E17235;
  transition: 0.3s all;
}
a:hover {
  text-decoration: underline;
  color: #E17235;
}

mark {
  background-color: transparent;
  color: #E17235;
}

i, em {
  font-style: italic;
}

strong, b {
  font-weight: 600;
}

h2, h3, h4, h5, h6 {
  margin: 2.5rem 0 0rem;
}
@media (min-width: 640px) {
  h2, h3, h4, h5, h6 {
    margin: 6rem 0 0rem;
  }
}
h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
  margin-top: 3rem;
}

h2 {
  margin: 2.5rem 0 0rem;
}
@media (min-width: 640px) {
  h2 {
    margin: 8rem 0 0rem;
  }
}
h2 + p, h2 + ul {
  margin-top: 2rem;
}

p {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  p {
    margin-top: 4.4rem;
  }
}

li {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  li {
    margin-top: 3rem;
  }
}

ul {
  list-style: none;
  margin-top: 2rem;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  ul {
    padding-left: 3.2rem;
    margin-top: 2.8rem;
  }
}
ul li {
  padding-left: 3.2rem;
  box-sizing: border-box;
  position: relative;
}
ul li:before {
  position: absolute;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  top: 50%;
  left: 1px;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 3px;
  background-color: #E17235;
}
ul li ul {
  margin-top: 1.2rem;
  padding-left: 0;
}
ul li ul:first-child {
  margin-top: 1.2rem;
  padding-left: 0;
}
ul li li {
  margin-top: 1.2rem;
}
ul li li:before {
  background-color: #152734;
}

ol {
  counter-reset: dec;
  list-style: none;
  padding-left: 0;
  margin-top: 2rem;
  padding-right: 3rem;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  ol {
    margin-top: 2.8rem;
  }
}
ol li {
  counter-increment: dec;
  position: relative;
  display: -webkit-inline-box;
  width: 100%;
  margin-top: 2rem;
}
ol li:before {
  display: block;
  content: counter(dec) ".";
  padding-right: 6px;
  box-sizing: border-box;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, q:first-child, blockquote:first-child, ul:first-child, ol:first-child, li:first-child {
  margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, q:last-child, blockquote:last-child, ul:last-child, ol:last-child, li:last-child {
  margin-bottom: 0;
}

.padding, .form-with-img__container, .hero-single__wrapper, .hero__wrapper, section, header, footer {
  box-sizing: border-box;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  max-width: 144rem;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .padding, .form-with-img__container, .hero-single__wrapper, .hero__wrapper, section, header, footer {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px) {
  .padding, .form-with-img__container, .hero-single__wrapper, .hero__wrapper, section, header, footer {
    padding-right: 11.2rem;
    padding-left: 11.2rem;
  }
}

.btn, .single-transformers__tab-btn {
  cursor: pointer;
  outline: none;
  min-height: 54px;
  padding: 8px 20px;
  border: 1px solid #152734;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  line-height: 1.1;
  font-weight: 500;
  color: #F9F9FA;
  background-color: #152734;
  transition: 0.2s ease-in-out;
}
@media (min-width: 640px) {
  .btn, .single-transformers__tab-btn {
    padding: 8px 100px;
    min-height: 60px;
  }
}
.btn svg, .single-transformers__tab-btn svg,
.btn img,
.single-transformers__tab-btn img {
  max-width: 2.4rem;
  min-width: 2.4rem;
  margin-right: 1.2rem;
  height: auto;
}
.btn:hover, .single-transformers__tab-btn:hover {
  background-color: #0e1f2b;
  border-color: #0e1f2b;
  text-decoration: none;
  color: #F9F9FA;
}
.btn--secondary {
  background-color: #E17235;
  border-color: #E17235;
}
.btn--secondary:hover {
  background-color: #dc6627;
  border-color: #dc6627;
}
.btn--small-padding {
  padding: 10px 14px;
}
.btn--with-border, .single-transformers__tab-btn {
  background-color: transparent;
  border-color: #152734;
  color: #152734;
  font-weight: normal;
}
.btn--with-border:hover, .single-transformers__tab-btn:hover {
  background-color: #152734;
  border-color: #152734;
  color: #F9F9FA;
}
.btn--with-border.btn--secondary, .btn--secondary.single-transformers__tab-btn {
  border-color: #E17235;
  color: #E17235;
}
.btn--with-border.btn--secondary:hover, .btn--secondary.single-transformers__tab-btn:hover {
  background-color: #E17235;
  border-color: #E17235;
  color: #F9F9FA;
}

.field input,
.field textarea,
.field select {
  outline: none;
  width: 100%;
  padding: 1.5rem 1rem;
  border-radius: 10px;
  border: 1px solid #E6E6E6;
  background-color: #F9F9FA;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #1D1D1F;
}
.field input::placeholder,
.field textarea::placeholder,
.field select::placeholder {
  color: #777779;
}
.field label {
  margin-bottom: 0.5rem;
  display: block;
}
.field input,
.field select {
  min-height: 54px;
  padding: 1rem 1rem;
}
@media (min-width: 640px) {
  .field input,
  .field select {
    min-height: 64px;
  }
}
.field textarea {
  resize: none;
  overflow-y: auto;
  height: 125px;
}
.field--select {
  border: 1px solid #E6E6E6;
  background-color: #F9F9FA;
  border-radius: 10px;
  position: relative;
}
.field--select:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 1.4rem;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(./assets/img/icons/select.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: 0.3s all;
}
.field--select select {
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  padding-right: 4rem;
  position: relative;
  z-index: 2;
}
.field .wpcf7-response-output {
  display: none;
  color: #C8102E;
}
@media (min-width: 640px) {
  .field .wpcf7-response-output {
    grid-column: span 2;
  }
}
.field .wpcf7-not-valid-tip {
  display: none;
  margin-top: 0.4rem;
  color: #C8102E;
}
.field [aria-invalid=true],
.field .wpcf7-not-valid {
  border-color: #C8102E;
}
.field [aria-invalid=true] input,
.field .wpcf7-not-valid input {
  border-color: #C8102E;
}
.field [aria-invalid=true] + .wpcf7-not-valid-tip,
.field .wpcf7-not-valid + .wpcf7-not-valid-tip {
  display: block;
}

[data-status=invalid] .wpcf7-response-output {
  display: block;
}

[data-status=sent] .wpcf7-response-output {
  color: #14AE5C;
  display: block;
}

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.slick-dots li {
  margin: 0 0.25rem;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.slick-dots li:before {
  display: none;
}
.slick-dots .slick-active button {
  background-color: #F9F9FA;
}
.slick-dots button {
  font-size: 0;
  line-height: 1;
  width: 12px;
  height: 12px;
  border: 1px solid #152734;
  border-radius: 100%;
  background-color: #152734;
}

.before-start:before {
  top: 0.3em;
  transform: translate(0) rotate(45deg);
}

.header {
  position: relative;
  z-index: 10;
  box-shadow: 0px 0px 20px 0px rgba(167, 174, 186, 0.16);
}
@media (min-width: 1280px) {
  .header {
    box-shadow: none;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1440px) {
  .header {
    padding-right: 11.2rem;
    padding-left: 11.2rem;
  }
}
.header__fader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
.header__main {
  padding: 0.7rem 0 0.5rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .header__main {
    padding: 1.2rem 0;
  }
}
.header__logo {
  max-width: 13.6rem;
  width: 100%;
}
.header__logo a {
  display: block;
}
.header__logo a img,
.header__logo a svg {
  width: 100%;
  height: auto;
}
.header__contact ul {
  padding: 0;
  margin: 0;
}
@media (max-width: 1024px) {
  .header__contact > ul {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__contact .header__btn {
    display: none;
  }
}
.header__contact li {
  padding-left: 0;
  margin: 0 0 0 3rem;
}
.header__contact li:before {
  display: none;
}
.header__contact a:not(.btn):not(.single-transformers__tab-btn) {
  text-decoration: none;
}
@media (min-width: 1025px) {
  .header__contact a:not(.btn):not(.single-transformers__tab-btn) {
    color: #1D1D1F;
  }
}
.header__contact a:not(.btn):not(.single-transformers__tab-btn) img,
.header__contact a:not(.btn):not(.single-transformers__tab-btn) svg {
  max-width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  margin-right: 0.5rem;
}
.header__contact--formobile {
  display: block;
  margin-top: 3rem;
}
@media (min-width: 1025px) {
  .header__contact--formobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__contact--formobile .header__btn {
    display: block;
  }
}
.header__contact--formobile ul {
  display: block;
}
.header__contact--formobile ul li {
  margin: 1rem 0 0 0;
}
.header__contact--formobile ul a {
  color: #F9F9FA;
}
.header__contact--formobile ul a svg,
.header__contact--formobile ul a img {
  filter: brightness(0) saturate(100%) invert(98%) sepia(3%) saturate(46%) hue-rotate(201deg) brightness(100%) contrast(98%);
}
.header__btn {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .header__btn {
    margin-left: 2.5rem;
    margin-top: 0;
  }
}
.header__btn .btn, .header__btn .single-transformers__tab-btn {
  padding: 0.9rem 3rem;
  font-weight: normal;
  min-height: 4.7rem;
  width: 100%;
}
@media (min-width: 768px) {
  .header__btn .btn, .header__btn .single-transformers__tab-btn {
    width: unset;
  }
}
.header__lang {
  position: relative;
  margin-left: 2rem;
  z-index: 5;
}
@media (min-width: 1025px) {
  .header__lang:hover:after {
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .header__lang:hover .header__lang-dropdown {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1025px) {
  .header__lang:hover .header__lang-head:after {
    transform: translateY(-50%) rotate(180deg);
  }
}
.header__lang:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1rem;
  opacity: 0;
}
.header__lang--active:after {
  opacity: 1;
}
.header__lang--active .header__lang-dropdown {
  opacity: 1;
  visibility: visible;
}
.header__lang--active .header__lang-head:after {
  transform: translateY(-50%) rotate(180deg);
}
.header__lang-head {
  padding-right: 2rem;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.header__lang-head:after {
  position: absolute;
  content: "";
  color: rgba(0, 0, 0, 0);
  width: 1.6rem;
  height: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-image: url(./assets/img/icons/select.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: 0.3s all;
}
.header__icon {
  max-width: 2.2rem;
  min-width: 2.2rem;
  width: 100%;
}
.header__icon img,
.header__icon svg {
  width: 100%;
  height: auto;
}
.header__lang-dropdown {
  position: absolute;
  top: calc(100% + 1rem);
  left: -1rem;
  box-shadow: 0px 24px 20px 0px rgba(167, 174, 186, 0.16);
  background-color: #ffffff;
  border-radius: 1rem;
  margin: 0;
  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.header__lang-dropdown li {
  padding: 0;
  margin: 0;
}
.header__lang-dropdown li a {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: block;
}
.header__lang-dropdown li a:hover {
  background-color: rgba(225, 114, 53, 0.1);
}
.header__lang-dropdown li img,
.header__lang-dropdown li svg {
  margin: 0;
}
.header__nav {
  position: relative;
  padding: 2.8rem 2.4rem 2.8rem 0;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .header__nav {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 50rem;
    width: 100%;
    height: 100vh;
    z-index: 10;
    background-color: #152734;
    box-sizing: border-box;
    padding: 2rem 4rem;
    overflow-y: auto;
    transform: translateX(120%);
    transition: 0.5s all;
  }
}
@media (max-width: 639px) {
  .header__nav {
    padding: 1rem 1.6rem 6rem;
  }
}
.header__nav:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  background-color: #152734;
  z-index: 11;
  display: none;
}
@media (min-width: 1280px) {
  .header__nav:before {
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    height: 100%;
    z-index: -1;
    display: block;
  }
}
.header__menu {
  margin: 0;
  padding: 0;
}
.header__menu li {
  margin-top: 3rem;
  padding-left: 0;
}
@media (max-width: 375px) {
  .header__menu li {
    font-size: 2rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .header__menu li {
    font-size: calc(2rem + 4 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .header__menu li {
    font-size: 2.4rem;
  }
}
@media (min-width: 1280px) {
  .header__menu li {
    margin: 0 3rem 0 0;
  }
}
@media (min-width: 1280px) and (max-width: 375px) {
  .header__menu li {
    font-size: 1.5rem;
  }
}
@media (min-width: 1280px) and (min-width: 376px) and (max-width: 1440px) {
  .header__menu li {
    font-size: calc(1.5rem + 1 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1280px) and (min-width: 1441px) {
  .header__menu li {
    font-size: 1.6rem;
  }
}
.header__menu li:before {
  display: none;
}
@media (min-width: 1280px) {
  .header__menu li:hover:before {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1280px) {
  .header__menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s, 0s;
  }
}
@media (min-width: 1280px) {
  .header__menu li:hover > ul * {
    transition: 0.3s all !important;
  }
}
.header__menu ul {
  margin: 0;
  padding: 0;
}
.header__item a,
.header .menu-item a {
  color: #F9F9FA;
  text-decoration: none;
}
.header__item--has-submenu,
.header .menu-item-has-children {
  padding-right: 3.2rem;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .header__item--has-submenu,
  .header .menu-item-has-children {
    padding-right: 1.8rem;
  }
}
.header__item--has-submenu:after,
.header .menu-item-has-children:after {
  display: block;
  position: absolute;
  content: "/";
  color: rgba(0, 0, 0, 0);
  width: 1.6rem;
  top: 0;
  right: 0;
  background-image: url(./assets/img/icons/select.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: 0.3s all;
  filter: brightness(0) invert(1);
}
@media (min-width: 1280px) {
  .header__item--has-submenu:before,
  .header .menu-item-has-children:before {
    display: block !important;
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 42rem;
    height: 5rem;
    border-radius: 0;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transform: rotate(0);
    z-index: 4;
  }
}
.header__item--has-submenu ul,
.header .menu-item-has-children ul {
  box-sizing: border-box;
  z-index: 5;
  padding-top: 1rem;
  display: none;
}
@media (min-width: 1280px) {
  .header__item--has-submenu ul,
  .header .menu-item-has-children ul {
    background-color: #ffffff;
    padding: 3rem 0;
    position: absolute;
    top: calc(100% + 3.8rem);
    opacity: 0;
    visibility: hidden;
    width: 42rem;
    box-shadow: 0px 24px 20px 0px rgba(167, 174, 186, 0.16);
    border-radius: 1.6rem;
    display: block;
    transition-property: opacity, visibility;
    transition-duration: 0.2s, 0s;
    transition-delay: 0s, 0.2s;
  }
}
@media (min-width: 1280px) {
  .header__item--has-submenu ul *,
  .header .menu-item-has-children ul * {
    transition: none !important;
  }
}
.header__item--has-submenu ul li,
.header .menu-item-has-children ul li {
  padding: 0;
  margin: 0;
  position: relative;
}
.header__item--has-submenu ul li:after,
.header .menu-item-has-children ul li:after {
  background-image: url(./assets/img/icons/breadcrumbs-arrow.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  filter: unset;
  top: 50%;
  transform: translateY(-50%);
  right: 4rem;
  width: 2.4rem;
  height: 2.4rem;
}
@media (max-width: 1279px) {
  .header__item--has-submenu ul li:after,
  .header .menu-item-has-children ul li:after {
    display: none;
  }
}
.header__item--has-submenu ul li .sub-menu,
.header .menu-item-has-children ul li .sub-menu {
  display: block !important;
}
.header__item--has-submenu ul a,
.header .menu-item-has-children ul a {
  display: block;
  padding: 0.5rem 1.5rem;
  box-sizing: border-box;
}
@media (min-width: 1280px) {
  .header__item--has-submenu ul a,
  .header .menu-item-has-children ul a {
    color: #1D1D1F;
    padding: 1rem 4rem;
  }
}
.header__item--has-submenu ul a:hover,
.header .menu-item-has-children ul a:hover {
  text-decoration: underline;
  color: #E17235;
}
.header__item--has-submenu ul .sub-menu,
.header .menu-item-has-children ul .sub-menu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header__item--has-submenu ul .sub-menu:before,
.header .menu-item-has-children ul .sub-menu:before {
  display: none;
}
.header__item--has-submenu ul ul,
.header .menu-item-has-children ul ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 1280px) {
  .header__item--has-submenu ul ul,
  .header .menu-item-has-children ul ul {
    top: -1rem;
    left: 100%;
    min-height: unset;
    width: unset;
    padding: 1rem;
  }
}
.header__item--has-submenu ul ul a,
.header .menu-item-has-children ul ul a {
  padding: 0.5rem 3rem;
}
@media (min-width: 1280px) {
  .header__item--has-submenu ul ul a,
  .header .menu-item-has-children ul ul a {
    padding: 1rem 2rem;
  }
}
.header__item--has-submenu > ul:before,
.header .menu-item-has-children > ul:before {
  position: absolute;
  content: "";
  top: 0;
  left: 25%;
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
  transform: translateY(-40%) rotate(45deg);
  display: none;
}
@media (min-width: 1280px) {
  .header__item--has-submenu > ul:before,
  .header .menu-item-has-children > ul:before {
    display: block;
  }
}
.header__item--has-submenu.opened:after,
.header .menu-item-has-children.opened:after {
  transform: rotate(180deg);
}
@media (min-width: 1280px) {
  .header__search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: 0.3s 0.3s all;
    z-index: 4;
    width: 24px;
  }
}
.header__search.opened {
  width: 100%;
  transition: 0.3s all;
}
.header__search.opened .field {
  width: 100%;
}
.header__search.opened .field input {
  opacity: 1;
}
.header__search button {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: block;
}
.header__search button:before {
  position: absolute;
  content: "";
  color: rgba(0, 0, 0, 0);
  width: 2.4rem;
  height: 2.4rem;
  top: 0;
  right: 0;
  background-image: url(./assets/img/icons/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.header__search form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.header__search form .field {
  width: 100%;
  transition: 0.3s all;
  padding-right: 1rem;
  box-sizing: border-box;
}
@media (min-width: 1280px) {
  .header__search form .field {
    width: 0%;
  }
}
.header__search form .field input {
  min-height: unset;
  border: none;
  transition: 0.3s all;
}
@media (min-width: 1280px) {
  .header__search form .field input {
    opacity: 0;
  }
}
.header__close {
  width: 2.4rem;
  min-height: 3.2rem;
  position: relative;
  cursor: pointer;
  margin-left: auto;
  margin-bottom: 2rem;
}
@media (min-width: 640px) {
  .header__close {
    width: 3.2rem;
  }
}
@media (min-width: 1280px) {
  .header__close {
    display: none;
  }
}
.header__close:before, .header__close:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 100%;
  height: 2px;
  background-color: #F9F9FA;
}
.header__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header__burger {
  width: 2.4rem;
  height: 3.2rem;
  position: relative;
  cursor: pointer;
  margin-left: 2rem;
}
@media (min-width: 640px) {
  .header__burger {
    width: 3.2rem;
    height: 3.2rem;
  }
}
@media (min-width: 1280px) {
  .header__burger {
    display: none;
  }
}
.header__burger span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #152734;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s all;
}
.header__burger span:nth-child(1) {
  transform: translate(-50%, calc(-150% - 6px));
}
.header__burger span:nth-child(2) {
  transform: translate(-50%, calc(50% + 6px));
}
.header--menu-opened:before {
  transform: translate(0);
}
.header--menu-opened .header__fader {
  opacity: 1;
  visibility: visible;
}
.header--menu-opened .header__nav {
  transform: translateX(0);
}

.hero {
  background-color: #152734;
  padding: 0;
  color: #F5F5F7;
  position: relative;
  max-width: 100%;
}
.hero .slick-track {
  display: flex;
}
.hero .slick-track .slick-slide {
  height: auto;
}
.hero .slick-track img[data-src] {
  opacity: 1;
}
.hero + .breadcrumbs {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .hero + .breadcrumbs {
    margin-top: 3rem;
  }
}
.hero .breadcrumbs {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .hero .breadcrumbs {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
}
.hero .breadcrumbs ul {
  width: 100%;
}
@media (min-width: 768px) {
  .hero .breadcrumbs ul {
    width: 55%;
  }
}
@media (min-width: 1280px) {
  .hero .breadcrumbs ul {
    width: 60%;
  }
}
@media (min-width: 1441px) {
  .hero .breadcrumbs ul {
    width: 53%;
  }
}
.hero .breadcrumbs li {
  color: #F5F5F7;
}
.hero .breadcrumbs li a {
  color: #F5F5F7;
}
.hero .breadcrumbs li a:hover {
  color: #E17235;
}
.hero .breadcrumbs li:after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(23%) saturate(5072%) hue-rotate(189deg) brightness(114%) contrast(93%);
}
.hero__slider {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.hero__slider .hero__slide {
  min-width: 100%;
}
.hero__slide {
  position: relative;
  min-height: 34.8vw !important;
}
@media (min-width: 1441px) {
  .hero__slide {
    min-height: 50.1rem !important;
  }
}
@media (min-width: 768px) {
  .hero__slide p {
    max-width: 49.3rem;
  }
}
.hero__wrapper {
  min-height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero__wrapper {
    display: flex !important;
    flex-direction: column;
  }
}
.hero__bg {
  width: 100%;
}
@media (min-width: 768px) {
  .hero__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
  }
}
@media (max-width: 767px) {
  .hero__bg {
    position: relative;
    width: 100vw;
    left: -4rem;
    height: 62vw;
  }
}
@media (max-width: 639px) {
  .hero__bg {
    left: -1.6rem;
  }
}
@media (min-width: 640px) {
  .hero__bg:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 30%;
    height: 200%;
    background-color: #152734;
    transform: translate(-50%, -50%) rotate(18deg);
  }
}
.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .hero__bg img {
    object-position: right;
  }
}
@media (min-width: 1441px) {
  .hero__bg img {
    object-position: left;
  }
}
.hero__content {
  padding: 3rem 0;
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .hero__content {
    padding: 11.5rem 0;
    width: 45.5%;
  }
}
@media (max-width: 767px) {
  .hero__content {
    flex: 1 1 auto;
  }
}
.hero__content > ul {
  padding-left: 0;
  margin: 2rem 0 0 0;
}
.hero__content > ul li {
  padding: 0;
}
.hero__content > ul li:before {
  display: none;
}
.hero__content > ul li img, .hero__content > ul li svg {
  max-width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  margin-right: 1rem;
}
.hero__content .share-box {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .hero__content .share-box {
    margin-top: 4rem;
  }
}
.hero__content p a {
  font-weight: 600;
}
.hero .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2rem;
  z-index: 3;
}
.hero.init-slick .hero__slider {
  display: block;
  flex-wrap: unset;
}
.hero.init-slick .hero__slider .hero__slide {
  min-width: unset;
}
.hero__btn {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .hero__btn {
    margin-top: 4rem;
  }
}
.hero__btn .btn, .hero__btn .single-transformers__tab-btn {
  min-height: 44px;
}
@media (min-width: 640px) {
  .hero__btn .btn, .hero__btn .single-transformers__tab-btn {
    padding: 8px 34px;
    min-height: 54px;
  }
}

.hero-single {
  background-color: #152734;
  color: #F5F5F7;
  position: relative;
  max-width: 100%;
  padding: 0;
  min-height: 34.8vw !important;
  overflow: hidden;
}
@media (min-width: 1441px) {
  .hero-single {
    min-height: 50.1rem !important;
  }
}
.hero-single:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #152734;
}
.hero-single + .breadcrumbs {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .hero-single + .breadcrumbs {
    margin-top: 3rem;
  }
}
.hero-single .breadcrumbs {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .hero-single .breadcrumbs {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
}
.hero-single .breadcrumbs ul {
  width: 100%;
}
@media (min-width: 768px) {
  .hero-single .breadcrumbs ul {
    width: 55%;
  }
}
@media (min-width: 1280px) {
  .hero-single .breadcrumbs ul {
    width: 60%;
  }
}
@media (min-width: 1441px) {
  .hero-single .breadcrumbs ul {
    width: 53%;
  }
}
.hero-single .breadcrumbs li {
  color: #F5F5F7;
}
.hero-single .breadcrumbs li a {
  color: #F5F5F7;
}
.hero-single .breadcrumbs li a:hover {
  color: #E17235;
}
.hero-single .breadcrumbs li:after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(23%) saturate(5072%) hue-rotate(189deg) brightness(114%) contrast(93%);
}
.hero-single__wrapper {
  min-height: 100%;
}
.hero-single__content {
  padding: 3rem 0;
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .hero-single__content {
    padding: 7.3rem 0;
    width: 45.5%;
  }
}
@media (max-width: 767px) {
  .hero-single__content {
    flex: 1 1 auto;
  }
}
.hero-single__content > ul {
  padding-left: 0;
  margin: 2rem 0 0 0;
}
.hero-single__content > ul li {
  padding: 0;
}
.hero-single__content > ul li:before {
  display: none;
}
.hero-single__content > ul li img, .hero-single__content > ul li svg {
  max-width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  margin-right: 1rem;
}
.hero-single__content .share-box {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .hero-single__content .share-box {
    margin-top: 4rem;
  }
}
.hero-single__content p a {
  font-weight: 600;
}
.hero-single__bg {
  width: 100%;
}
@media (min-width: 768px) {
  .hero-single__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
  }
}
@media (max-width: 767px) {
  .hero-single__bg {
    position: relative;
    width: 100vw;
    left: -4rem;
    height: 62vw;
  }
}
@media (max-width: 639px) {
  .hero-single__bg {
    left: -1.6rem;
  }
}
.hero-single__bg:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 30%;
  height: 200%;
  background-color: #152734;
  transform: translate(-50%, -50%) rotate(18deg);
  display: none;
}
@media (min-width: 768px) {
  .hero-single__bg:before {
    display: block;
  }
}
.hero-single__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
@media (min-width: 768px) {
  .hero-single__bg img {
    object-position: 45%;
  }
}
@media (min-width: 1025px) {
  .hero-single__bg img {
    object-position: center;
  }
}
@media (min-width: 1441px) {
  .hero-single__bg img {
    object-position: left;
  }
}
.hero-single__btn {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .hero-single__btn {
    margin-top: 4rem;
  }
}
.hero-single__btn .btn, .hero-single__btn .single-transformers__tab-btn {
  min-height: 44px;
}
@media (min-width: 640px) {
  .hero-single__btn .btn, .hero-single__btn .single-transformers__tab-btn {
    padding: 8px 34px;
    min-height: 54px;
  }
}

.share-box {
  padding: 1.3rem 1.9rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0);
  color: #1D1D1F;
  border: 1px solid #152734;
  white-space: nowrap;
}
.share-box ul {
  padding-left: 0;
  margin: 0 0 0 1rem;
}
.share-box ul li {
  padding: 0;
  margin: 0 0 0 1rem;
}
.share-box ul li:before {
  display: none;
}
.share-box ul li a {
  display: block;
  min-width: 3.2rem;
  max-width: 3.2rem;
}
.share-box ul li a img, .share-box ul li a svg {
  width: 100%;
  height: auto;
}
.share-box--ondark-bg {
  border-color: #E17235;
  color: #F5F5F7;
}

.breadcrumbs {
  margin: 0 auto;
  padding: 0.5rem 1.6rem;
  box-sizing: border-box;
  max-width: 1440px;
  width: 100%;
}
@media (min-width: 640px) {
  .breadcrumbs {
    padding: 0.5rem 4rem;
  }
}
@media (min-width: 1280px) {
  .breadcrumbs {
    padding: 0.5rem 11.2rem;
  }
}
.breadcrumbs ul {
  padding: 0;
  margin: 0;
}
.breadcrumbs li {
  margin: 0.4rem 0;
  padding-left: 0;
  color: #1D1D1F;
}
@media (max-width: 375px) {
  .breadcrumbs li {
    font-size: 1.2rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .breadcrumbs li {
    font-size: calc(1.2rem + 4 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .breadcrumbs li {
    font-size: 1.6rem;
  }
}
.breadcrumbs li a {
  color: #1D1D1F;
  display: block;
}
.breadcrumbs li a:hover {
  color: #E17235;
  text-decoration: none;
}
.breadcrumbs li:before {
  display: none;
}
.breadcrumbs li:not(:last-child) {
  padding-right: 2rem;
  margin-right: 0.5rem;
}
@media (min-width: 640px) {
  .breadcrumbs li:not(:last-child) {
    padding-right: 3.1rem;
    margin-right: 1rem;
  }
}
.breadcrumbs li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./assets/img/icons/breadcrumbs-arrow.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 640px) {
  .breadcrumbs li:not(:last-child):after {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.block-components {
  margin: 3rem auto;
}
@media (min-width: 640px) {
  .block-components {
    margin: 0 auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.block-components .block-components {
  position: relative;
  left: -1.6rem;
}
@media (min-width: 640px) {
  .block-components .block-components {
    left: -4rem;
  }
}
@media (min-width: 1280px) {
  .block-components .block-components {
    padding-right: 11.2rem;
    left: -11.2rem;
  }
}
@media (max-width: 639px) {
  .block-components .block-components {
    left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.block-components h1 + h2 {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .block-components h1 + h2 {
    margin-top: 4rem;
  }
}
@media (min-width: 640px) {
  .block-components > h2 {
    padding: 1rem 0;
  }
}
.block-components a {
  color: inherit;
  text-decoration: underline;
}
.block-components a:hover {
  color: #E17235;
}
.block-components .download {
  text-decoration: none;
}
.block-components p mark {
  font-weight: 600;
}
.block-components p mark a:only-child {
  text-decoration: none;
}
.block-components strong {
  font-weight: 600;
  color: #C8102E;
}
.block-components h6 {
  font-weight: normal;
}
.block-components p img {
  width: 100%;
}
.block-components p + ul {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .block-components p + ul {
    margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .block-components > ul, .block-components > ol {
    column-count: 2;
    column-gap: 2.8rem;
  }
}
.block-components > ul li, .block-components > ol li {
  break-inside: avoid-column;
}
.block-components > ol {
  padding: 0;
}
.block-components > ol li {
  display: grid;
  grid-template-columns: auto minmax(auto, 100%);
}
.block-components > ol li:before {
  grid-row: span 2;
}
@media (min-width: 768px) {
  .block-components > ol li:before {
    min-width: 3.3rem;
  }
}
.block-components > ol h6 {
  font-weight: 600;
}
.block-components > ol h6 + p {
  margin-top: 0.6rem;
}
.block-components ul li {
  line-height: 1.3;
}
.block-components ul + ul {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .block-components ul + ul {
    margin-top: 3rem;
  }
}
.block-components h4 + ol {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .block-components h4 + ol {
    margin-top: 4rem;
  }
}
.block-components table {
  width: 100%;
  margin-top: 4rem;
}
.block-components table td,
.block-components table th {
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
@media (max-width: 639px) {
  .block-components table td,
  .block-components table th {
    font-size: 1.3rem;
    padding: 0.8rem 0.6rem;
  }
}
@media (max-width: 639px) {
  .block-components table td:nth-child(1), .block-components table td:nth-child(3),
  .block-components table th:nth-child(1),
  .block-components table th:nth-child(3) {
    word-break: break-all;
  }
}
.block-components table td strong,
.block-components table th strong {
  color: #E17235;
}
.block-components__flex {
  margin: 2rem -1.6rem -2rem;
}
.block-components__flex:first-child {
  margin: -2rem -1.6rem;
}
.block-components__flex > ul {
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 1025px) {
  .block-components__flex > ul {
    margin-top: 0;
    width: calc(50% - 1.6rem);
  }
}
.block-components__flex > ul:first-child {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
@media (min-width: 1025px) {
  .block-components__flex > ul:first-child {
    margin-left: 1.6rem;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .block-components__flex > ul:first-child {
    margin-bottom: 0;
  }
}
.block-components__flex > ul:last-child {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
@media (min-width: 1025px) {
  .block-components__flex > ul:last-child {
    margin-right: 1.6rem;
    margin-left: 0;
    margin-top: 0;
  }
}
.block-components__title {
  text-align: center;
  max-width: 88.4rem;
  margin: 0 auto 5rem;
}
@media (min-width: 1025px) {
  .block-components__title {
    margin: 0 auto 7rem;
  }
}
.block-components__title + .block-components__flex {
  margin: -2rem -1.6rem;
}
.block-components__title p {
  margin-top: 2.5rem;
}
.block-components__title h2 {
  color: #152734;
  font-weight: 700;
}
.block-components__title h2 small {
  margin-bottom: 1rem;
  line-height: 1.7;
  color: #E17235;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  .block-components__column {
    column-count: 2;
    column-gap: 3.4rem;
    margin-top: 4rem;
  }
}
.block-components__download {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .block-components__download {
    margin-top: 0;
    margin-bottom: 4rem;
    break-inside: avoid-column;
  }
}
@media (min-width: 640px) {
  .block-components__search {
    min-height: 48rem;
  }
}
.block-components__search li {
  margin-top: 1rem;
}
@media (min-width: 640px) {
  .block-components__search li {
    margin-top: 2rem;
  }
}
.block-components__search li a {
  text-decoration: none;
}
.block-components__search ul {
  padding-left: 0;
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .block-components__search ul {
    margin-top: 4rem;
  }
}
.block-components__accordions:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .block-components__accordions:not(:first-child) {
    margin-top: 4rem;
  }
}
.block-components--light-bg {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 640px) {
  .block-components--light-bg {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.block-components--light-bg:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #F3F8FB;
}
.block-components--without-pb {
  padding-bottom: 0;
}
.block-components--head-color-primary > h2 {
  color: #152734;
}
.block-components--small-padding {
  margin: 2rem auto;
}
@media (min-width: 640px) {
  .block-components--small-padding {
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.block-components--large-margin {
  margin: 6rem auto;
}
@media (min-width: 640px) {
  .block-components--large-margin {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .block-components--large-margin {
    margin: 15rem auto;
  }
}
.block-components--with-paddings {
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .block-components--with-paddings {
    margin: 0 auto;
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}

.row-card {
  margin: 2rem 1.6rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .row-card {
    width: calc(50% - 3.2rem);
  }
}
.row-card:only-child {
  width: 100%;
}
@media (max-width: 767px) {
  .row-card:only-child .row-card__row {
    display: block;
  }
}
.row-card:only-child .row-card__image {
  width: 100%;
}
@media (min-width: 768px) {
  .row-card:only-child .row-card__image {
    width: 48.6%;
  }
}
.row-card:only-child .row-card__content {
  width: 100%;
}
@media (min-width: 768px) {
  .row-card:only-child .row-card__content {
    width: 51.4%;
  }
}
@media (max-width: 767px) {
  .row-card:only-child .row-card__content {
    padding-left: 0;
    margin-top: 3rem;
  }
}
.row-card h2 {
  color: #1D1D1F;
}
@media (min-width: 1024px) and (max-width: 1279px) and (max-width: 375px) {
  .row-card h2 {
    font-size: 2.8rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) and (min-width: 376px) and (max-width: 1440px) {
  .row-card h2 {
    font-size: calc(2.8rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1024px) and (max-width: 1279px) and (min-width: 1441px) {
  .row-card h2 {
    font-size: 3rem;
  }
}
.row-card__row {
  margin-top: 2rem;
}
@media (min-width: 1025px) {
  .row-card__row {
    margin-top: 3rem;
  }
}
.row-card__row--reversed {
  flex-direction: row-reverse;
  column-gap: 4rem;
}
.row-card__row--reversed .row-card__content {
  padding-left: 0;
}
.row-card__image {
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .row-card__image {
    width: 40%;
    height: 100%;
  }
}
.row-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.row-card__content {
  margin-top: 2rem;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .row-card__content {
    width: 60%;
    padding-left: 3rem;
    margin-top: 0;
  }
}
.column-card {
  margin: 2rem 1.6rem;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #E7F0FF;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .column-card {
    width: calc(50% - 3.2rem);
  }
}
.column-card h3 {
  font-weight: 700;
}
@media (max-width: 375px) {
  .column-card h3 {
    font-size: 2.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .column-card h3 {
    font-size: calc(2.6rem + 3 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .column-card h3 {
    font-size: 2.9rem;
  }
}
.column-card__poster {
  position: relative;
  width: 100%;
  height: 0;
  box-sizing: border-box;
  padding-bottom: 50%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.column-card__poster img {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.column-card__content {
  padding: 3rem 2rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .column-card__content {
    padding: 4rem 3.5rem;
  }
}
.column-card__content p {
  margin-top: 1rem;
  color: #1D1D1F;
}

.form {
  position: relative;
  margin-top: 3rem;
}
@media (min-width: 640px) {
  .form {
    margin-top: 4rem;
  }
}
.form .wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}
.form form {
  display: grid;
  gap: 2rem;
}
@media (min-width: 640px) {
  .form form {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 3.2rem;
  }
}
@media (min-width: 640px) {
  .form form .field {
    grid-column: span 2;
  }
}
@media (min-width: 640px) {
  .form form .field--half {
    grid-column: span 1;
  }
}
.form .wpcf7-not-valid-tip {
  display: none;
  margin-top: 0.4rem;
  color: #C8102E;
}
.form [aria-invalid=true] + .wpcf7-not-valid-tip {
  display: block;
}
.form .field select {
  margin-top: 0.5rem;
  position: relative;
  -webkit-appearance: none;
  background-image: url(./assets/img/icons/select.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px auto;
}
.form .field--select {
  display: block;
  background-color: transparent;
  border: none;
}
.form .wpcf7-checkbox {
  margin-top: 1rem;
  display: block;
}
@media (min-width: 640px) {
  .form .wpcf7-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
}
.form .wpcf7-checkbox .wpcf7-list-item {
  margin: 1rem 0;
  display: block;
}
@media (min-width: 640px) {
  .form .wpcf7-checkbox .wpcf7-list-item {
    margin: 0.5rem 3rem 0.5rem 0;
  }
}
.form .wpcf7-checkbox .wpcf7-list-item:last-child {
  margin-right: 0rem;
}
.form .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.form .wpcf7-checkbox label input {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  border: 1px solid #1D1D1F;
  background-color: transparent;
  min-height: unset;
  -webkit-appearance: none;
  padding: 0;
}
.form .wpcf7-checkbox label input:checked {
  border-color: #E17235;
  background-color: #E17235;
  background-image: url(./assets/img/icons/check.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form .wpcf7-checkbox label span {
  display: block;
  margin-left: 1rem;
}
.form button[type=submit] {
  margin-top: 0.8rem;
  max-width: 27.3rem;
  width: 100%;
}
.form .wpcf7-response-output {
  display: none;
  color: #C8102E;
}
@media (min-width: 640px) {
  .form .wpcf7-response-output {
    grid-column: span 2;
  }
}
.form [data-status=invalid] .wpcf7-response-output {
  display: block;
}
.form [data-status=sent] .wpcf7-response-output {
  color: #14AE5C;
  display: block;
}

.card {
  padding: 3rem;
  box-sizing: border-box;
  background-color: #152734;
  border-radius: 1rem;
  text-align: center;
  color: #F5F5F7;
  margin: 1rem 1.6rem;
  width: 100%;
}
@media (min-width: 768px) {
  .card {
    width: calc(50% - 3.2rem);
    padding: 4rem;
    margin: 2rem 1.6rem;
  }
}
@media (min-width: 1025px) {
  .card {
    width: calc(33.3333333333% - 3.2rem);
    min-height: 27rem;
  }
}
.card p {
  margin-top: 2rem;
}
.card h6 {
  font-weight: 700;
  margin-top: 1rem;
}
.card h6 + p {
  margin-top: 1.5rem;
}
.card__icon {
  max-width: 8rem;
  width: 100%;
  margin: 0 auto;
}
.card__icon img, .card__icon svg {
  width: 100%;
  height: auto;
}
.card--not-fill {
  padding: 1.5rem 0;
  background-color: transparent;
  color: #1D1D1F;
}
@media (min-width: 768px) {
  .card--not-fill {
    padding: 0;
  }
}
.card--not-fill .card__icon {
  max-width: 13.6rem;
  min-width: 13.6rem;
  height: 13.6rem;
  border-radius: 50%;
  padding: 3.5rem;
  box-sizing: border-box;
  border: 1px solid #E6F1F7;
  position: relative;
}
.card--not-fill .card__icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11.7rem;
  height: 11.7rem;
  border: 1px solid #E6F1F7;
  border-radius: 50%;
  box-sizing: border-box;
}

.download {
  padding: 2rem 2rem 1.2rem;
  box-sizing: border-box;
  border: 1px solid #152734;
  border-radius: 1rem;
  color: #1D1D1F;
  text-decoration: none;
  margin-top: 2rem;
}
.download:hover {
  text-decoration: none;
  color: #1D1D1F;
}
.download:hover .download__name {
  color: #E17235;
}
.download:hover .download__size {
  color: #152734;
}
.download__content {
  text-decoration: none;
}
.download__name {
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s all;
}
.download__size {
  margin-top: 1.2rem;
  color: #777779;
  line-height: 1.3;
  transition: 0.3s all;
  text-decoration: none;
  font-weight: 500;
}
.download__icon {
  max-width: 2.4rem;
  min-width: 2.4rem;
  margin-left: 1rem;
}
.download__icon img, .download__icon svg {
  height: auto;
  width: 100%;
}

.accordion {
  padding: 1.6rem;
  box-sizing: border-box;
  border: 1px solid #152734;
  border-radius: 1rem;
  max-width: 90rem;
  width: 100%;
  color: #152734;
}
@media (min-width: 640px) {
  .accordion {
    padding: 2rem;
  }
}
.accordion + .accordion {
  margin-top: 1.6rem;
}
@media (min-width: 640px) {
  .accordion + .accordion {
    margin-top: 3rem;
  }
}
.accordion__head {
  cursor: pointer;
  padding: 1.6rem;
  margin: -1.6rem;
}
@media (min-width: 640px) {
  .accordion__head {
    padding: 2rem;
    margin: -2rem;
  }
}
.accordion__head h6 {
  font-weight: 500;
  line-height: 1.3;
}
.accordion__head button {
  max-width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  margin-left: 1rem;
  transition: 0.3s all;
}
.accordion__head button img, .accordion__head button svg {
  width: 100%;
  height: auto;
}
.accordion__head.opened button {
  transform: rotate(180deg);
}
.accordion__content {
  padding-top: 1.2rem;
  box-sizing: border-box;
  display: none;
}
@media (max-width: 375px) {
  .accordion__content p:before, .accordion__content li:before {
    font-size: 1.8rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .accordion__content p:before, .accordion__content li:before {
    font-size: calc(1.8rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .accordion__content p:before, .accordion__content li:before {
    font-size: 2rem;
  }
}
.accordion__content p + p, .accordion__content p + ul, .accordion__content p + ol {
  margin-top: 2rem;
}
.accordion__content li,
.accordion__content ul,
.accordion__content ol {
  margin-top: 2rem;
}
.accordion__content li + p,
.accordion__content ul + p,
.accordion__content ol + p {
  margin-top: 2rem;
}
.accordion__content .accordion {
  border: none;
  border-radius: 0;
  padding: 0;
}
@media (min-width: 640px) {
  .accordion__content .accordion {
    padding: 0 0 0 2rem;
  }
}
.accordion__content .accordion .accordion__content {
  padding-left: 3.4rem;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .accordion__content .accordion .accordion__content {
    padding-left: 4.4rem;
  }
}
.accordion__content .accordion + .accordion {
  margin: 0;
  padding-top: 2rem;
}
.accordion__content .accordion__head {
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0rem;
  margin: 0rem;
}
.accordion__content .accordion__head h6 {
  word-break: break-all;
}
.accordion__content .accordion__head button {
  position: relative;
  margin-left: 0;
  margin-right: 1rem;
}
@media (min-width: 640px) {
  .accordion__content .accordion__head button {
    margin-right: 2rem;
  }
}
.accordion__content .accordion__head button:before, .accordion__content .accordion__head button:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./assets/img/icons/show.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: 0.3s all;
}
.accordion__content .accordion__head button::after {
  background-image: url(./assets/img/icons/hide.svg);
  opacity: 0;
}
.accordion__content .accordion__head button img, .accordion__content .accordion__head button svg {
  display: none;
}
.accordion__content .accordion__head.opened button {
  transform: rotate(0deg);
}
.accordion__content .accordion__head.opened button:before {
  opacity: 0;
}
.accordion__content .accordion__head.opened button:after {
  opacity: 1;
}

.grid-columns {
  margin: 3rem auto;
}
@media (min-width: 768px) {
  .grid-columns {
    margin: 4rem auto;
  }
}
@media (min-width: 1025px) {
  .grid-columns {
    margin: 15rem auto;
  }
}
.grid-columns__grid {
  gap: 2rem;
}
@media (min-width: 768px) {
  .grid-columns__grid {
    gap: 4rem 3.2rem;
  }
}
@media (min-width: 1025px) {
  .grid-columns__grid {
    gap: 6rem 3.2rem;
  }
}
.grid-columns__load-more {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .grid-columns__load-more {
    margin-top: 6rem;
  }
}
.grid-columns__load-more .btn, .grid-columns__load-more .single-transformers__tab-btn {
  max-width: 38.4rem;
  width: 100%;
}

.article {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  transition: 0.3s all;
  position: relative;
}
.article > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.article:hover {
  box-shadow: 8px 8px 16px 0px rgba(153, 86, 86, 0.08);
}
.article:hover .article__poster {
  box-shadow: none;
}
.article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a {
  color: #1D1D1F;
}
.article h2 a:hover, .article h3 a:hover, .article h4 a:hover, .article h5 a:hover, .article h6 a:hover {
  text-decoration: none;
  color: #1D1D1F;
}
.article__poster {
  width: 100%;
  height: 0;
  padding-bottom: 78%;
  position: relative;
  border-radius: 10px;
  box-shadow: 8px 8px 16px 0px rgba(153, 86, 86, 0.08);
  transition: 0.3s all;
}
.article__poster img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.article__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .article__content {
    padding: 3rem 2rem;
  }
}
.article__content p {
  margin-top: 1.6rem;
  color: #636366;
}
.article__time {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  z-index: 2;
  padding: 0.8rem 1.6rem;
  box-sizing: border-box;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #70707A;
  text-align: center;
  border-radius: 1rem;
  background-color: #F4F4F5;
}
@media (max-width: 375px) {
  .article__time {
    font-size: 1.3rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .article__time {
    font-size: calc(1.3rem + 1 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .article__time {
    font-size: 1.4rem;
  }
}
.article__btn {
  margin-top: 1.6rem;
  font-weight: 600;
  line-height: 1.55;
  color: #1C1C1E;
}
@media (max-width: 375px) {
  .article__btn {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .article__btn {
    font-size: calc(1.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .article__btn {
    font-size: 1.4rem;
  }
}
.article__btn img, .article__btn svg {
  margin-left: 0.4rem;
  max-width: 2rem;
  min-width: 2rem;
  height: auto;
}

.two-column + .two-column {
  margin-top: 6rem;
}
@media (min-width: 1025px) {
  .two-column + .two-column {
    margin-top: 14rem;
  }
}
.two-column__item--circle-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90vw;
  max-height: 57rem;
  max-width: 57rem;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .two-column__item--circle-image {
    margin: 0;
    max-width: 100%;
    margin-left: 3.8rem;
    width: 39%;
    height: 30vw;
    max-height: 48rem;
  }
}
.two-column__bg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.two-column__bg img {
  width: 100%;
}
.two-column__image {
  position: relative;
  width: 60vw;
  height: 60vw;
  filter: drop-shadow(0px 48px 80px rgba(0, 0, 0, 0.09));
  max-width: 39rem;
  max-height: 39rem;
}
@media (min-width: 1025px) {
  .two-column__image {
    width: 20vw;
    height: 20vw;
    max-width: 30rem;
    max-height: 30rem;
  }
}
.two-column__image:before, .two-column__image:after {
  position: absolute;
  content: "";
  top: 15%;
  left: 0%;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: #76B0FF;
  filter: blur(200px);
}
@media (min-width: 1025px) {
  .two-column__image:before, .two-column__image:after {
    width: 100%;
    height: 100%;
  }
}
.two-column__image:after {
  top: 25%;
  left: 10%;
}
.two-column__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 50%;
  border: 1rem solid #ffffff;
  box-sizing: border-box;
  z-index: 2;
}
.two-column__item--text {
  color: #1D1D1F;
  position: relative;
  z-index: 3;
  margin-top: 4rem;
}
@media (min-width: 1025px) {
  .two-column__item--text {
    width: 51.3%;
    margin-top: 0;
  }
}
.two-column__item--text h6 {
  font-weight: 700;
}
.two-column__item--text p {
  line-height: 1.71;
}
@media (min-width: 1025px) {
  .two-column__item--text p {
    padding-left: 3.2rem;
  }
}
@media (min-width: 1025px) {
  .two-column__item--text p + ul {
    margin-top: 3rem;
  }
}
.two-column__item--text ul li {
  padding-left: 4rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .two-column__item--text ul li {
    padding-left: 5.3rem;
  }
}
.two-column__item--text ul li:before {
  background-color: transparent;
  transform: rotate(0);
  width: 2.8rem;
  height: 2.8rem;
  background-image: url(./assets/img/icons/circle-tick.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
}
@media (min-width: 768px) {
  .two-column__item--text ul li:before {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.two-column__item--text ul h5 + p, .two-column__item--text ul h6 + p {
  margin-top: 0.9rem;
}
.two-column__item--text ul h6 {
  color: #222;
}
.two-column__item--text ul p {
  color: #222;
}
@media (min-width: 1025px) {
  .two-column__item--text ul p {
    padding-left: 0;
  }
}
.two-column__title {
  margin-bottom: 3rem;
}
@media (min-width: 1025px) {
  .two-column__title {
    padding-left: 3.2rem;
    margin-bottom: 5rem;
  }
}
.two-column__title h2 {
  color: #152734;
  font-weight: 700;
}
.two-column__title h2 small {
  margin-bottom: 1rem;
  line-height: 1.7;
  color: #E17235;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.two-column__title h2 + p {
  margin-top: 2rem;
}
@media (min-width: 1025px) {
  .two-column__title h2 + p {
    margin-top: 5rem;
  }
}
.two-column--reversed {
  flex-direction: row-reverse;
}
@media (min-width: 1025px) {
  .two-column--reversed .two-column__item--circle-image {
    margin-left: 0;
    margin-right: 3.8rem;
  }
}
.two-column--reversed ul,
.two-column--reversed p,
.two-column--reversed .two-column__title {
  padding-left: 0;
}
.two-column--smaller-list-gaps li:not(:first-of-type) {
  margin-top: 2rem;
}
.two-column--centered-list-bullets ul li:before {
  top: 50%;
  transform: rotate(0) translateY(-50%);
}
.two-column--grid-list ul,
.two-column--grid-list p,
.two-column--grid-list .two-column__title {
  padding-left: 0;
}
@media (min-width: 768px) {
  .two-column--grid-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6.4vw;
  }
}
@media (min-width: 768px) {
  .two-column--grid-list ul li {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .two-column--grid-list ul li:not(:first-of-type) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .two-column--grid-list ul li:before {
    position: static;
    display: block;
    margin-bottom: 1.5rem;
  }
}

.cta {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #F3F8FB;
  text-align: center;
  position: relative;
}
@media (min-width: 640px) {
  .cta {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.cta:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #F3F8FB;
}
.cta > h2 {
  color: #152734;
}
@media (min-width: 640px) {
  .cta > h2 {
    padding: 1rem 0;
  }
}
.cta__row {
  margin-top: 2rem;
}
.cta__row p {
  margin: 1rem 0;
}
@media (min-width: 1025px) {
  .cta__row p {
    margin: 0 2rem;
  }
}
@media (min-width: 1025px) {
  .cta__btn {
    max-width: 36rem;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .cta__btn:only-child {
    max-width: 47rem;
  }
}
.cta__btn .btn, .cta__btn .single-transformers__tab-btn {
  max-width: 32rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .cta__btn .btn, .cta__btn .single-transformers__tab-btn {
    width: 100%;
    max-width: 100%;
  }
}

.form-with-img {
  position: relative;
  z-index: 2;
  padding: 4rem 0 8rem;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1025px) {
  .form-with-img {
    padding-top: 14.7rem;
    padding-bottom: 19rem;
  }
}
.form-with-img:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #ffffff;
}
.form-with-img h2 {
  font-weight: 700;
}
@media (min-width: 1280px) {
  .form-with-img__container {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1441px) {
  .form-with-img__container {
    padding-right: 11.1rem;
    padding-left: 11.1rem;
  }
}
.form-with-img__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 2.4rem;
}
@media (min-width: 640px) {
  .form-with-img__wrapper {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1025px) {
  .form-with-img__wrapper {
    margin-top: 4.8rem;
  }
}
@media (max-width: 375px) {
  .form-with-img__wrapper p {
    font-size: 1.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .form-with-img__wrapper p {
    font-size: calc(1.6rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .form-with-img__wrapper p {
    font-size: 1.8rem;
  }
}
.form-with-img__wrapper a {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 375px) {
  .form-with-img__wrapper a {
    font-size: 1.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .form-with-img__wrapper a {
    font-size: calc(1.6rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .form-with-img__wrapper a {
    font-size: 1.8rem;
  }
}
.form-with-img__wrapper a:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(./assets/img/icons/tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.form-with-img__img {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 80%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  height: 80%;
}
@media (min-width: 1025px) {
  .form-with-img__img {
    width: 66vw;
    bottom: 164px;
    height: 69.5%;
  }
}
.form-with-img__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form-with-img__inner {
  border-radius: 10px;
  border: 1px solid #C1CFE8;
  background: #ffffff;
  position: relative;
  z-index: 1;
  padding: 3.4rem 2rem;
  box-sizing: border-box;
  max-width: 76rem;
}
@media (min-width: 1025px) {
  .form-with-img__inner {
    padding: 5.6rem 4.8rem;
  }
}
@media (min-width: 1025px) {
  .form-with-img .form {
    margin-top: 4.8rem;
  }
}
@media (min-width: 640px) {
  .form-with-img .form form {
    gap: 2.5rem 2.2rem;
  }
}
.form-with-img .form .field {
  font-weight: 600;
}
.form-with-img .form .field label {
  font-weight: 600;
}
@media (max-width: 375px) {
  .form-with-img .form .field label {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .form-with-img .form .field label {
    font-size: calc(1.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .form-with-img .form .field label {
    font-size: 1.4rem;
  }
}
.form-with-img .form .field select {
  background-image: url(./assets/img/icons/select2.svg);
  background-size: 17px 17px;
  background-position: right 15px center;
}
.form-with-img .form .wpcf7-checkbox {
  margin-top: 0;
}
.form-with-img .form input,
.form-with-img .form textarea {
  line-height: 1.25;
}
.form-with-img .form input,
.form-with-img .form textarea,
.form-with-img .form select {
  background-color: #ffffff;
}
@media (min-width: 1025px) {
  .form-with-img .form input,
  .form-with-img .form textarea,
  .form-with-img .form select {
    padding: 1.5rem;
    min-height: 5rem;
  }
}
.form-with-img .form input::placeholder,
.form-with-img .form textarea::placeholder,
.form-with-img .form select::placeholder {
  font-size: 1.4rem;
}
.form-with-img .form textarea {
  height: 9rem;
}
.form-with-img .form .wpcf7-form-control .wpcf7-select,
.form-with-img .form select {
  background-color: #ffffff;
}
.form-with-img .form .wpcf7-list-item-label {
  font-weight: 400;
}
@media (max-width: 375px) {
  .form-with-img .form .wpcf7-list-item-label {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .form-with-img .form .wpcf7-list-item-label {
    font-size: calc(1.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .form-with-img .form .wpcf7-list-item-label {
    font-size: 1.4rem;
  }
}
@media (min-width: 1025px) {
  .form-with-img .form .wpcf7-checkbox .wpcf7-list-item {
    margin: 1rem 3rem 1rem 0;
  }
}
@media (min-width: 1025px) {
  .form-with-img .form .wpcf7-checkbox {
    width: 110%;
  }
}
.form-with-img .form .btn, .form-with-img .form .single-transformers__tab-btn {
  margin-left: auto;
  max-width: 26rem;
}
@media (min-width: 768px) {
  .form-with-img .form .btn, .form-with-img .form .single-transformers__tab-btn {
    grid-column: span 2;
  }
}

.content-with-grid {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .content-with-grid {
    margin: 15rem auto;
  }
}
.content-with-grid__img {
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .content-with-grid__img {
    width: 43%;
  }
}
.content-with-grid__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-with-grid__text {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .content-with-grid__text {
    width: 51%;
    margin: auto 0;
  }
}
.content-with-grid__text h2 {
  color: #152734;
  font-weight: 700;
}
.content-with-grid__text h2 + p {
  margin-top: 1.6rem;
}
@media (min-width: 1025px) {
  .content-with-grid__text h2 + p {
    margin-top: 3rem;
  }
}
.content-with-grid__text span {
  color: #E17235;
}
.content-with-grid__grid {
  gap: 1.6rem;
  margin-top: 3.4rem;
}
@media (min-width: 1025px) {
  .content-with-grid__grid {
    gap: 3.2rem;
    margin-top: 7.7rem;
  }
}
.content-with-grid__item {
  padding: 2rem;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #111827;
}
@media (min-width: 1025px) {
  .content-with-grid__item {
    padding: 3rem 2.5rem;
  }
}
.content-with-grid__item h5 {
  color: #152734;
}
.content-with-grid__item h5 + p {
  margin-top: 1.6rem;
}
@media (min-width: 1025px) {
  .content-with-grid__item h5 + p {
    margin-top: 2.4rem;
  }
}
.text-with-img {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .text-with-img {
    margin: 15rem auto;
  }
}
.text-with-img__item:not(:first-of-type) {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .text-with-img__item:not(:first-of-type) {
    margin-top: 6rem;
  }
}
@media (min-width: 1280px) {
  .text-with-img__item:not(:first-of-type) {
    margin-top: 10rem;
  }
}
@media (min-width: 768px) {
  .text-with-img__item--reverse {
    flex-direction: row-reverse;
  }
}
.text-with-img__img {
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .text-with-img__img {
    width: 48%;
  }
}
@media (min-width: 1025px) {
  .text-with-img__img {
    width: 47%;
  }
}
.text-with-img__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-with-img__text {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .text-with-img__text {
    width: 48%;
    margin: auto 0;
  }
}
@media (min-width: 1025px) {
  .text-with-img__text {
    width: 47%;
  }
}
.text-with-img__text h2 {
  color: #152734;
  font-weight: 700;
}
.text-with-img__text h2 + p {
  margin-top: 1rem;
}
@media (min-width: 1025px) {
  .text-with-img__text h2 + p {
    margin-top: 3rem;
  }
}
.text-with-img__text span {
  color: #E17235;
}

.grid-with-title {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .grid-with-title {
    margin: 15rem auto;
  }
}
.grid-with-title__title {
  margin-bottom: 2.4rem;
}
@media (min-width: 1025px) {
  .grid-with-title__title {
    margin-bottom: 7rem;
  }
}
.grid-with-title__title h2 {
  color: #152734;
  font-weight: 700;
}
.grid-with-title__text {
  margin-top: 1rem;
}
@media (min-width: 1025px) {
  .grid-with-title__text {
    width: 58%;
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .grid-with-title__text p {
    line-height: 1.71;
  }
}
.grid-with-title__inner {
  gap: 3.6rem 1.6rem;
}
@media (min-width: 1025px) {
  .grid-with-title__inner {
    gap: 3.2rem;
  }
}
.grid-with-title__item {
  display: flex;
  flex-direction: column;
}
.grid-with-title__card {
  background-color: #152734;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.4rem;
  border-radius: 10px;
  margin-bottom: 2.4rem;
}
@media (min-width: 1025px) {
  .grid-with-title__card {
    padding: 4rem;
    margin-bottom: 7.5rem;
  }
}
.grid-with-title__card p {
  color: #F5F5F7;
}
.grid-with-title__icon {
  width: 8rem;
}
.grid-with-title__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.grid-with-title__icon + p {
  margin-top: 1.6rem;
}
@media (min-width: 1025px) {
  .grid-with-title__icon + p {
    margin-top: 2rem;
  }
}
.grid-with-title__list ul {
  padding-left: 0;
}
.grid-with-title__list li {
  padding-left: 4rem;
  line-height: 1.3;
}
@media (min-width: 1025px) {
  .grid-with-title__list li:not(:first-of-type) {
    margin-top: 5rem;
  }
}
.grid-with-title__list li:before {
  background-color: transparent;
  transform: rotate(0);
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(./assets/img/icons/circle-tick.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
}

.grid-imgs-with-cards {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .grid-imgs-with-cards {
    margin: 15rem auto;
  }
}
.grid-imgs-with-cards__title {
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 1025px) {
  .grid-imgs-with-cards__title {
    margin-bottom: 7rem;
  }
}
.grid-imgs-with-cards__title h2 {
  color: #152734;
  font-weight: 700;
}
.grid-imgs-with-cards__title p {
  line-height: 1.71;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
.grid-imgs-with-cards__imgs {
  gap: 1.6rem;
}
@media (min-width: 1025px) {
  .grid-imgs-with-cards__imgs {
    gap: 3.2rem;
  }
}
.grid-imgs-with-cards__img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  max-height: 35.2rem;
}
.grid-imgs-with-cards__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-imgs-with-cards__cards {
  gap: 1.6rem;
  margin-top: 2rem;
}
@media (min-width: 1025px) {
  .grid-imgs-with-cards__cards {
    gap: 3.2rem;
    margin-top: 4rem;
  }
}
.grid-imgs-with-cards__item {
  border-radius: 10px;
  background-color: #F3F8FB;
  color: #1F1F1F;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
}
@media (min-width: 1025px) {
  .grid-imgs-with-cards__item {
    padding: 2.4rem 2rem;
  }
}
.grid-imgs-with-cards__item h6 {
  font-weight: 700;
}
.grid-imgs-with-cards__item h6 + p {
  margin-top: 0.8rem;
}
.grid-imgs-with-cards__item p {
  line-height: 1.71;
}
.grid-imgs-with-cards__item--blue {
  background-color: #152734;
  color: #ffffff;
}
.grid-imgs-with-cards__item--orange {
  background-color: #E17235;
  color: #ffffff;
}
.grid-imgs-with-cards__icon {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D9E9FF;
  flex-shrink: 0;
  margin-right: 1.6rem;
}
.grid-imgs-with-cards__icon img {
  width: 2.1rem;
  height: 2.1rem;
  object-fit: contain;
}
.grid-imgs-with-cards__icon img.selected-icon {
  filter: invert(61%) sepia(34%) saturate(4488%) hue-rotate(340deg) brightness(94%) contrast(86%);
}
.info-tab {
  counter-reset: info-tab__trigger;
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .info-tab {
    margin: 15rem auto;
  }
}
.info-tab__wrapper {
  overflow: hidden;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .info-tab__wrapper {
    width: 46%;
    margin-top: 0;
  }
}
.info-tab__tab {
  display: none;
  position: relative;
}
.info-tab__tab.active {
  display: block;
}
.info-tab__img {
  width: 100%;
}
.info-tab__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 768px) {
  .info-tab__content {
    width: 49%;
  }
}
.info-tab__content h2 {
  font-weight: 700;
  color: #152734;
}
.info-tab__content h2 + p {
  margin-top: 2rem;
}
@media (min-width: 1025px) {
  .info-tab__content h2 + p {
    margin-top: 3.2rem;
  }
}
.info-tab__triggers {
  margin-top: 2rem;
}
@media (min-width: 1025px) {
  .info-tab__triggers {
    margin-top: 3rem;
  }
}
.info-tab__trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.info-tab__trigger:not(:first-of-type) {
  margin-top: 1.5rem;
}
@media (min-width: 1025px) {
  .info-tab__trigger:not(:first-of-type) {
    margin-top: 2.5rem;
  }
}
.info-tab__trigger.active .info-tab__number:before {
  color: #EA5501;
}
.info-tab__trigger.active .info-tab__number:after {
  opacity: 1;
}
.info-tab__trigger:hover .info-tab__number:before {
  color: #EA5501;
}
.info-tab__number {
  position: relative;
  padding: 0.8rem 1rem;
  box-sizing: border-box;
  margin-right: 2rem;
  transition: 0.2s ease-in-out;
}
@media (min-width: 1025px) {
  .info-tab__number {
    padding: 0.8rem 2rem;
    margin-right: 3rem;
  }
}
.info-tab__number:before {
  counter-increment: info-tab__trigger;
  content: counter(info-tab__trigger, decimal-leading-zero);
  font-weight: 700;
  line-height: 1.15;
  color: #152734;
  transition: 0.2s ease-in-out;
}
@media (max-width: 375px) {
  .info-tab__number:before {
    font-size: 2.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .info-tab__number:before {
    font-size: calc(2.6rem + 2 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .info-tab__number:before {
    font-size: 2.8rem;
  }
}
.info-tab__number:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0.2rem;
  background-color: #EA5501;
  transition: 0.2s ease-in-out;
  opacity: 0;
}
@media (min-width: 1025px) {
  .info-tab__number:after {
    width: 0.4rem;
  }
}
.info-tab__text p {
  color: #484848;
}

.cta-new {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .cta-new {
    margin: 15rem auto;
  }
}
.cta-new h2 {
  text-align: center;
  color: #1D1D1F;
  font-weight: 700;
}
.cta-new h2 small {
  margin-bottom: 1rem;
  line-height: 1.7;
  color: #E17235;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (min-width: 1025px) {
  .cta-new h2 small {
    margin-bottom: 2rem;
  }
}
.cta-new__inner {
  border-radius: 10px;
  background: #F3F8FB;
  padding: 3rem 2rem;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 1025px) {
  .cta-new__inner {
    padding: 6rem;
  }
}
.cta-new__form {
  max-width: 52.3rem;
  margin: 2.8rem auto 0;
}
@media (min-width: 1025px) {
  .cta-new__form {
    margin: 4rem auto 0;
  }
}
.cta-new__form form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 640px) {
  .cta-new__form form {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    align-items: flex-start;
  }
}
.cta-new__form form .field {
  width: 100%;
}
@media (min-width: 640px) {
  .cta-new__form form .field {
    grid-column: span 6;
  }
}
.cta-new__form form .field input {
  padding: 1.5rem;
  min-height: 60px;
}
.cta-new__form form .field input::placeholder {
  color: #7E8492;
}
@media (min-width: 640px) {
  .cta-new__form form .btn, .cta-new__form form .single-transformers__tab-btn {
    max-width: 16.5rem;
    padding: 8px 50px;
    grid-column: span 3;
  }
}
.cta-new__form form .wpa-test-msg {
  margin-top: 0 !important;
}
@media (min-width: 640px) {
  .cta-new__form form .wpa-test-msg {
    grid-column: span 9;
  }
}
.cta-new__form form .wpcf7-not-valid-tip {
  font-size: 1.4rem;
  margin-top: 0.8rem;
  margin-left: 0.4rem;
}
.cta-new__wrapper {
  position: relative;
  z-index: 1;
}
.cta-new__vector {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.cta-new__vector img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cta-new .wpcf7-response-output {
  display: none !important;
}

.grid-check-cards {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .grid-check-cards {
    margin: 15rem auto;
  }
}
.grid-check-cards__title, .text-with-img-to-board__title {
  margin: 0 auto 4rem;
  text-align: center;
  max-width: 90rem;
}
@media (min-width: 1025px) {
  .grid-check-cards__title, .text-with-img-to-board__title {
    margin-bottom: 7rem;
  }
}
.grid-check-cards__title h2, .text-with-img-to-board__title h2 {
  text-align: center;
  color: #152734;
  font-weight: 700;
}
.grid-check-cards__title h2 small, .text-with-img-to-board__title h2 small {
  margin-bottom: 1rem;
  line-height: 1.7;
  color: #E17235;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (min-width: 1025px) {
  .grid-check-cards__title h2 + p, .text-with-img-to-board__title h2 + p {
    margin-top: 2.5rem;
  }
}
.grid-check-cards__inner {
  gap: 1.6rem;
}
@media (min-width: 1025px) {
  .grid-check-cards__inner {
    gap: 3.2rem;
  }
}
.grid-check-cards a.grid-check-cards__item {
  transition: 0.2s ease-in-out;
  text-decoration: none;
  color: #1d1d1f;
}
.grid-check-cards a.grid-check-cards__item:hover {
  background: #F1F6FF;
  color: #1d1d1f;
}
.grid-check-cards a.grid-check-cards__item:hover .grid-check-cards__link:after {
  transform: translateX(30%);
}
.grid-check-cards__item {
  border-radius: 10px;
  border: 2px solid #F1F6FF;
  padding: 2rem;
  box-sizing: border-box;
}
@media (min-width: 1025px) {
  .grid-check-cards__item {
    padding: 4rem;
  }
}
.grid-check-cards__item h5 {
  color: #1D1D1F;
}
.grid-check-cards__item h5 + p {
  margin-top: 1.4rem;
}
@media (min-width: 1025px) {
  .grid-check-cards__item h5 + p {
    margin-top: 2rem;
  }
}
.grid-check-cards__item p {
  color: #1D1D1F;
}
.grid-check-cards__wrapper h1, .grid-check-cards__wrapper h2, .grid-check-cards__wrapper h3, .grid-check-cards__wrapper h4, .grid-check-cards__wrapper h5, .grid-check-cards__wrapper h6 {
  margin-top: 2rem;
  margin-bottom: 0;
}
.grid-check-cards__wrapper h1 + p, .grid-check-cards__wrapper h2 + p, .grid-check-cards__wrapper h3 + p, .grid-check-cards__wrapper h4 + p, .grid-check-cards__wrapper h5 + p, .grid-check-cards__wrapper h6 + p {
  margin-top: 2rem;
}
.grid-check-cards__check {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #D9E9FF;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .grid-check-cards__check {
    width: 7.7rem;
    height: 7.7rem;
  }
}
.grid-check-cards__check img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}
.grid-check-cards__check img.selected-icon {
  filter: invert(61%) sepia(34%) saturate(4488%) hue-rotate(340deg) brightness(94%) contrast(86%);
}
@media (min-width: 1025px) {
  .grid-check-cards__check img {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.grid-check-cards__check + h5 {
  margin-top: 2rem;
}
.grid-check-cards__link {
  font-weight: 600;
  color: #E17235;
  margin-top: 2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.grid-check-cards__link:after {
  content: "";
  background-image: url(./assets/img/icons/link-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 1.4rem;
  margin-left: 1.1rem;
  transition: 0.2s ease-in-out;
}
@media (min-width: 1025px) {
  .grid-check-cards--3-cols .grid-check-cards__inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-check-cards--1-cols .grid-check-cards__inner {
  grid-template-columns: 1fr;
}
@media (min-width: 1025px) {
  .grid-check-cards--5-items .grid-check-cards__inner {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid-check-cards--5-items .grid-check-cards__item {
    grid-column: span 2;
  }
}
@media (min-width: 1025px) {
  .grid-check-cards--5-items .grid-check-cards__item:nth-last-child(-n+2) {
    grid-column: span 3;
  }
}

.text-with-img-to-board {
  margin: 6rem auto;
}
@media (min-width: 768px) {
  .text-with-img-to-board {
    margin: 15rem auto;
  }
}
@media (min-width: 1025px) {
  .text-with-img-to-board__title {
    margin-bottom: 8rem;
  }
}
.text-with-img-to-board__img {
  position: relative;
  left: -1.6rem;
  width: calc(100% + 1.6rem);
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
@media (min-width: 640px) {
  .text-with-img-to-board__img {
    left: -4rem;
    width: calc(100% + 4rem);
  }
}
@media (min-width: 768px) {
  .text-with-img-to-board__img {
    width: calc(50% + 4rem);
  }
}
@media (min-width: 1280px) {
  .text-with-img-to-board__img {
    margin-left: -11.2rem;
    width: calc(50% + 5rem);
  }
}
@media (min-width: 1441px) {
  .text-with-img-to-board__img {
    margin-left: -11vw;
    width: 40vw;
  }
}
@media (min-width: 1600px) {
  .text-with-img-to-board__img {
    margin-left: -19vw;
  }
}
.text-with-img-to-board__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-with-img-to-board__content {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .text-with-img-to-board__content {
    max-width: 66%;
    width: 45vw;
    margin-top: 0;
  }
}
.text-with-img-to-board__content p {
  line-height: 1.71;
  color: #222;
}
.text-with-img-to-board__content p + ul {
  margin-top: 3rem;
}
.text-with-img-to-board__content ul {
  padding-left: 0;
}
.text-with-img-to-board__content ul li {
  padding-left: 5.3rem;
  box-sizing: border-box;
}
.text-with-img-to-board__content ul li:not(:first-of-type) {
  margin-top: 2rem;
}
.text-with-img-to-board__content ul li:before {
  background-color: transparent;
  transform: rotate(0);
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(./assets/img/icons/circle-tick.svg);
  top: 0;
}
.text-with-img-to-board__content ul li h6 {
  color: #222;
  font-weight: 700;
  line-height: 1.2;
}
.text-with-img-to-board__content ul li h6 + p {
  margin-top: 0.9rem;
}
@media (min-width: 768px) {
  .text-with-img-to-board--reverse .text-with-img-to-board__inner {
    flex-direction: row-reverse;
  }
}
.text-with-img-to-board--reverse .text-with-img-to-board__img {
  border-radius: 10px 0 0 10px;
  left: unset;
}
@media (min-width: 1280px) {
  .text-with-img-to-board--reverse .text-with-img-to-board__img {
    margin-right: -11.2rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1441px) {
  .text-with-img-to-board--reverse .text-with-img-to-board__img {
    margin-right: -11vw;
  }
}
@media (min-width: 1600px) {
  .text-with-img-to-board--reverse .text-with-img-to-board__img {
    margin-right: -19vw;
  }
}

.transformer {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #ebebeb;
  transition: 0.2s;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 1025px) {
  .transformer {
    display: unset;
    height: unset;
    overflow: unset;
  }
}
.transformer:hover {
  transition: 0.2s;
  text-decoration: none;
  box-shadow: 8px 8px 16px rgba(153, 86, 86, 0.08);
  border-bottom-color: transparent;
  border-radius: 10px 10px 0 0;
}
.transformer:hover .transformer__btn {
  box-shadow: 8px 16px 16px rgba(153, 86, 86, 0.08);
  opacity: 1;
  visibility: visible;
}
.transformer__head {
  padding: 3rem 4rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.transformer__img {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.transformer__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.transformer__inner {
  padding: 2rem;
  box-sizing: border-box;
}
.transformer__inner h3 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #0A112F;
}
@media (max-width: 375px) {
  .transformer__inner h3 {
    font-size: 2.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .transformer__inner h3 {
    font-size: calc(2.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .transformer__inner h3 {
    font-size: 2.4rem;
  }
}
.transformer__artikel {
  margin-top: 1.6rem;
  line-height: 1.2;
  color: #A2A2A2;
}
@media (max-width: 375px) {
  .transformer__artikel {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .transformer__artikel {
    font-size: calc(1.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .transformer__artikel {
    font-size: 1.4rem;
  }
}
.transformer__tag {
  margin-top: 1.6rem;
  font-weight: 600;
  color: #1D1D1F;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 375px) {
  .transformer__tag {
    font-size: 1.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .transformer__tag {
    font-size: calc(1.6rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .transformer__tag {
    font-size: 1.6rem;
  }
}
.transformer__tag span {
  font-weight: 400;
  color: #ffffff;
  background: #152734;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 8px 10px;
}
@media (max-width: 375px) {
  .transformer__tag span {
    font-size: 1.5rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .transformer__tag span {
    font-size: calc(1.5rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .transformer__tag span {
    font-size: 1.5rem;
  }
}
.transformer p {
  margin-top: 1.6rem;
  line-height: 1.375;
  color: #7E7E7E;
  margin-bottom: -1rem;
  transition: 0.2s;
}
@media (max-width: 375px) {
  .transformer p {
    font-size: 1.6rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .transformer p {
    font-size: calc(1.6rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .transformer p {
    font-size: 1.6rem;
  }
}
.transformer__btn {
  position: absolute;
  top: 100%;
  left: -1px;
  transform: translateY(-1rem);
  width: calc(100% + 2px);
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  z-index: 2;
  box-sizing: border-box;
  padding: 1rem 2rem 2rem;
  border: 1px solid #ebebeb;
  transition: 0.2s;
  border-top: none;
  opacity: 0;
  visibility: hidden;
}
.transformer__btn .btn, .transformer__btn .single-transformers__tab-btn {
  margin-top: 1.6rem;
  min-height: 42px;
  border-radius: 10px;
  letter-spacing: 0.005em;
  color: #F5F5F7;
  font-weight: 600;
  position: relative;
  width: 100%;
  padding: 8px 20px;
}
@media (max-width: 375px) {
  .transformer__btn .btn, .transformer__btn .single-transformers__tab-btn {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .transformer__btn .btn, .transformer__btn .single-transformers__tab-btn {
    font-size: calc(1.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .transformer__btn .btn, .transformer__btn .single-transformers__tab-btn {
    font-size: 1.4rem;
  }
}

.transformers-archive {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.transformers-archive__inner {
  display: grid;
  gap: 2rem;
}
@media (min-width: 640px) {
  .transformers-archive__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .transformers-archive__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem 2rem;
  }
}
@media (min-width: 1025px) {
  .transformers-archive__inner {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem 3.2rem;
  }
}
.transformers-archive__foot {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}
@media (min-width: 1025px) {
  .transformers-archive__foot {
    margin-top: 6rem;
  }
}
.transformers-archive__foot .btn, .transformers-archive__foot .single-transformers__tab-btn {
  max-width: 38.4rem;
  width: 100%;
}

.not-found {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
  min-height: 60vh;
}
.not-found h1 {
  color: #E17235;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 375px) {
  .not-found h1 {
    font-size: 7rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .not-found h1 {
    font-size: calc(7rem + 78 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .not-found h1 {
    font-size: 14.8rem;
  }
}
.not-found p {
  margin-top: 2rem;
}
.not-found__btn {
  margin-top: 3rem;
}
@media (max-width: 639px) {
  .not-found__btn {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .not-found__btn .btn, .not-found__btn .single-transformers__tab-btn {
    width: 100%;
  }
}

.footer {
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: relative;
  color: #F5F5F7;
}
@media (min-width: 640px) {
  .footer {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.footer:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background-color: #152734;
}
.footer a {
  color: #F5F5F7;
}
.footer a:hover {
  text-decoration: none;
  color: #E17235;
}
.footer ul {
  padding-left: 0;
  margin-top: 1.8rem;
}
@media (min-width: 640px) {
  .footer ul {
    margin-top: 3.8rem;
  }
}
.footer ul li {
  padding-left: 0;
  margin-top: 1.4rem;
}
@media (min-width: 640px) {
  .footer ul li {
    margin-top: 2.7rem;
  }
}
.footer ul li a {
  display: flex;
  align-items: center;
}
.footer ul li img,
.footer ul li svg {
  max-width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  margin-right: 1.2rem;
}
.footer ul li:before {
  display: none;
}
.footer__main {
  margin-bottom: 3rem;
}
@media (min-width: 640px) {
  .footer__main {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1025px) {
  .footer__lists {
    width: 50%;
  }
}
.footer__list {
  width: 100%;
}
@media (min-width: 1025px) {
  .footer__list {
    width: unset;
  }
}
.footer__list + .footer__list {
  margin-top: 2.5rem;
  white-space: nowrap;
}
@media (min-width: 640px) {
  .footer__list + .footer__list {
    margin-left: 4rem;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .footer__list + .footer__list {
    margin-left: 8.5rem;
  }
}
.footer__list ul {
  margin-top: 3rem;
}
.footer__btn {
  margin-top: 2rem;
}
.footer__btn .btn, .footer__btn .single-transformers__tab-btn {
  padding: 0.9rem 3rem;
  font-weight: normal;
  min-height: 4.7rem;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__btn .btn, .footer__btn .single-transformers__tab-btn {
    width: unset;
  }
}
.footer__btn .btn:hover, .footer__btn .single-transformers__tab-btn:hover {
  color: #ffffff;
}
.footer__form-wrapper {
  margin-top: 3rem;
}
@media (min-width: 1025px) {
  .footer__form-wrapper {
    width: 45.2%;
    margin-top: 0;
  }
}
.footer__form {
  width: 100%;
}
.footer__form .screen-reader-response,
.footer__form .wpcf7-response-output {
  display: none;
}
.footer__form [data-status=sent] .wpcf7-response-output {
  order: 4;
  color: #14AE5C;
  display: block;
  margin-top: 2rem;
}
.footer__form form {
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.footer__form form .field {
  order: 1;
  width: calc(100% - 12.7rem);
  margin-right: 1rem;
  position: relative;
}
@media (min-width: 767px) {
  .footer__form form .field {
    width: calc(100% - 15rem);
  }
}
.footer__form form .field input {
  padding: 1rem 2rem;
  line-height: 1.1;
}
@media (min-width: 640px) {
  .footer__form form .field input {
    min-height: 6rem;
  }
}
.footer__form form .field input::placeholder {
  color: #1D1D1F;
}
.footer__form form .field .wpcf7-not-valid-tip {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .footer__form form .btn--small-padding {
    max-width: 11.7rem;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .footer__form form .btn--small-padding {
    max-width: 14rem;
    width: 100%;
  }
}
.footer__form form button {
  order: 2;
}
.footer__form form .field--radio {
  order: 3;
  width: 100%;
  margin-top: 1rem;
}
.footer__form form .field--radio .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
}
.footer__form form .field--radio .wpcf7-checkbox label {
  display: flex;
  align-items: center;
}
.footer__form form .field--radio .wpcf7-list-item {
  margin: 1rem 3rem 0 0;
}
.footer__form form .field--radio .wpcf7-list-item input {
  -webkit-appearance: none;
  background-color: transparent;
  min-height: unset;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.6rem;
  border: 1px solid #F9F9FA;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.3s all;
  margin-right: 1.1rem;
}
.footer__form form .field--radio .wpcf7-list-item input:checked {
  background-color: #E17235;
  border-color: #E17235;
  background-image: url(./assets/img/icons/check.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.footer__form form .field--radio .wpcf7-not-valid .wpcf7-list-item input {
  border-color: #C8102E;
}
.footer__copyright {
  padding-top: 2rem;
  box-sizing: border-box;
  border-top: 1px solid #F9F9FA;
}
@media (max-width: 375px) {
  .footer__copyright p {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .footer__copyright p {
    font-size: calc(1.4rem + 0 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .footer__copyright p {
    font-size: 1.4rem;
  }
}
@media (min-width: 640px) {
  .footer__copyright p {
    margin: 0;
  }
}
.footer__logo {
  max-width: 17.6rem;
  width: 100%;
}
.footer__logo a {
  display: block;
}
.footer__logo a img, .footer__logo a svg {
  width: 100%;
  height: auto;
}

@media (max-width: 375px) {
  .cky-modal ul li {
    font-size: 1.4rem;
  }
}
@media (min-width: 376px) and (max-width: 1440px) {
  .cky-modal ul li {
    font-size: calc(1.4rem + 1 * ((100vw - 375px) / (1440 - 375)));
  }
}
@media (min-width: 1441px) {
  .cky-modal ul li {
    font-size: 1.5rem;
  }
}
.cky-modal ul li:before {
  display: none;
}

.modal-subscribe-window {
  padding: 2rem;
  width: 100%;
}
.modal-subscribe-window__content {
  margin: 0 auto;
  max-width: 60rem;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #C1CFE8;
  background: #ffffff;
  position: relative;
  z-index: 1;
  padding: 3.4rem 2rem;
  box-sizing: border-box;
  max-width: 76rem;
}
@media (min-width: 1025px) {
  .modal-subscribe-window__content {
    padding: 5.6rem 4.8rem;
  }
}
.modal-subscribe-window h3 {
  margin-top: 0;
  margin-bottom: 3rem;
}
.modal-window {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease-out;
}
.modal-window--active {
  opacity: 1;
  visibility: visible;
  transition: all 250ms ease-out;
}
.modal-window__fader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 39, 52, 0.7);
}
.modal-window__item {
  width: 100%;
  position: relative;
  z-index: 5;
  margin: auto;
  display: none;
  width: 100%;
}
.modal-window__item--active {
  display: block;
}
.modal-window__close-icon {
  max-width: 1.8rem;
  width: 100%;
  height: 1.8rem;
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  z-index: 5;
  cursor: pointer;
}
.modal-window__close-icon img,
.modal-window__close-icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.modal-slider-item {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 2rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.modal-slider-item.modal-window__item--active {
  opacity: 1;
  visibility: visible;
}
.modal-slider-item__slider {
  width: 100%;
  height: 100%;
}
.modal-slider-item__slider-for {
  height: calc(100vh - 140px);
  width: 100%;
}
.modal-slider-item__slider-for .slick-list,
.modal-slider-item__slider-for .slick-track {
  display: flex !important;
  min-height: 100%;
}
.modal-slider-item__slider-for .modal-slider-item__slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.modal-slider-item__slider-for:not(.slick-slider) .modal-slider-item__slide:not(:first-child) {
  display: none !important;
}
.modal-slider-item__slider-for .slick-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  width: 40px;
  height: 40px;
  background-image: url(./assets/img/icons/select2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: 0.3s all;
}
.modal-slider-item__slider-for .slick-prev {
  left: -1rem;
  transform: translateY(-50%) rotate(90deg);
}
.modal-slider-item__slider-for .slick-next {
  right: -1rem;
  transform: translateY(-50%) rotate(-90deg);
}
.modal-slider-item__slider-for .slick-disabled {
  opacity: 0.1;
}
.modal-slider-item__slide {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.modal-slider-item__slide img {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 240px);
  object-fit: contain;
}
@media (min-width: 768px) {
  .modal-slider-item__slide img {
    max-height: calc(100vh - 240px);
  }
}
.modal-slider-item__slider-nav {
  display: flex !important;
  justify-content: center;
  margin-top: 2rem;
}
.modal-slider-item__slider-nav .modal-slider-item__slide {
  padding: 6px;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  height: 8.2rem;
  margin-right: 10px;
  transition: 0.3s all;
  width: unset;
  cursor: pointer;
}
.modal-slider-item__slider-nav .modal-slider-item__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-slider-item__slider-nav .slick-current {
  border-color: #E17235;
}

.single-transformers {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .single-transformers {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.single-transformers__info {
  gap: 4rem;
  position: relative;
}
@media (min-width: 1025px) {
  .single-transformers__slider {
    width: 50%;
  }
}
.single-transformers__slider-for {
  max-height: 34rem;
  position: relative;
  display: flex;
  border: 1px solid #E6E6E6;
  margin-bottom: 1rem;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .single-transformers__slider-for {
    max-height: 52rem;
  }
}
.single-transformers__slider-for:not(.slick-slider) .single-transformers__slide:not(:first-child) {
  display: none;
}
.single-transformers__slider-for .slick-track {
  display: flex;
  align-items: center;
}
.single-transformers__slider-for .slid-slide {
  height: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.single-transformers__slider-for .slick-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  width: 40px;
  height: 40px;
  background-image: url(./assets/img/icons/select2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: 0.3s all;
}
.single-transformers__slider-for .slick-prev {
  left: 1rem;
  transform: translateY(-50%) rotate(90deg);
}
.single-transformers__slider-for .slick-next {
  right: 1rem;
  transform: translateY(-50%) rotate(-90deg);
}
.single-transformers__slider-for .slick-disabled {
  opacity: 0.1;
}
.single-transformers__slider-for img {
  cursor: zoom-in;
}
.single-transformers__slide {
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.single-transformers__slide img {
  width: 100%;
  height: 100%;
  max-height: 30rem;
  object-fit: contain;
}
@media (min-width: 768px) {
  .single-transformers__slide img {
    max-height: 48rem;
  }
}
.single-transformers__slider-nav {
  display: none !important;
}
@media (min-width: 768px) {
  .single-transformers__slider-nav {
    display: flex !important;
  }
}
.single-transformers__slider-nav .single-transformers__slide {
  padding: 6px;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  height: 8.2rem;
  margin-right: 10px;
  cursor: pointer;
}
.single-transformers__slider-nav .single-transformers__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.single-transformers__slider-nav .slick-current {
  border-color: #E17235;
}
.single-transformers__slider-nav .slick-track {
  margin: 0;
  width: 100%;
}
.single-transformers__slider-nav .slick-list {
  width: 100%;
}
.single-transformers__text {
  margin-top: 3rem;
}
@media (min-width: 1025px) {
  .single-transformers__text {
    margin-top: 0rem;
    width: 50%;
  }
}
.single-transformers__text h1 {
  color: #E17235;
}
.single-transformers__text span {
  display: block;
  margin-top: 2rem;
}
.single-transformers__btn {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .single-transformers__btn {
    margin-top: 4rem;
  }
}
.single-transformers__btn .btn, .single-transformers__btn .single-transformers__tab-btn {
  width: 100%;
}
.single-transformers__tab {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .single-transformers__tab {
    margin-top: 6rem;
  }
}
.single-transformers__tab-buttons {
  gap: 10px;
}
.single-transformers__tab-btn {
  cursor: pointer;
  border-radius: 0;
  padding: 8px 20px;
  width: calc(50% - 5px);
}
@media (min-width: 768px) {
  .single-transformers__tab-btn {
    max-width: 22rem;
    width: 100%;
  }
}
.single-transformers__tab-btn.active {
  background-color: #152734;
  color: #ffffff;
}
.single-transformers .magnifier {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  overflow: hidden;
  height: 300px;
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: white;
  z-index: 10;
}
.single-transformers .magnifier__img {
  min-width: 1000px;
}
.single-transformers__contents {
  position: relative;
  margin-top: -1px;
  padding: 3rem 2rem;
  border: 1px solid rgba(21, 39, 52, 0.1215686275);
}
@media (min-width: 768px) {
  .single-transformers__contents {
    padding: 4rem 3rem;
  }
}
.single-transformers__content {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.single-transformers__content.active {
  position: relative;
  transition: 0.3s all;
  opacity: 1;
  visibility: visible;
  height: unset;
}
.single-transformers__content ul {
  padding-left: 0;
}
.single-transformers__content ul li {
  margin-top: 1rem;
}
.single-transformers__row {
  gap: 2rem;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .single-transformers__row {
    gap: 4rem;
  }
}

.download-file {
  color: #152734;
  text-decoration: none;
}
.download-file:hover {
  text-decoration: none;
  color: #152734;
}
.download-file:hover .download-file__content img {
  left: 5px;
}
.download-file__icon {
  max-width: 4rem;
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .download-file__icon {
    max-width: 6rem;
  }
}
.download-file__content img {
  max-width: 2rem;
  width: 100%;
  transition: 0.3s all;
  position: relative;
  left: 0;
  margin-left: 0.4rem;
  transform: rotate(-90deg);
  filter: brightness(0) saturate(100%) invert(55%) sepia(85%) saturate(1482%) hue-rotate(337deg) brightness(91%) contrast(92%);
}