/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./wp-content/themes/gnteq/assets/scss/styles.scss ***!
  \******************************************************************************************************************************************/
:root {
  --icon__dropdown: url("data:image/svg+xml,%3Csvg width=%278%27 height=%2714%27 viewBox=%270 0 8 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.25 1.5L6.75 7L1.25 12.5%27 stroke=%27%230E0E0E%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}

*,
:before,
:after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  min-width: 320px;
}

body, button, ul, ol, h1, h2, h3, h4, h5, h6, p, fieldset, dl, dd, blockquote, input, figure {
  margin: 0;
}

ul, ol, fieldset, button, th, td {
  padding: 0;
}

li {
  list-style: none;
}

abbr, ins {
  text-decoration: none;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

button {
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

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

button, fieldset {
  border: 0;
}

table {
  border-collapse: collapse;
}

table, td, th {
  border: none;
}

h1, h2, h3, h4, h5, h6, th {
  font-weight: normal;
}

address, i, cite {
  font-style: inherit;
}

img, svg {
  max-width: 100%;
  height: auto;
}

img {
  vertical-align: top;
  user-select: none;
}

svg {
  display: block;
}

[tabindex]:focus,
button:focus {
  outline: none;
}

mark {
  background-color: transparent;
}

::-moz-focus-inner {
  border: 0;
}

@font-face {
  font-family: "Aspekta";
  src: url(d1afe1082462e169785b.woff2) format("woff2"), url(c70d1b722b656b296ea2.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aspekta";
  src: url(41cb2fe0b22c0a9d1dde.woff2) format("woff2"), url(79a8a7fcc59cebab16e0.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aspekta";
  src: url(e691ccd6edda48488121.woff2) format("woff2"), url(0b5c22f3546543759a74.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html, body {
  min-height: calc(var(--app-height, 1vh) * 100);
  margin: 0 !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  font: 400 calc(16px + (17 - 16) * (100vw - 430px) / (1920 - 430))/1.3 "Aspekta", Arial, Helvetica, sans-serif;
  color: #0E0E0E;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 1920px) {
  body {
    font-size: 17px;
    line-height: 24px;
  }
}
body.disable-scroll {
  overflow-y: scroll !important;
}
@-moz-document url-prefix() {
  body.disable-scroll {
    overflow-y: hidden !important;
  }
}

#wpadminbar {
  display: none;
}

.wp-site-blocks {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit;
  padding: 15px;
}
.wp-site-blocks::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background: rgba(0, 0, 0, 0.25);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s;
}
.open-search .wp-site-blocks::after {
  opacity: 1;
}
@media screen and (min-width: 1280px) {
  .wp-site-blocks {
    padding: 30px;
  }
}
.disable-scroll .wp-site-blocks {
  position: fixed;
  left: 0;
  width: 100%;
}
@-moz-document url-prefix() {
  .disable-scroll .wp-site-blocks {
    position: static;
  }
}
.safari-scroll .wp-site-blocks {
  position: static;
}

@media (hover: hover) {
  ::-webkit-scrollbar {
    width: 4px;
  }
  ::-webkit-scrollbar-track {
    background-color: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #771ECF;
  }
}
@keyframes gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
h1, .h1 {
  font: 300 calc(38px + (64 - 38) * (100vw - 430px) / (1920 - 430))/calc(48px + (76 - 48) * (100vw - 430px) / (1920 - 430)) "Aspekta", Arial, Helvetica, sans-serif;
  text-transform: initial;
}
@media screen and (min-width: 1920px) {
  h1, .h1 {
    font-size: 64px;
    line-height: 76px;
  }
}

h2, .h2 {
  font: 300 calc(22px + (32 - 22) * (100vw - 430px) / (1920 - 430))/calc(28px + (40 - 28) * (100vw - 430px) / (1920 - 430)) "Aspekta", Arial, Helvetica, sans-serif;
  text-transform: initial;
}
@media screen and (min-width: 1920px) {
  h2, .h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

h3, .h3 {
  font: 400 calc(19px + (24 - 19) * (100vw - 430px) / (1920 - 430))/calc(23px + (28 - 23) * (100vw - 430px) / (1920 - 430)) "Aspekta", Arial, Helvetica, sans-serif;
  text-transform: initial;
}
@media screen and (min-width: 1920px) {
  h3, .h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

main p:empty:after {
  content: " ";
  opacity: 0;
  visibility: hidden;
}
main p a {
  cursor: pointer;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 1px no-repeat;
  transition: background 0.5s;
}
@media (hover: hover) and (pointer: fine) {
  main p a:hover {
    --d: 100%;
  }
}

picture {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 100%;
}
picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
  content-visibility: auto;
  transition: transform 0.5s;
}
picture img.lazyloaded, picture img.no-lazy {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  a:not(.swiper-slide):hover picture img, a:not(.swiper-slide):hover video {
    transform: scale3d(1.2, 1.2, 1.2);
  }
}

.std {
  font-size: 16px;
  line-height: 1.375;
}
@media screen and (min-width: 1280px) {
  .std {
    font-size: 17px;
    line-height: 1.41;
  }
}
.std .wp-block-heading {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.32;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .std .wp-block-heading {
    margin-bottom: 25px;
    font-size: 24px;
    letter-spacing: 0.022em;
  }
}
@media screen and (min-width: 1280px) {
  .std h5.wp-block-heading {
    font-size: 21px;
    letter-spacing: 0.01em;
  }
}
.std h6.wp-block-heading {
  font-size: 14px;
}
.std .entry-content p {
  margin-bottom: 20px;
}
.std .entry-content p a, .std .entry-content table a, .std .entry-content li a {
  text-decoration: underline;
  background: transparent !important;
}
@media (hover: hover) and (pointer: fine) {
  .std .entry-content p a:hover, .std .entry-content table a:hover, .std .entry-content li a:hover {
    text-decoration: none;
  }
}
.std .entry-content .wp-block-separator {
  margin-top: 23px;
  margin-bottom: 14px;
  border-top: 1px solid #D4D9D8;
}
.std .entry-content ul {
  padding: 0 0 20px 25px;
}
.std .entry-content ul li {
  list-style-type: disc;
}
@media screen and (min-width: 1280px) {
  .std .custom-row {
    max-width: 100% !important;
  }
}

.swiper {
  overflow: hidden;
}
.swiper .swiper-container {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: auto;
  padding: 0;
  list-style: none;
}
.swiper .swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper .swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
}
.swiper .swiper-container-android .swiper-slide,
.swiper .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper .swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper .swiper-container-free-mode > .swiper-wrapper {
  margin: auto;
  transition-timing-function: ease-out;
}
.swiper .swiper-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: all;
}
.swiper .swiper-invisible-blank-slide {
  visibility: hidden;
}
.swiper .swiper-container-autoheight,
.swiper .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper .swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper .swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper .swiper-fade.swiper-free-mode .swiper-slide .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper .swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper .swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper .swiper-pagination {
  position: absolute;
  z-index: 3;
  transform: translate3d(0, 0, 0);
  font-size: 0;
  text-align: center;
  min-height: 1px;
  transition: 0.3s opacity;
}
.swiper .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container:not(.swiper-container-initialized) .swiper .swiper-pagination {
  opacity: 0;
  visibility: hidden;
}
.swiper .swiper-pagination > *:only-child {
  display: none;
}
.swiper .swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper .swiper-pagination-bullets {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  font-size: 14px;
  counter-reset: slide-counter;
}
@media screen and (max-width: 767px) {
  .swiper .swiper-pagination-bullets {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .swiper .swiper-pagination-bullets {
    bottom: 8.8%;
    left: 4.2%;
    right: 4.2%;
    pointer-events: none;
  }
  .swiper .swiper-pagination-bullets > * {
    pointer-events: auto;
  }
}
.swiper .swiper-pagination-bullet {
  flex-basis: 100%;
  padding: 24px 0;
  border-bottom: 1px solid;
  transition: color 0.3s;
  counter-increment: slide-counter;
  pointer-events: auto;
}
.swiper .swiper-pagination-bullet-active:after, .swiper .swiper-pagination-bullet:last-child:before {
  content: "0" counter(slide-counter);
  position: absolute;
  z-index: 5;
  bottom: 10px;
  opacity: 1;
  pointer-events: none;
}
.swiper .swiper-pagination-bullet:before, .swiper .swiper-pagination-bullet:after {
  transition: color 0.3s;
}
.swiper .swiper-pagination-bullet-active:after {
  left: 0;
}
.swiper .swiper-pagination-bullet:last-child:before {
  right: 0;
}
.swiper .swiper-pagination-bullet-active, .swiper .swiper-pagination-bullet-active:last-child:before, .swiper .swiper-pagination-bullet-active:after {
  color: #0E0E0E;
}
@media screen and (min-width: 768px) {
  .swiper .swiper-pagination-bullet-active:after, .swiper .swiper-pagination-bullet:last-child:before {
    bottom: calc(50% - 24px);
  }
  .swiper .swiper-pagination-bullet-active:after {
    left: -1.2%;
  }
  .swiper .swiper-pagination-bullet:last-child:before {
    right: -1.2%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .swiper .swiper-pagination-bullet:hover, .swiper .swiper-pagination-bullet:hover:before {
    color: #0E0E0E;
  }
}
.swiper .swiper-button-disabled {
  display: none;
}
.swiper img.swiper-lazy-loaded {
  opacity: 1;
}

.arcticmodal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.arcticmodal-container {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.arcticmodal-container_i {
  width: 100%;
  height: 100%;
}
.arcticmodal-container_i .arcticmodal-container_i2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.modal-container {
  display: none;
  max-width: 1040px;
  max-height: calc(var(--app-height, 1vh) * 100 - 32px);
  overflow-y: auto;
  width: calc(100% - 32px);
  background: #fff;
  border-radius: 16px;
}
.arcticmodal-container .modal-container {
  display: block;
}
@media screen and (min-width: 1280px) {
  .modal-container {
    max-height: calc(var(--app-height, 1vh) * 100 - 60px);
  }
}
.modal-container .modal-wrap {
  position: relative;
  overflow: hidden;
  padding: 16px;
  margin: 16px;
  color: #fff;
  border-radius: 16px;
}
@media screen and (min-width: 1280px) {
  .modal-container .modal-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    margin: 30px;
    gap: 30px;
  }
}
.modal-container .heading {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
}
.modal-container .close {
  position: relative;
  margin-left: auto;
  padding: 8px 15px 7px 41px;
  font-size: 16px;
  line-height: 1.313;
  background: #47127C;
  border-radius: 99px;
  transition: opacity 0.15s;
}
.modal-container .close::before, .modal-container .close::after {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: rotate(45deg);
  content: "";
  width: 22px;
  height: 1px;
  background: currentColor;
}
.modal-container .close::after {
  transform: rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .modal-container .close:hover {
    opacity: 0.6;
  }
}
.modal-container .col {
  position: relative;
  z-index: 1;
}
.modal-container .col:not(:last-of-type) {
  margin-bottom: 75px;
}
@media screen and (min-width: 1280px) {
  .modal-container .col:not(:last-of-type) {
    margin: 0;
  }
}
@media screen and (min-width: 1280px) {
  .modal-container .col {
    width: calc(50% - 15px);
  }
}
.modal-container .col h3 {
  margin: 31px 0 23px;
  font-weight: 400;
  font-size: 42px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.modal-container .col .description {
  margin-bottom: 61px;
  font-size: 24px;
  line-height: 1.25;
}
.modal-container .col .caption {
  margin-bottom: 20px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.5;
}
.modal-container .with-text {
  padding-right: 8%;
}
.modal-container .with-bg {
  padding: 16px;
  background: rgba(255, 255, 255, 0.8980392157);
  border-radius: 8px;
}
@media screen and (min-width: 1280px) {
  .modal-container .with-bg {
    border-radius: 16px;
    padding: 30px;
  }
}
.modal-container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  #CybotCookiebotDialogBodyContentText {
    font-size: 12px !important;
  }
  #CybotCookiebotDialogPoweredbyCybot {
    width: auto !important;
  }
  #CybotCookiebotDialog.CybotEdge {
    padding: 10px !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader {
    width: 120px !important;
  }
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 0 !important;
    padding-top: 5px !important;
  }
  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    padding: 2px !important;
  }
  #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
    height: 24px !important;
    width: 44px !important;
  }
  #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
    height: 16px !important;
    width: 16px !important;
  }
  #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before {
    transform: translateX(20px) !important;
  }
}
header.wp-block-template-part {
  position: sticky;
  top: 30px;
  z-index: 3;
  width: 100%;
  margin: 15px auto -70px;
  padding: 0 15px;
}
@media screen and (min-width: 1280px) {
  header.wp-block-template-part {
    top: 20px;
    max-width: 1920px;
    padding: 0 70px;
    height: 70px;
    margin: 20px auto -90px;
  }
}

.header-inner {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  padding: 5px 15px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1280px) {
  .header-inner {
    height: 70px;
    padding: 5px 13px 5px 20px;
  }
}
.header-inner .wp-block-site-logo {
  position: relative;
  top: -4px;
  width: 84px;
}
@media screen and (min-width: 1280px) {
  .header-inner .wp-block-site-logo {
    width: 106px;
  }
}
.header-inner .desktop-actions {
  display: none;
}
@media screen and (min-width: 1280px) {
  .header-inner .desktop-actions {
    display: flex;
    align-items: center;
  }
}
.header-inner .desktop-actions .gradient {
  min-height: 47px;
  margin-left: 10px;
  padding: 3px 31px;
  letter-spacing: 0.0142em;
}
.header-inner .action.search {
  position: relative;
  overflow: hidden;
  display: none;
  align-items: center;
  height: 45px;
  width: 45px;
  border-radius: 99px;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  transition: width 0.3s, background 0.15s;
}
@media screen and (min-width: 1280px) {
  .header-inner .action.search {
    display: flex;
  }
}
.open-search .header-inner .action.search {
  width: 103px;
  background: #771ECF;
}
.open-search .header-inner .action.search span {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .header-inner .action.search:hover {
    width: 103px;
  }
  .header-inner .action.search:hover span {
    opacity: 1;
    transition-delay: 0.3s, 0s, 0s;
  }
}
.header-inner .action.search::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(123.03deg, #0074B2 7.56%, #00C6FF 100%);
  transition: opacity 0.5s;
}
.header-inner .action.search svg {
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin: 0 10px 0 15px;
  pointer-events: none;
}
.header-inner .action.search span {
  opacity: 0;
  transition: opacity 0.15s;
  pointer-events: none;
}

.burger-action {
  position: relative;
  right: 5px;
  width: 43px;
  height: 38px;
  cursor: pointer;
}
@media screen and (min-width: 1280px) {
  .burger-action {
    display: none;
  }
}
.burger-action::before, .burger-action::after,
.burger-action span {
  position: absolute;
  left: 10px;
  content: "";
  height: 2px;
  width: 23px;
  background: #46236A;
  border-radius: 2px;
  pointer-events: none;
  transform-origin: left;
  transition: transform 0.15s;
  transform: translateZ(0);
}
.burger-action::before {
  top: 10px;
}
.open-nav .burger-action::before {
  transform: rotate(45deg) translateZ(0);
}
.burger-action::after {
  bottom: 10px;
}
.open-nav .burger-action::after {
  transform: rotate(-45deg) translateZ(0);
}
.burger-action span {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: opacity 0.15s;
  will-change: opacity;
}
.open-nav .burger-action span {
  opacity: 0;
  transition: none;
}

.main-nav {
  position: fixed;
  top: 15px;
  right: 15px;
  left: 15px;
  z-index: 4;
  overflow: hidden;
  height: 85px;
  padding: 85px 15px 0;
  background: #46236A;
  border-radius: 40px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: height 0.15s, opacity 0.5s, visibility 0.5s;
}
@media screen and (min-width: 1280px) {
  .main-nav {
    position: absolute;
    top: 50%;
    right: auto;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    overflow: visible;
    height: auto !important;
    padding: 0;
    background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
    background-size: 200% 200%;
    animation: gradient-shift 5s ease infinite;
    border-radius: 100px;
    opacity: 1;
    visibility: visible;
  }
}
.open-nav .main-nav {
  height: calc(100% - 30px);
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s, 0s, 0s;
}
.main-nav .nav-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .nav-inner {
    flex-direction: row;
    align-items: center;
    opacity: 1;
  }
}
.open-nav .main-nav .nav-inner {
  opacity: 1;
  transition-delay: 0.7s;
}
.main-nav .section {
  padding: 53px 0 40px;
}
@media screen and (min-width: 1280px) {
  .main-nav .section {
    padding: 0;
  }
}
.main-nav article {
  margin-top: auto;
  padding: 0 15px 41px;
}
@media screen and (min-width: 1280px) {
  .main-nav article {
    display: none;
  }
}
.main-nav article .secondary {
  margin-bottom: 38px;
}
.main-nav article .underlined {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 8px;
  letter-spacing: 0.1em;
}
.main-nav article .underlined::after {
  bottom: 0;
}
.main-nav .caption {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.5;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 1280px) {
  .main-nav .caption {
    margin-bottom: 12px;
    letter-spacing: 0.1em;
  }
}
.main-nav .search-form {
  position: relative;
  padding: 0 15px;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form {
    position: absolute;
    top: calc(100% + 40px);
    left: 0;
    align-items: flex-start;
    width: calc(50% + 50vw - 32px);
    height: auto;
    padding: 50px 45px 30px 28px;
    border-radius: 16px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .open-search .main-nav .search-form {
    opacity: 1;
    visibility: visible;
  }
}
.main-nav .search-form.show .clear-search {
  opacity: 1;
  visibility: visible;
}
.main-nav .search-form.show button {
  opacity: 0;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .caption {
    margin-bottom: 34px;
    color: #838383;
  }
}
.main-nav .search-form .input-wrap {
  position: relative;
}
.main-nav .search-form .placeholder,
.main-nav .search-form input {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 5px 25px 16px 0;
  font-size: 19px;
  color: #fff;
  border: none;
  outline: none;
  border-bottom: 1px solid #fff;
  background: transparent;
  border-radius: 0;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .placeholder,
  .main-nav .search-form input {
    padding: 5px 30px 13px 0;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #0E0E0E;
    border-color: #C8C8C8;
  }
}
.main-nav .search-form .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.5);
  border: none;
  pointer-events: none;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .placeholder {
    color: rgba(14, 14, 14, 0.5);
  }
}
.main-nav .search-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff;
  transition: background-color 5000s ease-in-out 0s;
}
.main-nav .search-form ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ::-webkit-input-placeholder {
    color: rgba(14, 14, 14, 0.5);
  }
}
.main-nav .search-form :-moz-placeholder {
  opacity: 1;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form :-moz-placeholder {
    color: rgba(14, 14, 14, 0.5);
  }
}
.main-nav .search-form ::-moz-placeholder {
  opacity: 1;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ::-moz-placeholder {
    color: rgba(14, 14, 14, 0.5);
  }
}
.main-nav .search-form button {
  position: absolute;
  right: 3px;
  top: 28px;
  width: 42px;
  height: 42px;
  padding: 12px;
  pointer-events: none;
  transition: opacity 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form button {
    display: none;
  }
}
.main-nav .search-form .clear-search {
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 3;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .clear-search {
    background: rgba(0, 0, 0, 0.1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .main-nav .search-form .clear-search:hover {
    opacity: 0.6;
  }
}
.main-nav .search-form .clear-search::before, .main-nav .search-form .clear-search::after {
  position: absolute;
  top: 13px;
  left: 7px;
  content: "";
  height: 1px;
  width: 15px;
  background: #fff;
  pointer-events: none;
  transform: rotate(45deg) translateZ(0);
  transition: all 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .clear-search::before, .main-nav .search-form .clear-search::after {
    background: #0E0E0E;
  }
}
.main-nav .search-form .clear-search::after {
  transform: rotate(-45deg) translateZ(0);
}
.main-nav .search-form .close-search {
  position: absolute;
  top: 45px;
  right: 45px;
  display: none;
  align-items: center;
  padding: 5px 15px;
  font-size: 16px;
  background: #47127C;
  border-radius: 99px;
  transition: opacity 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .close-search {
    display: flex;
  }
}
@media (hover: hover) and (pointer: fine) {
  .main-nav .search-form .close-search:hover {
    opacity: 0.6;
  }
}
.main-nav .search-form .close-search svg {
  margin-right: 10px;
}
.main-nav .search-form .autocomplete {
  color: #0E0E0E;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .autocomplete {
    overflow-y: auto;
    max-height: calc(var(--app-height, 1vh) * 100 - 380px);
  }
}
.main-nav .search-form .result-count {
  margin: 26px 0;
  font-size: 14px;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form .result-count {
    margin: 15px 0 45px;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #0E0E0E;
  }
}
.main-nav .search-form ul {
  margin: 0 -10px;
  padding: 24px 30px;
  background: #fff;
  border-radius: 16px;
}
.main-nav .search-form ul:empty {
  display: none;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ul {
    padding: 0;
    margin: 0;
  }
}
.main-nav .search-form ul li {
  margin-bottom: 49px;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ul li {
    margin-bottom: 47px;
  }
}
.main-nav .search-form ul h3 {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ul h3 {
    margin-bottom: 15px;
  }
}
.main-nav .search-form ul h5 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #46236A;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ul h5 {
    margin-bottom: 3px;
    font-size: 17px;
    letter-spacing: 0.09em;
  }
}
.main-nav .search-form ul p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ul p {
    line-height: 1.49;
  }
}
.main-nav .search-form ul .redirect {
  font-weight: 500;
  color: #46236A;
  transition: opacity 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .main-nav .search-form ul .redirect:hover {
    opacity: 0.6;
  }
}
.main-nav .search-form ul .wrap {
  margin-bottom: 22px;
}
@media screen and (min-width: 1280px) {
  .main-nav .search-form ul .wrap {
    margin-bottom: 19px;
  }
}
.main-nav .sub-nav {
  padding-bottom: 48px;
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-nav {
    display: flex;
    align-items: center;
    padding: 0;
  }
}
.main-nav .sub-nav .main-action {
  display: block;
  padding: 4px 40px 4px 15px;
  font-size: 36px;
  line-height: 1.2223;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-nav .main-action {
    padding: 5px 25px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
    border-radius: 99px;
    transition: background 0.3s;
  }
}
@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .main-nav .sub-nav .main-action:hover {
    background: rgba(255, 255, 255, 0.2509803922);
  }
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-nav .main-action.active {
    background: rgba(22, 2, 69, 0.5019607843);
  }
  .main-nav .sub-nav .main-action.active + .dropdown {
    opacity: 1;
    visibility: visible;
  }
}
.main-nav .sub-nav span {
  position: relative;
}
.main-nav .sub-nav span.active::after {
  transform: translateY(-50%) rotate(90deg);
}
.main-nav .sub-nav span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 27px;
  content: "";
  filter: invert(1);
  width: 8px;
  height: 14px;
  background: transparent var(--icon__dropdown) center no-repeat;
  transition: transform 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-nav span::after {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-nav > li.mobile-link {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-nav > li {
    padding: 5px;
  }
}
.main-nav .dropdown {
  display: none;
}
@media screen and (min-width: 1280px) {
  .main-nav .dropdown {
    position: absolute;
    top: calc(100% + 40px);
    left: 0;
    display: flex !important;
    align-items: flex-start;
    width: calc(50% + 50vw - 32px);
    height: auto !important;
    padding: 33px 38px !important;
    border-radius: 16px;
    background: #52376C;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
}
.main-nav .desktop-info {
  display: none;
  flex: 1;
  max-width: 350px;
  min-width: 100px;
}
@media screen and (min-width: 1280px) {
  .main-nav .desktop-info {
    display: block;
  }
}
.main-nav .desktop-info .title {
  margin-bottom: 46px;
  max-width: 225px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.main-nav .sub-sub-nav {
  padding: 15px 0;
  font-size: 21px;
  line-height: 1.286;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-sub-nav {
    flex: 1;
    padding: 0;
  }
}
.main-nav .sub-sub-nav a {
  padding: 4px 35px 4px 15px;
  display: block;
  transition: opacity 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .sub-sub-nav a {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-bottom: 8px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .main-nav .sub-sub-nav a:hover {
    opacity: 0.5;
  }
}
.main-nav .close {
  position: absolute;
  top: 26px;
  right: 31px;
  display: none;
  align-items: center;
  font-size: 16px;
  padding: 10px;
  transition: opacity 0.15s;
}
@media screen and (min-width: 1280px) {
  .main-nav .close {
    display: flex;
  }
}
@media (hover: hover) and (pointer: fine) {
  .main-nav .close:hover {
    opacity: 0.5;
  }
}
.main-nav .close svg {
  margin-right: 10px;
}

footer.wp-block-template-part a {
  transition: opacity 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  footer.wp-block-template-part a:hover {
    opacity: 0.5;
  }
}
footer.wp-block-template-part .affiliated-bodies {
  margin-bottom: 38px;
  padding: 25px 0 30px;
}
footer.wp-block-template-part .affiliated-bodies h3 {
  margin-bottom: 26px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  color: #777976;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .affiliated-bodies h3 {
    margin-bottom: 29px;
    font-size: 12px;
  }
}
footer.wp-block-template-part .affiliated-bodies ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .affiliated-bodies ul {
    gap: 20px;
  }
}
footer.wp-block-template-part .affiliated-bodies li {
  max-width: 240px;
  width: 100%;
}
footer.wp-block-template-part .affiliated-bodies picture {
  padding-bottom: 43%;
}
footer.wp-block-template-part .hero-text {
  padding: 43px 0 61px;
  font-size: calc(54px + (135 - 54) * (100vw - 430px) / (1920 - 430));
  line-height: 1.01;
  letter-spacing: -0.04em;
  background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .hero-text {
    max-width: 1860px;
    margin: 0 auto 48px;
    padding: 24px 30px 42px;
  }
}
@media screen and (min-width: 1920px) {
  footer.wp-block-template-part .hero-text {
    font-size: 135px;
  }
}
footer.wp-block-template-part .hero-text span {
  display: block;
  text-align: right;
}
footer.wp-block-template-part .bottom-footer {
  max-width: 1720px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  footer.wp-block-template-part .bottom-footer {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .bottom-footer {
    padding: 0;
  }
}
footer.wp-block-template-part .bottom-wrap {
  margin-bottom: 26px;
  border-bottom: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .bottom-wrap {
    display: flex;
    margin-bottom: 23px;
    padding: 22px 0 42px;
    border-top: 1px solid #D4D9D8;
  }
}
footer.wp-block-template-part .newsletter {
  padding: 20px 20% 50px 0;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .newsletter {
    padding: 0 10% 20px 0;
  }
}
footer.wp-block-template-part .newsletter h5 {
  margin-bottom: 23px;
  font-size: 11px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #777976;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .newsletter h5 {
    margin-bottom: 17px;
    font-size: 12px;
  }
}
footer.wp-block-template-part .newsletter p {
  margin-bottom: 24px;
  line-height: 1.35;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .newsletter p {
    line-height: 1.45;
  }
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .newsletter {
    max-width: 553px;
    width: 100%;
    border: none;
  }
}
footer.wp-block-template-part .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0 22px;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .footer-links {
    padding: 0 7% 0 0;
    order: -1;
    flex: 1;
    gap: 30px;
  }
}
footer.wp-block-template-part .footer-links li {
  width: calc(50% - 10px);
  margin-bottom: 18px;
}
@media screen and (min-width: 1024px) {
  footer.wp-block-template-part .footer-links li {
    width: auto;
    flex: auto;
  }
}
footer.wp-block-template-part .footer-links h5 {
  margin-bottom: 19px;
  font-size: 11px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #777976;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .footer-links h5 {
    margin-bottom: 14px;
    font-size: 12px;
  }
}
footer.wp-block-template-part .footer-links a {
  display: block;
  font-size: 13px;
  line-height: 2;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .footer-links a {
    font-size: 15px;
  }
}
footer.wp-block-template-part .sub-footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 13px;
  text-align: center;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .sub-footer {
    flex-direction: row;
    font-size: 15px;
    letter-spacing: -0.0025em;
  }
}
footer.wp-block-template-part .sub-footer .sub-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .sub-footer .sub-links {
    order: -1;
    gap: 31px;
  }
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .sub-footer .copiright {
    max-width: 553px;
    width: 100%;
    margin-left: auto;
    text-align: left;
  }
}
footer.wp-block-template-part .stupid-designer-links {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 21px;
}
@media screen and (min-width: 1280px) {
  footer.wp-block-template-part .stupid-designer-links {
    flex: 1;
  }
}
footer.wp-block-template-part .stupid-designer-links a {
  margin: 0 10px;
}

.action {
  cursor: pointer;
}
.action.primary, .action.outline, .action.secondary, .action.gradient {
  transform: translateZ(0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  min-height: 50px;
  padding: 3px 35px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 99px;
  text-align: center;
  color: #fff;
  background: rgba(132, 53, 212, 0.1019607843);
  transition: color 0.5s, background 0.5s;
}
.action.primary {
  background: #771ECF;
}
@media (hover: hover) and (pointer: fine) {
  .action.primary:hover {
    background: #00C6FF;
  }
}
.action.secondary {
  color: #0E0E0E;
  background: #fff;
  border: 1px solid #fff;
}
@media (hover: hover) and (pointer: fine) {
  .action.secondary:hover {
    color: #fff;
    background: transparent;
  }
}
.action.outline {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
@media (hover: hover) and (pointer: fine) {
  .action.outline:hover {
    color: #0E0E0E;
    background: #fff;
  }
}
.action.gradient {
  position: relative;
  overflow: hidden;
}
.action.gradient::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
  background-size: 200% 200%;
  animation: gradient-shift 5s ease infinite;
  transition: opacity 0.5s;
}
@media (hover: hover) and (pointer: fine) {
  .action.gradient:hover {
    color: #0E0E0E;
  }
  .action.gradient:hover::after {
    opacity: 0;
  }
}
.action.underlined, .action.underline {
  position: relative;
}
.action.underlined:after, .action.underline:after {
  position: absolute;
  right: 0;
  bottom: -8px;
  z-index: 2;
  content: "";
  width: 0;
  height: 1px;
  border-bottom: 1px solid;
  transition: width 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) and (pointer: fine) {
  .action.underlined:hover:after, .action.underline:hover:after {
    width: 100%;
    right: auto;
    left: 0;
  }
}
.action.underlined:after {
  width: 100%;
  right: auto;
  left: 0;
}
@media (hover: hover) and (pointer: fine) {
  .action.underlined:hover:after {
    width: 0;
    right: 0;
    left: auto;
  }
}
.page-short .primary-banner {
  position: relative;
  overflow: hidden;
  height: 200px;
  margin-bottom: 40px;
  border-radius: 8px;
}
@media screen and (min-width: 1280px) {
  .page-short .primary-banner {
    height: 446px;
    margin-bottom: 66px;
    border-radius: 16px;
  }
}
.page-short .primary-banner figure {
  display: block;
  height: 100%;
}
.page-short .primary-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-short .primary-banner h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1140px;
  width: 100%;
  margin: 0;
  padding: 50px 15px 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 2;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .page-short .primary-banner h2 {
    padding: 50px 30px 0;
    font-size: 50px;
  }
}
@media screen and (min-width: 1280px) {
  .page-short .page-short-content {
    max-width: 1720px;
    margin: 0 auto 61px;
  }
}
.page-short .page-short-content .entry-content > * {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.filters {
  pointer-events: none;
}

.news-listing .filter-action,
.news-listing .filter-content-wrap .caption::after {
  display: none !important;
}

.news-listing .filters-wrap {
  display: flex;
  margin-bottom: 9px;
  padding-bottom: 49px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .news-listing .filters-wrap {
    max-width: 1720px;
    width: 100%;
    margin: 0 auto 26px;
    padding-bottom: 39px;
  }
}
.news-listing .search-wrap {
  overflow: hidden;
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 99px;
}
@media screen and (min-width: 1280px) {
  .news-listing .search-wrap {
    margin-right: 30px;
  }
}
.news-listing .search-wrap span {
  display: flex;
  align-items: center;
  padding: 1px 16px 0 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .news-listing .search-wrap span {
    letter-spacing: 0.1em;
  }
}
.news-listing .search-wrap svg {
  width: 16px;
  min-width: 16px;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  .news-listing .search-wrap svg {
    margin-left: 7px;
  }
}
.news-listing .search-wrap input {
  width: 100%;
  min-height: 53px;
  padding: 1px 0 0 0;
  border: 0;
  font-size: 16px;
  outline: none !important;
}
@media screen and (min-width: 1280px) {
  .news-listing .search-wrap input {
    font-size: 17px;
  }
}
.news-listing .filters {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .news-listing .filters {
    width: 49.1%;
  }
}
.news-listing .filter-action {
  position: relative;
  width: 55px;
  height: 55px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
}
@media screen and (min-width: 1280px) {
  .news-listing .filter-action {
    display: none;
  }
}
.news-listing .filter-action.active {
  background: #771ECF;
  border-color: #771ECF;
}
.news-listing .filter-action.active span {
  color: #fff;
}
.news-listing .filter-action.active + .filter-content-wrap .clear-filters {
  transform: translate3d(0, 15px, 0);
}
.news-listing .filter-action span {
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 2px;
  border-radius: 2px;
  color: #0E0E0E;
  background: currentColor;
  transition: background 0.3s;
}
.news-listing .filter-action span::before, .news-listing .filter-action span::after {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: background 0.3s;
}
.news-listing .filter-action span::after {
  top: 12px;
  width: 5px;
}
.news-listing .filter-content-wrap {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  width: calc(100vw - 34px);
  padding-top: 15px;
}
@media screen and (min-width: 1280px) {
  .news-listing .filter-content-wrap {
    position: static;
    width: auto;
    padding: 0;
  }
}
.news-listing .filter-content-wrap .label {
  margin-bottom: 11px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #838383;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .news-listing .filter-content-wrap .label {
    margin: 2px 9px 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .news-listing .filter-content-wrap .caption {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 55px;
    padding: 5px 40px 5px 19px;
    border: 1px solid #D4D9D8;
    border-radius: 32px;
    cursor: pointer;
  }
  .news-listing .filter-content-wrap .caption.active::after {
    transform: rotate(-90deg) !important;
  }
  .news-listing .filter-content-wrap .caption.active + ul {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 10px, 0);
  }
}
@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .news-listing .filter-content-wrap .caption:hover::after {
    transform: rotate(90deg);
  }
}
@media screen and (min-width: 1280px) {
  .news-listing .filter-content-wrap .caption::after {
    position: absolute;
    top: 20px;
    right: 23px;
    content: "";
    width: 8px;
    height: 13px;
    background: transparent var(--icon__dropdown) center no-repeat;
    background-size: 8px;
    filter: brightness(1);
    transition: transform 0.3s;
  }
}
.news-listing .filter-content {
  display: none;
  padding: 18px 20px 20px;
  background: #F0F3F2;
  border-radius: 16px;
}
@media screen and (min-width: 1280px) {
  .news-listing .filter-content {
    display: flex !important;
    background: transparent;
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .news-listing .custom-select {
    position: relative;
    flex: 1;
  }
}
@media screen and (min-width: 1280px) {
  .news-listing .custom-select:last-child {
    margin-left: 30px;
  }
}
.news-listing .custom-select:last-child ul {
  margin-bottom: 0;
}
.news-listing .custom-select .current-value {
  display: none;
}
@media screen and (min-width: 1280px) {
  .news-listing .custom-select .current-value {
    display: block;
  }
}
.news-listing .custom-select ul {
  margin-bottom: 28px;
  background: #fff;
  border-radius: 8px;
}
@media screen and (min-width: 1280px) {
  .news-listing .custom-select ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.0509803922);
    transition: opacity 0.15s, visibility 0.15s, transform 0.15s;
  }
}
.news-listing .custom-select li {
  padding: 15px 20px 14px;
  font-size: 14px;
  color: #838383;
  transition: color 0.15s;
  cursor: pointer;
}
@media screen and (min-width: 1280px) {
  .news-listing .custom-select li {
    font-weight: 500;
    font-size: 15px;
    transition: color 0.15s;
  }
}
@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .news-listing .custom-select li:hover {
    color: #771ECF;
  }
}
.news-listing .custom-select li:not(:last-child) {
  border-bottom: 1px solid #D4D9D8;
}
.news-listing .custom-select li.active {
  color: #0E0E0E;
  pointer-events: none;
}
@media screen and (min-width: 1280px) {
  .news-listing .custom-select li.active {
    display: none;
  }
}
.news-listing .count {
  display: none;
  margin-bottom: 25px;
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
  .news-listing .count {
    max-width: 1720px;
    margin: 0 auto 40px;
    font-size: 21px;
    letter-spacing: -0.01em;
  }
}
.news-listing .count b {
  font-weight: 700;
}
.news-listing .clear-filters {
  position: absolute;
  bottom: -21px;
  right: -2px;
  padding: 5px 27px 5px 15px;
  font-weight: 500;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  transition: opacity 0.15s, visibility 0.15s, transform 0.3s;
}
.news-listing .clear-filters.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1280px) {
  .news-listing .clear-filters {
    bottom: -95px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .news-listing .clear-filters:hover {
    opacity: 0.6 !important;
  }
}
.news-listing .clear-filters::before, .news-listing .clear-filters::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(45deg);
  content: "";
  width: 20px;
  height: 1px;
  background: #0E0E0E;
}
.news-listing .clear-filters::after {
  transform: rotate(-45deg);
}
.news-listing .posts-list {
  padding: 25px 20px 0;
}
@media screen and (min-width: 1024px) {
  .news-listing .posts-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-top: 55px;
  }
}
@media screen and (min-width: 1280px) {
  .news-listing .posts-list {
    max-width: 1760px;
    margin: auto;
  }
}
.news-listing .post-item {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .news-listing .post-item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 1280px) {
  .news-listing .post-item {
    width: calc(33.33% - 20px);
  }
}
.news-listing .post-item picture {
  padding-bottom: 62.5%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
}
.news-listing .post-item picture img {
  opacity: 1;
}
.news-listing .post-item .post-image {
  display: block;
  margin-bottom: 27px;
}
@media screen and (min-width: 1280px) {
  .news-listing .post-item .post-image {
    margin-bottom: 25px;
  }
}
.news-listing .post-item .sub-info {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
@media screen and (min-width: 1280px) {
  .news-listing .post-item .sub-info {
    margin-bottom: 17px;
  }
}
.news-listing .post-item .post-date {
  position: relative;
  padding-right: 25px;
}
@media screen and (min-width: 1280px) {
  .news-listing .post-item .post-date {
    font-size: 16px;
  }
}
.news-listing .post-item .post-date::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  content: "";
  width: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.news-listing .post-item .post-author {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.news-listing .post-item h2 {
  margin-bottom: 23px;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .news-listing .post-item h2 {
    margin-bottom: 73px;
  }
}
.news-listing .post-item h2 a {
  transition: color 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .news-listing .post-item h2 a:hover {
    color: #771ECF;
  }
}
.news-listing .post-item .post-categories {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .news-listing .post-item .post-categories {
    margin-top: auto;
  }
}
.news-listing .post-item .post-categories a {
  display: block;
  margin-right: 5px;
  padding: 7px 15px 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 99px;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .news-listing .post-item .post-categories a:hover {
    border-color: #0E0E0E;
    background: #0E0E0E;
    color: #fff;
  }
}
.news-listing .pagination-wrap {
  width: 100%;
}
.news-listing .pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 384px;
  margin: auto;
  padding: 0 48px;
  font-size: 17px;
}
.news-listing .pagination:empty::before, .news-listing .pagination:empty::after {
  display: none;
}
.news-listing .pagination::before, .news-listing .pagination::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F6F9F7 url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 18%27%3E%3Cpath d=%27m.26 2.122 6.87 6.885-6.87 6.885 2.115 2.115 9-9-9-9L.26 2.122Z%27 fill=%27%23DEE1DF%27/%3E%3C/svg%3E") no-repeat center;
  background-size: 12px;
}
.news-listing .pagination::before {
  transform: rotate(180deg);
}
.news-listing .pagination::after {
  left: auto;
  right: 0;
}
.news-listing .pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  max-width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #868686;
  transition: color 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .news-listing .pagination .page-numbers:hover {
    color: #771ECF;
  }
}
.news-listing .pagination .current {
  color: #1383B7;
}
.news-listing .pagination .prev,
.news-listing .pagination .next {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  min-width: 48px;
  border: 1px solid #D4D9D8;
  font-size: 0;
  min-width: none;
  background: #fff url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 18%27%3E%3Cpath d=%27m.26 2.122 6.87 6.885-6.87 6.885 2.115 2.115 9-9-9-9L.26 2.122Z%27 fill=%27%230E0E0E%27/%3E%3C/svg%3E") no-repeat center;
  background-size: 12px;
  transition: filter 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .news-listing .pagination .prev:hover,
  .news-listing .pagination .next:hover {
    filter: invert(1);
  }
}
.news-listing .pagination .prev {
  transform: rotate(180deg);
}
.news-listing .pagination .next {
  left: auto;
  right: 0;
}

.post-detail {
  padding-top: 150px;
}
@media screen and (min-width: 1280px) {
  .post-detail {
    padding-top: 160px;
  }
}
.post-detail .top-bar {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.44;
  margin: 0 30px 49px;
  padding-top: 15px;
  border-top: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  .post-detail .top-bar {
    max-width: 1720px;
    margin: auto;
    padding: 24px 0 82px;
    font-size: 16px;
  }
}
.post-detail .top-bar .col {
  flex: 1;
}
@media screen and (min-width: 1280px) {
  .post-detail .top-bar .col {
    display: flex;
    gap: 9.4%;
  }
}
.post-detail .top-bar .back {
  display: block;
  margin-bottom: 10px;
  transition: color 0.15s;
}
@media screen and (min-width: 1280px) {
  .post-detail .top-bar .back {
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .post-detail .top-bar .back:hover {
    color: #00C6FF;
  }
}
.post-detail .top-bar .category {
  text-align: right;
  color: #46236A;
}
.post-detail .top-bar .category a {
  transition: color 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .post-detail .top-bar .category a:hover {
    color: #00C6FF;
  }
}
@media screen and (min-width: 1280px) {
  .post-detail .top-bar .category {
    justify-content: flex-end;
  }
}
.post-detail .wp-block-post-author {
  display: inline;
  white-space: nowrap;
}
.post-detail .wp-block-post-author * {
  display: inline;
}
.post-detail .middle-bar {
  padding: 0 30px 55px;
}
@media screen and (min-width: 1280px) {
  .post-detail .middle-bar {
    display: flex;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 84px;
  }
}
.post-detail .middle-bar .post-logo {
  width: 110px;
  min-width: 110px;
  margin-bottom: 37px;
}
@media screen and (min-width: 1280px) {
  .post-detail .middle-bar .post-logo {
    order: 1;
    margin: 5px 0 0 70px;
  }
}
.post-detail .main-info {
  margin-bottom: 35px;
}
@media screen and (min-width: 1280px) {
  .post-detail .main-info {
    margin-bottom: 63px;
  }
}
.post-detail .main-info h1 {
  margin-bottom: 28px;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1280px) {
  .post-detail .main-info h1 {
    margin-bottom: 50px;
    font-size: 52px;
    line-height: 1.2;
  }
}
.post-detail .main-info .description {
  font-size: 19px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .post-detail .main-info .description {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
.post-detail .main-info > figure {
  overflow: hidden;
  position: relative;
  height: 320px;
  border-radius: 16px;
}
@media screen and (min-width: 1280px) {
  .post-detail .main-info > figure {
    height: 744px;
  }
}
.post-detail .main-info > figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-detail .entry-content {
  padding: 0 30px 24px;
}
@media screen and (min-width: 1280px) {
  .post-detail .entry-content {
    padding: 0 0 20px;
  }
}
@media screen and (min-width: 1280px) {
  .post-detail .entry-content > * {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
.post-detail .taxonomy-post_tag {
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px 35px;
}
@media screen and (min-width: 1280px) {
  .post-detail .taxonomy-post_tag {
    max-width: 1200px;
    margin: auto;
    padding-bottom: 64px;
  }
}
.post-detail .taxonomy-post_tag a {
  margin: 0 5px 5px 0;
  padding: 5px 8px;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background: #46236A;
  border-radius: 99px;
  transition: opacity 0.15s;
}
@media screen and (min-width: 1280px) {
  .post-detail .taxonomy-post_tag a {
    margin-right: 10px;
    padding: 5px 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .post-detail .taxonomy-post_tag a:hover {
    opacity: 0.6;
  }
}

.post-content {
  margin-bottom: 53px;
  border-bottom: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  .post-content {
    max-width: 1720px;
    margin: 0 auto 61px;
  }
}

.related-posts {
  margin-bottom: 38px;
  padding: 0 30px 10px;
  border-bottom: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  .related-posts {
    max-width: 1720px;
    margin: 0 auto 36px;
    padding: 0 0 50px;
  }
}
.related-posts .heading {
  margin-bottom: 40px;
}
@media screen and (min-width: 1280px) {
  .related-posts .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1280px) {
  .related-posts .heading .action {
    margin-top: 9px;
  }
}
.related-posts h3 {
  margin-bottom: 41px;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .related-posts h3 {
    margin: 0;
    font-size: 42px;
  }
}
@media screen and (min-width: 1280px) {
  .related-posts ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 61px;
    margin-bottom: 20px;
  }
}
.related-posts li {
  position: relative;
  margin-bottom: 50px;
}
@media screen and (min-width: 1024px) {
  .related-posts li {
    display: flex;
    flex-direction: column;
    width: calc(50% - 43px);
    margin: 0;
    padding-bottom: 14px;
  }
  .related-posts li:not(:first-child)::after {
    position: absolute;
    top: 0;
    left: -31px;
    content: "";
    width: 1px;
    height: 100%;
    background: #D4D9D8;
  }
}
@media screen and (min-width: 1280px) {
  .related-posts li {
    width: calc(33.33% - 43px);
  }
}
.related-posts li picture {
  padding-bottom: 62.5%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
}
.related-posts li picture img {
  opacity: 1;
}
.related-posts li .post-image {
  display: block;
  margin-bottom: 27px;
}
@media screen and (min-width: 1280px) {
  .related-posts li .post-image {
    margin-bottom: 25px;
  }
}
.related-posts li .sub-info {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
@media screen and (min-width: 1280px) {
  .related-posts li .sub-info {
    margin-bottom: 17px;
  }
}
.related-posts li .post-date {
  position: relative;
  padding-right: 25px;
}
@media screen and (min-width: 1280px) {
  .related-posts li .post-date {
    font-size: 16px;
  }
}
.related-posts li .post-date::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  content: "";
  width: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.related-posts li .post-author {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.related-posts li h2 {
  margin-bottom: 23px;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .related-posts li h2 {
    margin-bottom: 73px;
    letter-spacing: 0.014em;
  }
}
.related-posts li h2 a {
  transition: color 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .related-posts li h2 a:hover {
    color: #771ECF;
  }
}
.related-posts li .posts-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .related-posts li .posts-list {
    margin-top: auto;
  }
}
.related-posts li .posts-list a {
  display: block;
  margin-right: 5px;
  padding: 7px 15px 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 99px;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .related-posts li .posts-list a:hover {
    border-color: #0E0E0E;
    background: #0E0E0E;
    color: #fff;
  }
}

.main-banner {
  position: relative;
  overflow: hidden;
  border-radius: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .main-banner {
    margin-bottom: 60px;
    border-radius: 16px;
  }
}
.main-banner article {
  position: absolute;
  top: 107px;
  left: 0;
  z-index: 1;
  padding: calc(30px + (168 - 30) * (100vw - 430px) / (1920 - 430)) calc(30px + (69 - 30) * (100vw - 430px) / (1920 - 430));
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .main-banner article {
    left: 50%;
    transform: translateX(-50%);
    max-width: 1862px;
    padding: 80px 70px;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .main-banner article {
    padding: 168px 70px;
  }
}
.main-banner article .wrap {
  max-width: 590px;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .main-banner article .wrap {
    max-width: 720px;
  }
}
.main-banner picture {
  padding-bottom: 900px;
}
@media screen and (min-width: 768px) {
  .main-banner picture {
    padding-bottom: 825px;
  }
}
@media screen and (min-width: 1024px) {
  .main-banner picture {
    padding-bottom: 770px;
  }
}
@media screen and (min-width: 1280px) {
  .main-banner picture {
    padding-bottom: 580px;
  }
}
@media screen and (min-width: 1440px) {
  .main-banner picture {
    padding-bottom: 770px;
  }
}
.main-banner .caption {
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .main-banner .caption {
    margin-bottom: 20px;
    font-size: 12px;
  }
}
.main-banner h2 {
  margin-bottom: 18px;
  font-weight: 400;
  font-size: 41px;
  font-size: calc(41px + (64 - 41) * (100vw - 430px) / (1920 - 430));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .main-banner h2 {
    padding-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .main-banner h2 {
    padding-right: 0;
    margin-bottom: 20px;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1280px) {
  .main-banner h2 {
    font-size: 52px;
  }
}
@media screen and (min-width: 1440px) {
  .main-banner h2 {
    font-size: 64px;
  }
}
.main-banner .description {
  margin-bottom: 72px;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .main-banner .description {
    padding-right: 15%;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1440px) {
  .main-banner .description {
    margin-bottom: 55px;
  }
}
.main-banner .action-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .main-banner .action-wrap {
    gap: 20px;
  }
}
.main-banner .action-wrap .action {
  flex: 1;
}
@media screen and (min-width: 1024px) {
  .main-banner .action-wrap .action {
    flex: none;
  }
}

.solutions-row {
  padding: 18px 20px 80px;
}
@media screen and (min-width: 1280px) {
  .solutions-row {
    max-width: 1862px;
    margin: auto;
    padding: 4px 70px 40px;
  }
}
.solutions-row article {
  margin-bottom: 70px;
}
@media screen and (min-width: 1280px) {
  .solutions-row article {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 188px;
  }
}
@media screen and (min-width: 1280px) {
  .solutions-row .col {
    width: 50%;
  }
  .solutions-row .col:first-child {
    padding-right: 15%;
  }
}
.solutions-row .subtitle {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .solutions-row .subtitle {
    margin-bottom: 24px;
    font-size: 12px;
  }
}
.solutions-row h2 {
  margin-bottom: 39px;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .solutions-row h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}
.solutions-row .description {
  margin-bottom: 34px;
  font-size: 18px;
  line-height: 1.28;
}
@media screen and (min-width: 1280px) {
  .solutions-row .description {
    padding-top: 48px;
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .solutions-row .description {
    font-size: 21px;
    line-height: 1.43;
  }
}
.solutions-row ul {
  display: flex;
  flex-wrap: wrap;
  gap: 34px 20px;
}
@media screen and (min-width: 1280px) {
  .solutions-row ul {
    gap: 30px;
  }
}
.solutions-row ul li {
  width: calc(50% - 10px);
}
@media screen and (min-width: 1280px) {
  .solutions-row ul li {
    width: calc(33.333% - 20px);
  }
}
@media screen and (min-width: 1440px) {
  .solutions-row ul li {
    width: calc(16.6666666667% - 25px);
  }
}
.solutions-row picture {
  width: 100px;
  margin-bottom: 25px;
  padding-bottom: 100px;
}
@media screen and (min-width: 1280px) {
  .solutions-row picture {
    width: 115px;
    margin-bottom: 10px;
    padding-bottom: 115px;
  }
}
.solutions-row picture img {
  object-fit: contain;
}
.solutions-row h4 {
  padding-bottom: 20px;
  font-size: 19px;
}
@media screen and (min-width: 1280px) {
  .solutions-row h4 {
    padding: 0 25% 17px 0;
  }
}
@media screen and (min-width: 1440px) {
  .solutions-row h4 {
    min-height: 77px;
    font-size: 24px;
    line-height: 1.25;
  }
}
.solutions-row .text {
  line-height: 1.38;
}
@media screen and (min-width: 1440px) {
  .solutions-row .text {
    font-size: 17px;
  }
}

.why-we {
  overflow: hidden;
  position: relative;
  margin: 25px 0 40px;
  padding: 48px 30px 16px;
  color: #fff;
  border-radius: 16px;
}
@media screen and (min-width: 1280px) {
  .why-we {
    max-width: 1860px;
    margin: 0 auto 70px;
    padding: 70px 70px 85px;
  }
}
.why-we picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}
.why-we article, .why-we ul {
  position: relative;
  z-index: 1;
}
.why-we article {
  margin-bottom: 75px;
}
@media screen and (min-width: 1280px) {
  .why-we article {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 200px;
  }
}
.why-we h2 {
  margin-bottom: 27px;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .why-we h2 {
    font-size: 42px;
    line-height: 1.25;
  }
}
.why-we ul {
  counter-reset: custom-counter;
}
@media screen and (min-width: 1280px) {
  .why-we ul {
    display: flex;
    gap: 55px;
  }
}
.why-we li {
  position: relative;
  padding: 0 0 29px 55px;
  counter-increment: custom-counter;
  font-size: 14px;
}
@media screen and (min-width: 1280px) {
  .why-we li {
    padding: 120px 0 0;
    flex: 1;
  }
}
.why-we li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(custom-counter);
  width: 40px;
  font-weight: 400;
  font-size: calc(48px + (64 - 48) * (100vw - 430px) / (1920 - 430));
  line-height: 1;
}
@media screen and (min-width: 1280px) {
  .why-we li::before {
    top: -8px;
  }
}
@media screen and (min-width: 1920px) {
  .why-we li::before {
    font-size: 64px;
  }
}
@media screen and (min-width: 1280px) {
  .why-we li:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: -28px;
    bottom: 0;
    width: 1px;
    content: "";
    background: rgba(255, 255, 255, 0.5);
  }
}
.why-we h4 {
  padding: 0 37% 20px 0;
  font-size: 19px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .why-we h4 {
    padding-right: 33%;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }
}
.why-we .text {
  line-height: 1.44;
}
@media screen and (min-width: 1280px) {
  .why-we .text {
    line-height: 1.5;
    letter-spacing: 0.033em;
  }
}

.whoo-we-help {
  padding: 38px 20px 45px;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help {
    padding: 66px 70px 79px;
    max-width: 1862px;
    margin: auto;
  }
}
@media screen and (min-width: 1280px) {
  .whoo-we-help article {
    display: flex;
    margin-bottom: 111px;
  }
}
.whoo-we-help h2 {
  font-weight: 400;
  margin-bottom: 32px;
  font-size: 32px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help h2 {
    margin: 0;
    width: 50.9%;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .whoo-we-help h2 {
    font-size: 42px;
  }
}
.whoo-we-help .description {
  margin-bottom: 35px;
  font-size: 19px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help .description {
    margin-bottom: 33px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1440px) {
  .whoo-we-help .description {
    font-size: 24px;
  }
}
.whoo-we-help .col {
  margin-bottom: 95px;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help .col {
    margin: 0;
  }
}
@media screen and (min-width: 1280px) {
  .whoo-we-help .content-wrap {
    display: flex;
  }
}
.whoo-we-help .img-wrap {
  display: none;
  width: 50.9%;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help .img-wrap {
    display: block;
  }
}
.whoo-we-help .img-inner {
  max-width: 440px;
  width: 100%;
}
.whoo-we-help picture {
  border-radius: 16px;
  padding-bottom: 70.455%;
}
.whoo-we-help ul {
  flex: 1;
}
.whoo-we-help li a {
  display: flex;
  padding-bottom: 20px;
  color: #868686;
  gap: 20px;
  transition: color 0.5s;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help li a {
    padding-bottom: 21px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .whoo-we-help li a:hover {
    color: #46236A;
  }
  .whoo-we-help li a:hover svg {
    opacity: 1;
  }
}
.whoo-we-help svg {
  align-self: flex-start;
  width: 40px;
  min-width: 40px;
  opacity: 0.5;
  transition: opacity 0.15s;
}
.whoo-we-help h4 {
  font-size: 19px;
  width: 30.5%;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .whoo-we-help h4 {
    width: 46%;
  }
}
@media screen and (min-width: 1440px) {
  .whoo-we-help h4 {
    font-size: 21px;
  }
}
.whoo-we-help .text {
  flex: 1;
  line-height: 1.37;
}
@media screen and (min-width: 1440px) {
  .whoo-we-help .text {
    font-size: 16px;
    line-height: 1.3;
  }
}

.cta-row {
  padding: 29px 0 18px;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .cta-row {
    display: flex;
    gap: 30px;
    padding: 66px 70px 36px;
    max-width: 1862px;
    margin: auto;
  }
}
.cta-row .devider {
  position: relative;
  display: none;
  width: 110px;
  min-width: 110px;
  border-radius: 16px;
}
@media screen and (min-width: 1280px) {
  .cta-row .devider {
    display: block;
  }
}
.cta-row .col {
  position: relative;
  min-height: 415px;
  margin-bottom: 20px;
  padding: 38px 30px 51px;
}
@media screen and (min-width: 1280px) {
  .cta-row .col {
    flex: 1;
    min-height: 445px;
    margin: 0;
    padding: 34px 40px 51px;
  }
}
.cta-row picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  padding-bottom: 0;
  border-radius: 16px;
}
.cta-row article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
@media screen and (min-width: 1280px) {
  .cta-row article {
    max-width: 440px;
    width: 100%;
  }
}
.cta-row .subtitle {
  margin-bottom: 60px;
  font-size: 16px;
}
@media screen and (min-width: 1280px) {
  .cta-row .subtitle {
    margin-bottom: 67px;
    font-size: 17px;
  }
}
.cta-row h3 {
  margin-bottom: 28px;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .cta-row h3 {
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 1.25;
  }
}
.cta-row .description {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.37;
}
@media screen and (min-width: 1280px) {
  .cta-row .description {
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
}
.cta-row .action {
  font-weight: 500;
  font-size: 14px;
  margin-top: auto;
}
.cta-row .arrow-link {
  position: absolute;
  top: 30px;
  right: 20px;
  z-index: 1;
  padding: 10px;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1280px) {
  .cta-row .arrow-link {
    right: 30px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cta-row .arrow-link:hover {
    opacity: 0.5;
  }
}
.cta-row .arrow-link svg {
  width: 24px;
  height: auto;
}
@media screen and (min-width: 1280px) {
  .cta-row .arrow-link svg {
    width: 32px;
  }
}

.secondary-banner {
  position: relative;
  min-height: 720px;
  margin-bottom: calc(32px + (60 - 32) * (100vw - 430px) / (1920 - 430));
  color: #fff;
}
@media screen and (max-width: 390px) {
  .secondary-banner {
    min-height: 675px;
  }
}
@media screen and (min-width: 768px) {
  .secondary-banner {
    min-height: 520px;
  }
}
@media screen and (min-width: 1440px) {
  .secondary-banner {
    min-height: 600px;
  }
}
.secondary-banner .secondary-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0;
}
.secondary-banner .secondary-banner__bg img {
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .secondary-banner .secondary-banner__bg img {
    border-radius: 16px;
  }
}
.secondary-banner .secondary-banner__info {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1867px;
  margin: 0 auto;
  padding: 147px 24px 33px 30px;
}
@media screen and (min-width: 1280px) {
  .secondary-banner .secondary-banner__info {
    flex-direction: row;
    gap: 30px;
    padding: 200px 73.5px 33px 73.5px;
  }
}
@media screen and (min-width: 1440px) {
  .secondary-banner .secondary-banner__info {
    padding-top: 276px;
  }
}
.secondary-banner .secondary-banner__info .secondary-banner__info-box {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .secondary-banner .secondary-banner__info .secondary-banner__info-box {
    width: calc(50% - 15px);
  }
}
.secondary-banner .breadcrumb {
  margin-bottom: calc(7px + (22 - 7) * (100vw - 430px) / (1920 - 430));
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .secondary-banner .breadcrumb {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.secondary-banner .breadcrumb .separator {
  margin: 0 5px;
}
.secondary-banner .secondary-banner__title {
  max-width: 510px;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .secondary-banner .secondary-banner__title {
    max-width: 91%;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 390px) {
  .secondary-banner .secondary-banner__title {
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (min-width: 1440px) {
  .secondary-banner .secondary-banner__title {
    max-width: 690px;
    font-size: 52px;
    line-height: 62.4px;
  }
}
.secondary-banner .secondary-banner__subtitle {
  font-size: 16px;
  line-height: 22.4px;
  margin: 30px 0 39px;
}
@media screen and (min-width: 1280px) {
  .secondary-banner .secondary-banner__subtitle {
    font-size: 17px;
    line-height: 24px;
  }
}
.secondary-banner .secondary-banner__desc {
  font-size: 19px;
  line-height: 25px;
}
@media screen and (max-width: 767px) {
  .secondary-banner .secondary-banner__desc {
    padding-top: 19px;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 390px) {
  .secondary-banner .secondary-banner__desc {
    font-size: 15px;
    line-height: 22px;
  }
}
@media screen and (min-width: 768px) {
  .secondary-banner .secondary-banner__desc {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1440px) {
  .secondary-banner .secondary-banner__desc {
    padding: 48px 0 0 0;
    font-size: 24px;
    line-height: 30px;
  }
}

.our-values {
  max-width: 1867px;
  margin: 0 auto calc(35px + (65 - 35) * (100vw - 430px) / (1920 - 430));
  padding: 0 20px;
}
@media screen and (min-width: 1280px) {
  .our-values {
    padding: 0 73.5px;
  }
}
.our-values .section-title {
  margin-bottom: 42px;
}
@media screen and (min-width: 1280px) {
  .our-values .section-title {
    width: calc(50% - 15px);
    margin-bottom: 140px;
  }
}
.our-values .section-title .section-title__title {
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .our-values .section-title .section-title__title {
    padding: 20px 0;
  }
}
@media screen and (min-width: 768px) {
  .our-values .section-title .section-title__title {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1280px) {
  .our-values .section-title .section-title__title {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .our-values .section-title .section-title__title {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.our-values .section-title .section-title__text {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .our-values .section-title .section-title__text {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .our-values .section-title .section-title__text {
    font-size: 24px;
    line-height: 30px;
  }
}
.our-values .our-values__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 33px 20px;
}
@media screen and (min-width: 1280px) {
  .our-values .our-values__wrap {
    gap: 0;
  }
}
@media screen and (min-width: 1280px) {
  .our-values .our-values__item:first-child {
    width: 18.9%;
  }
}
@media screen and (min-width: 1280px) {
  .our-values .our-values__item:nth-child(5) {
    width: 18.9%;
  }
}
@media screen and (min-width: 1280px) {
  .our-values .our-values__item:not(:first-child) {
    padding-left: 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .our-values .our-values__item {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 768px) {
  .our-values .our-values__item {
    width: calc(33.333% - 20px);
  }
}
@media screen and (min-width: 1280px) {
  .our-values .our-values__item {
    width: 20.73%;
  }
}
.our-values .our-values__item .our-values__item-title {
  margin: calc(15px + (24 - 15) * (100vw - 430px) / (1920 - 430)) 0 calc(10px + (16 - 10) * (100vw - 430px) / (1920 - 430));
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .our-values .our-values__item .our-values__item-title {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .our-values .our-values__item .our-values__item-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.our-values .our-values__item .our-values__item-info {
  max-width: 190px;
  font-size: 16px;
  line-height: 22.4px;
}
@media screen and (min-width: 1280px) {
  .our-values .our-values__item .our-values__item-info {
    padding-right: 10px;
    font-size: 15px;
    line-height: 22.4px;
  }
}
@media screen and (min-width: 1440px) {
  .our-values .our-values__item .our-values__item-info {
    font-size: 17px;
    line-height: 24px;
  }
}
.our-values .our-values__item .our-values__item-icon {
  height: 100px;
}
.our-values .our-values__item .our-values__item-icon picture {
  width: 88px;
  padding-bottom: 88px;
}
@media screen and (max-width: 767px) {
  .our-values .our-values__item .our-values__item-icon picture {
    width: 77px;
    padding-bottom: 77px;
  }
}
.our-values .our-values__item .our-values__item-icon picture img {
  object-fit: contain;
}

.vision-mission-section {
  border-radius: 16px;
  padding: calc(21px + (63 - 21) * (100vw - 430px) / (1920 - 430)) 20px;
  margin-bottom: 50px;
  background: rgba(236, 242, 239, 0.5019607843);
}
@media screen and (min-width: 1280px) {
  .vision-mission-section {
    padding: 61px 59px;
    margin: 0 70px 70px;
  }
}
@media screen and (min-width: 1920px) {
  .vision-mission-section {
    max-width: 1720px;
    margin: 0 auto 70px;
  }
}
.vision-mission-section .title {
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .title {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.vision-mission-section .vision-title__wrap {
  margin-bottom: calc(93px + (152 - 93) * (100vw - 430px) / (1920 - 430));
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision-title__wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision-title__wrap .vision-title__box {
    width: calc(50% - 15px);
  }
}
.vision-mission-section .vision-title__wrap .title {
  margin-bottom: 77px;
}
.vision-mission-section .vision-title__wrap .vision-title__box-text {
  font-size: 28px;
  line-height: 33.6px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .vision-title__wrap .vision-title__box-text {
    font-size: 32px;
    line-height: 40px;
  }
}
.vision-mission-section .vision_image-switcher {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(90px + (153 - 90) * (100vw - 430px) / (1920 - 430));
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher {
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
    padding-top: 23px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__text {
  order: 2;
  margin-bottom: 29px;
  font-size: 19px;
  line-height: 24.7px;
}
@media screen and (max-width: 767px) {
  .vision-mission-section .vision_image-switcher .image-switcher__text {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__text {
    order: 1;
    max-width: 160px;
  }
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .vision_image-switcher .image-switcher__text {
    font-size: 24px;
    line-height: 30px;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__list {
  order: 3;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__list {
    order: 2;
    max-width: 480px;
    width: calc(50% - 190px);
    margin-left: auto;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__list li {
  padding: 24px 0 34px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 23.4px;
  transition: opacity 0.5s;
  cursor: default;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__list li {
    padding: 24px 0 50px;
    opacity: 0.5;
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .vision_image-switcher .image-switcher__list li {
    font-size: 21px;
    line-height: 30px;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__list li.is-active {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__list li:first-child {
    padding-top: 0;
    border-top: 0;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__slider {
  position: relative;
  order: 1;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__slider {
    order: 3;
    width: calc(50% - 15px);
    margin: 5px 0 0 0;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__slider picture {
  padding-bottom: 62.5%;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__slider picture {
    padding-bottom: 62.5%;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__slider picture img {
  border-radius: 16px;
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-button {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity 0.15s;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-button {
    display: none;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-button.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-button-prev {
  left: 0;
  transform: translate(8px, -50%);
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-button-next {
  right: 0;
  transform: translate(-8px, -50%);
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination {
  justify-content: center;
  bottom: 21px;
}
@media screen and (min-width: 1280px) {
  .vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination {
    bottom: 15px;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination-bullet {
  flex-basis: unset;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 3px;
  border: 0;
  border-radius: 50%;
  font-size: 0;
  background: rgba(233, 233, 233, 0.5);
  transition: background 0.5s;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination-bullet {
    pointer-events: none;
  }
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination-bullet:after, .vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination-bullet:before {
  display: none;
}
.vision-mission-section .vision_image-switcher .image-switcher__slider .swiper-pagination-bullet-active {
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .mission-title__wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .mission-title__wrap .mission-title__box {
    width: calc(50% - 15px);
  }
}
.vision-mission-section .mission-title__wrap .title {
  margin-bottom: calc(28px + (57 - 28) * (100vw - 430px) / (1920 - 430));
}
.vision-mission-section .mission-title__wrap .mission-title__box-text {
  margin-bottom: 35px;
  font-size: 19px;
  line-height: 24.7px;
}
@media screen and (max-width: 767px) {
  .vision-mission-section .mission-title__wrap .mission-title__box-text {
    letter-spacing: -0.01em;
    max-width: 190px;
  }
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .mission-title__wrap .mission-title__box-text {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .vision-mission-section .mission-list {
    width: calc(50% - 15px);
    margin-left: auto;
  }
}
.vision-mission-section .mission-list li {
  display: flex;
  padding: 23px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 23.4px;
}
@media screen and (min-width: 1280px) {
  .vision-mission-section .mission-list li {
    letter-spacing: -0.01em;
    padding: 23px 0 19px;
  }
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .mission-list li {
    font-size: 21px;
    line-height: 30px;
  }
}
.vision-mission-section .mission-list li .mission-list__number {
  min-width: 80px;
  font-size: calc(52px + (80 - 52) * (100vw - 430px) / (1920 - 430));
  line-height: calc(52px + (80 - 52) * (100vw - 430px) / (1920 - 430));
  letter-spacing: -0.01em;
  background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1024px) {
  .vision-mission-section .mission-list li .mission-list__number {
    min-width: 110px;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1440px) {
  .vision-mission-section .mission-list li .mission-list__number {
    min-width: 220px;
  }
}
@media screen and (min-width: 1920px) {
  .vision-mission-section .mission-list li .mission-list__number {
    font-size: 80px;
    line-height: 80px;
  }
}
.vision-mission-section .mission-list li strong {
  display: block;
}

.co-founders {
  margin: 0 20px calc(40px + (70 - 40) * (100vw - 430px) / (1920 - 430));
  padding: 62px 20px 63px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .co-founders {
    margin: 0 0 calc(40px + (70 - 40) * (100vw - 430px) / (1920 - 430)) 0;
  }
}
@media screen and (min-width: 1280px) {
  .co-founders {
    margin-right: 73.5px;
    margin-left: 73.5px;
    padding: 62px 0px 63px;
  }
}
@media screen and (min-width: 1920px) {
  .co-founders {
    max-width: 1720px;
    margin-left: auto;
    margin-right: auto;
  }
}
.co-founders .founders-title__wrap {
  margin-bottom: calc(32px + (103 - 32) * (100vw - 430px) / (1920 - 430));
}
@media screen and (min-width: 1280px) {
  .co-founders .founders-title__wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .co-founders .founders-title__wrap .vision-title__box {
    width: calc(50% - 15px);
  }
}
.co-founders .founders-title__wrap .title {
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
  margin-bottom: 67px;
}
@media screen and (min-width: 1440px) {
  .co-founders .founders-title__wrap .title {
    margin-bottom: 63px;
    font-size: 42px;
    line-height: 50.4px;
  }
}
.co-founders .founders-title__wrap .vision-title__box-text {
  font-size: 24px;
  line-height: 30px;
}
.co-founders .founders-list {
  padding: 30px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .co-founders .founders-list {
    gap: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list:has(.__active) .founders-item {
    width: 23.5%;
  }
}
.co-founders .founders-list .founders-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list .founders-item {
    flex-direction: row;
    width: calc(33.333% - 20px);
    max-width: none;
  }
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list .founders-item.__active {
    order: -1;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list .founders-item.__active .founders-item__left {
    width: calc(33.333% - 20px);
  }
}
.co-founders .founders-list .founders-item.__active .founders-item__left .founders-item__name {
  opacity: 0;
}
.co-founders .founders-list .founders-item.__active .founders-item__left .founders-item__info {
  display: none;
}
.co-founders .founders-list .founders-item.__active .founders-item__left .arrow {
  opacity: 0;
}
.co-founders .founders-list .founders-item.__active .founders-item__left .founders-item__image picture {
  background: rgba(0, 198, 255, 0.5019607843);
}
.co-founders .founders-list .founders-item__left {
  width: 100%;
}
.co-founders .founders-list .founders-item__right {
  display: none;
  flex: 1;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list .founders-item__right-content {
    display: flex;
    align-items: flex-start;
    padding-left: 30px;
  }
}
.co-founders .founders-list .founders-item__right-description {
  flex: 1;
  margin-top: 20px;
  font-size: 15px;
  line-height: 21px;
}
@media screen and (min-width: 1024px) {
  .co-founders .founders-list .founders-item__right-description {
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) {
  .co-founders .founders-list .founders-item__right-description {
    font-size: 17px;
    line-height: 24px;
  }
}
.co-founders .founders-list .founders-item__right-description p {
  margin-bottom: 10px;
}
.co-founders .founders-list .founders-item__right-description blockquote {
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: 40px;
}
@media screen and (min-width: 1440px) {
  .co-founders .founders-list .founders-item__right-description blockquote {
    font-size: 21px;
    line-height: 30px;
  }
}
.co-founders .founders-list .founders-item__right-info {
  width: 260px;
  margin-right: 30px;
}
.co-founders .founders-list .founders-item__right .founders-item__name {
  position: static;
  margin-bottom: 15px;
  color: #0E0E0E;
}
.co-founders .founders-list .founders-item__image {
  position: relative;
  margin-bottom: 17px;
}
@media (hover: hover) and (pointer: fine) {
  .co-founders .founders-list .founders-item__image:hover .arrow {
    transform: scale3d(1.15, 1.15, 1.15);
  }
}
.co-founders .founders-list .founders-item__image picture {
  padding-bottom: 80%;
  border-radius: 16px;
  background: rgba(0, 198, 255, 0.3294117647);
  transition: background 0.3s;
}
.co-founders .founders-list .founders-item__name {
  position: absolute;
  bottom: 23px;
  left: 30px;
  font-size: 19px;
  line-height: 24.7px;
  color: #fff;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .co-founders .founders-list .founders-item__name {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .co-founders .founders-list .founders-item__name {
    bottom: 32px;
    left: 40px;
    font-size: 24px;
    line-height: 30px;
  }
}
.co-founders .founders-list .founders-item__info {
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .co-founders .founders-list .founders-item__info {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.co-founders .founders-list .founders-item .arrow {
  position: absolute;
  z-index: 1;
  top: 29px;
  right: 27px;
  transition: transform 0.3s, opacity 0.3s;
}

.solutions-services {
  margin: 0 auto calc(38px + (70 - 38) * (100vw - 430px) / (1920 - 430));
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .solutions-services {
    padding: 70px 0 0 0;
    margin: 0 70px 70px;
  }
}
@media screen and (min-width: 1920px) {
  .solutions-services {
    max-width: 1720px;
    margin: 0 auto 70px;
  }
}
.solutions-services .solutions-title_wrap {
  margin-bottom: calc(80px + (130 - 80) * (100vw - 430px) / (1920 - 430));
  padding: 40px 20px 0;
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-title_wrap {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .solutions-services .solutions-title_wrap {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-title_wrap .solutions-title__box {
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-title_wrap .solutions-title__box:last-child {
    display: flex;
    justify-content: flex-end;
  }
}
.solutions-services .solutions-title_wrap .title {
  max-width: 600px;
  margin-bottom: 31px;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .solutions-services .solutions-title_wrap .title {
    max-width: 215px;
  }
}
@media screen and (min-width: 1280px) {
  .solutions-services .solutions-title_wrap .title {
    margin-bottom: 0;
    margin-top: -10px;
  }
}
@media screen and (min-width: 1440px) {
  .solutions-services .solutions-title_wrap .title {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.solutions-services .solutions-title_wrap .action {
  border: 1px solid #0E0E0E;
}
@media (hover: hover) and (pointer: fine) {
  .solutions-services .solutions-title_wrap .action:hover {
    border-color: #00C6FF;
    background: #00C6FF;
  }
}
.solutions-services .solutions-content {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-content {
    flex-direction: row;
  }
}
.solutions-services .solutions-content .solutions__item {
  position: relative;
  border-radius: 16px;
  background: rgba(236, 242, 239, 0.5019607843);
  padding: 40px;
}
@media (hover: hover) and (pointer: fine) {
  .solutions-services .solutions-content .solutions__item:hover .arrow {
    transform: scale3d(1.15, 1.15, 1.15);
  }
}
@media screen and (max-width: 767px) {
  .solutions-services .solutions-content .solutions__item {
    width: 100%;
    padding: 40px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-content .solutions__item {
    width: calc(33.333% - 15px);
    display: flex;
    flex-direction: column;
    min-height: 540px;
  }
}
@media screen and (min-width: 1440px) {
  .solutions-services .solutions-content .solutions__item {
    min-height: 613px;
  }
}
.solutions-services .solutions-content .solutions__item a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.solutions-services .solutions-content .solutions__item .arrow {
  position: absolute;
  top: 40px;
  right: 30px;
  width: 48px;
  height: 48px;
  transition: transform 0.3s;
}
@media screen and (min-width: 1440px) {
  .solutions-services .solutions-content .solutions__item .arrow {
    right: 40px;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-content .solutions__item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
  }
}
.solutions-services .solutions-content .solutions__item-label {
  display: inline-block;
  margin-bottom: 74px;
  padding: 7.5px 14px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .solutions-services .solutions-content .solutions__item-label {
    margin-bottom: 158px;
  }
}
.solutions-services .solutions-content .solutions__item-title {
  display: -webkit-box;
  max-width: 270px;
  height: 100px;
  margin-bottom: calc(10px + (30 - 10) * (100vw - 430px) / (1920 - 430));
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 1280px) {
  .solutions-services .solutions-content .solutions__item-title {
    max-width: 300px;
    height: 120px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .solutions-services .solutions-content .solutions__item-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.solutions-services .solutions-content .solutions__item-text {
  font-size: 14px;
  line-height: 19.6px;
}
@media screen and (min-width: 1440px) {
  .solutions-services .solutions-content .solutions__item-text {
    font-size: 16px;
    line-height: 21px;
  }
}
.solutions-services .solutions-content .solutions__item .action {
  min-height: 40px;
  margin-top: 56px;
  padding: 3px 32px;
}
@media screen and (min-width: 1024px) {
  .solutions-services .solutions-content .solutions__item .action {
    margin-top: auto;
  }
}

.next-step {
  position: relative;
  margin: 0 0 calc(40px + (70 - 40) * (100vw - 430px) / (1920 - 430));
  min-height: 365px;
}
@media screen and (max-width: 767px) {
  .next-step {
    margin: 0 0 40px;
  }
}
@media screen and (min-width: 1280px) {
  .next-step {
    margin: 0 70px calc(40px + (70 - 40) * (100vw - 430px) / (1920 - 430));
  }
}
@media screen and (min-width: 1920px) {
  .next-step {
    max-width: 1720px;
    margin: 0 auto 70px;
  }
}
.next-step picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}
.next-step picture img {
  border-radius: 16px;
}
.next-step .title {
  max-width: 800px;
  margin: 0 auto 14px;
  font-size: calc(32px + (42 - 32) * (100vw - 430px) / (1920 - 430));
  line-height: calc(38.4px + (50.4 - 38.4) * (100vw - 430px) / (1920 - 430));
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .next-step .title {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.next-step__box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 65px 30px 70px;
  color: #fff;
}
@media screen and (max-width: 390px) {
  .next-step__box {
    padding: 65px 30px 70px;
  }
}
.next-step__sup-title {
  margin-bottom: 18px;
  font-size: calc(11px + (12 - 11) * (100vw - 430px) / (1920 - 430));
  font-weight: 500;
  line-height: calc(17.6px + (19.2 - 17.6) * (100vw - 430px) / (1920 - 430));
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1920px) {
  .next-step__sup-title {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.next-step__text {
  max-width: 700px;
  margin: 0 auto 32px;
  font-size: calc(16px + (17 - 16) * (100vw - 430px) / (1920 - 430));
  line-height: calc(22.4px + (24 - 22.4) * (100vw - 430px) / (1920 - 430));
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .next-step__text {
    font-size: 17px;
    line-height: 24px;
  }
}
.next-step__text p {
  margin-bottom: 20px;
}
.next-step__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .next-step__buttons {
    flex-direction: column;
  }
}
.next-step__buttons .action.transparent {
  transform: translateZ(0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  min-height: 50px;
  padding: 3px 35px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 99px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  background: transparent;
  transition: background 0.5s, border 0.5s;
}
@media (hover: hover) and (pointer: fine) {
  .next-step__buttons .action.transparent:hover {
    background: rgba(0, 198, 255, 0.3);
    border-color: rgba(0, 198, 255, 0.3);
  }
}

.key-solutions {
  max-width: 1860px;
  margin: 0 auto 30px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .key-solutions {
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .key-solutions {
    margin-bottom: 40px;
    padding: 0 70px;
  }
}
.key-solutions:last-child {
  margin-bottom: 0;
}
.key-solutions-title__wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(46px + (90 - 46) * (100vw - 430px) / (1920 - 430));
}
@media screen and (max-width: 767px) {
  .key-solutions-title__wrap {
    padding: 20px 20px 0;
  }
}
@media screen and (min-width: 1024px) {
  .key-solutions-title__wrap {
    flex-direction: row;
    gap: 30px;
  }
}
.key-solutions-title__wrap .title {
  margin-bottom: 28px;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .key-solutions-title__wrap .title {
    font-size: 42px;
    line-height: 54px;
  }
}
.key-solutions-title__wrap .text {
  font-size: 19px;
  line-height: 24.7px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1024px) {
  .key-solutions-title__wrap .text {
    margin-top: 5px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .key-solutions-title__wrap .text {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .key-solutions-title__box {
    width: calc(50% - 15px);
  }
}
.key-solutions__item {
  padding: 20px;
  border-radius: 32px;
  background: rgba(236, 242, 239, 0.5019607843);
  flex-direction: row;
}
@media screen and (min-width: 1024px) {
  .key-solutions__item {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .key-solutions__item {
    padding: 30px;
  }
}
.key-solutions__item.item-reverse {
  flex-direction: row-reverse;
}
.key-solutions__image {
  padding-bottom: 80%;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .key-solutions__image {
    width: calc(50% - 15px);
    padding-bottom: 39.28%;
    margin-bottom: 0;
  }
}
.key-solutions__image img {
  border-radius: 8px;
}
.key-solutions__info {
  width: 83.34%;
  padding: 25px 20px 35px;
}
@media screen and (min-width: 1024px) {
  .key-solutions__info {
    align-self: center;
    width: calc(50% - 15px);
    padding: 20px 5% 35px;
  }
}
@media screen and (min-width: 1440px) {
  .key-solutions__info {
    padding: 20px 9.8% 35px;
  }
}
.key-solutions__info-title {
  margin-bottom: 26px;
  font-size: 28px;
  line-height: 33.6px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .key-solutions__info-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.key-solutions__info-desc {
  margin-bottom: 23px;
  font-size: 16px;
  line-height: 22.4px;
}
@media screen and (min-width: 1440px) {
  .key-solutions__info-desc {
    font-size: 17px;
    line-height: 24px;
  }
}
.key-solutions__info .action {
  font-size: 13px;
  font-weight: 500;
  color: #46236A;
}
@media screen and (min-width: 1024px) {
  .key-solutions__info .action {
    font-size: 16px;
    line-height: 21px;
  }
}

.choose-gnteq__title-wrap {
  max-width: 1860px;
  margin: 0 auto calc(40px + (168 - 40) * (100vw - 430px) / (1920 - 430));
  padding: 0 20px;
}
@media screen and (min-width: 1024px) {
  .choose-gnteq__title-wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .choose-gnteq__title-wrap {
    padding: 0 70px;
  }
}
@media screen and (min-width: 1024px) {
  .choose-gnteq__title-wrap .choose-gnteq__title-box {
    width: calc(50% - 15px);
  }
}
.choose-gnteq__title-wrap .title {
  margin-bottom: 38px;
  font-size: 28px;
  line-height: 33.6px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .choose-gnteq__title-wrap .title {
    max-width: 520px;
    font-size: 32px;
    line-height: 40px;
  }
}
.choose-gnteq__title-wrap .text {
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .choose-gnteq__title-wrap .text {
    font-size: 21px;
    line-height: 30px;
  }
}
.choose-gnteq__title-wrap .action {
  margin-top: 34px;
}

.choose-gnteq {
  margin: calc(40px + (70 - 40) * (100vw - 430px) / (1920 - 430)) 0;
}
@media screen and (min-width: 1280px) {
  .choose-gnteq {
    padding: 68px 0;
  }
}
.choose-gnteq .suptitle {
  max-width: 1860px;
  margin: 0 auto 27px;
  padding: 0 20px;
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1280px) {
  .choose-gnteq .suptitle {
    padding: 0 70px;
    font-size: 12px;
    line-height: 19.2px;
  }
}
.choose-gnteq__wrap {
  max-width: 1860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .choose-gnteq__wrap {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1280px) {
  .choose-gnteq__wrap {
    gap: 30px;
    padding: 0 70px;
  }
}
.choose-gnteq__item {
  padding: 40px 40px 35px 30px;
  border-radius: 16px;
  background: rgba(236, 242, 239, 0.5019607843);
}
@media screen and (min-width: 768px) {
  .choose-gnteq__item {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 1280px) {
  .choose-gnteq__item {
    width: calc(25% - 23px);
    padding: 40px 40px 35px 40px;
  }
}
.choose-gnteq__icon {
  width: 79px;
  padding-bottom: 79px;
  margin-bottom: 25px;
}
@media screen and (min-width: 1280px) {
  .choose-gnteq__icon {
    width: 90px;
    padding-bottom: 90px;
    margin-bottom: 57px;
  }
}
.choose-gnteq__icon img {
  object-fit: contain;
}
.choose-gnteq__title {
  margin-bottom: 9px;
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .choose-gnteq__title {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1280px) {
  .choose-gnteq__title {
    display: -webkit-box;
    height: 50px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (min-width: 1440px) {
  .choose-gnteq__title {
    height: 57px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .choose-gnteq__title {
    height: 30.56px;
    -webkit-line-clamp: 2;
  }
}
.choose-gnteq__desc {
  font-size: 16px;
  line-height: 22.4px;
}
@media screen and (min-width: 1280px) {
  .choose-gnteq__desc {
    font-size: 17px;
    line-height: 24px;
  }
}

.industries-we-serve {
  margin-bottom: 30px;
}
@media screen and (min-width: 1280px) {
  .industries-we-serve:last-child {
    margin-bottom: 70px;
  }
}
.industries-we-serve .title {
  max-width: 1860px;
  margin: 0 auto 42px;
  padding: 0 20px;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .industries-we-serve .title {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .industries-we-serve .title {
    margin-bottom: 88px;
    padding: 0 70px;
  }
}
@media screen and (min-width: 1440px) {
  .industries-we-serve .title {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.industries-we-serve ~ .solutions-services {
  margin-top: 40px;
}
@media screen and (min-width: 1280px) {
  .industries-we-serve ~ .solutions-services {
    margin-top: 70px;
  }
}

.we-serve__wrap {
  display: flex;
  flex-direction: column;
  gap: 27px;
}
@media screen and (min-width: 768px) {
  .we-serve__wrap {
    max-width: 1860px;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1280px) {
  .we-serve__wrap {
    padding: 0 70px;
  }
}
@media screen and (min-width: 1440px) {
  .we-serve__wrap {
    gap: 30px;
  }
}
@media screen and (min-width: 1920px) {
  .we-serve__wrap {
    padding: 0 70px;
  }
}

.we-serve__item {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px 30px 20px;
  border-radius: 16px;
  background: rgba(236, 242, 239, 0.5019607843);
}
@media screen and (min-width: 768px) {
  .we-serve__item {
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 1440px) {
  .we-serve__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
    width: calc(50% - 15px);
    min-height: 413px;
    margin: 0;
    padding: 33px 40px;
  }
}
.we-serve__item.with-bg {
  overflow: hidden;
}
.we-serve__item.with-bg .we-serve__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.we-serve__item.with-bg .we-serve__item-info {
  position: relative;
  z-index: 1;
  padding-top: 90px;
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .we-serve__item.with-bg .we-serve__item-info {
    position: static;
    padding-top: 0;
    margin-left: auto;
  }
}
.we-serve__item.with-bg .we-serve__item-title {
  font-size: 32px;
  line-height: 40px;
  max-width: 280px;
}
.we-serve__item.with-bg .we-serve__item-icon {
  top: 20px;
  right: 0px;
  width: 48px;
}
@media screen and (min-width: 1440px) {
  .we-serve__item.with-bg .we-serve__item-icon {
    top: 40px;
    right: auto;
    left: 40px;
  }
}
.we-serve__item.with-bg .we-serve__item-desc {
  font-size: 17px;
  line-height: 24px;
  max-width: 280px;
  margin-bottom: 70px;
}
@media screen and (min-width: 1440px) {
  .we-serve__item.with-bg .we-serve__item-desc {
    max-width: 320px;
    margin-bottom: 0;
  }
}
.we-serve__item.with-bg .action {
  color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 1440px) {
  .we-serve__item-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 402.5px;
    width: calc(100% - 300px);
    height: 96%;
    padding-left: 70px;
  }
}
.we-serve__item-image {
  width: 250px;
  padding-bottom: 250px;
  margin-bottom: 25px;
}
@media screen and (max-width: 390px) {
  .we-serve__item-image {
    width: 180px;
    padding-bottom: 180px;
  }
}
.we-serve__item-image img {
  border-radius: 8px;
}
@media screen and (min-width: 1440px) {
  .we-serve__item-image {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 333px;
  }
}
.we-serve__item-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
}
@media screen and (min-width: 1440px) {
  .we-serve__item-icon {
    top: 9px;
    left: 0;
  }
}
.we-serve__item-title {
  margin-bottom: 18px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .we-serve__item-title {
    max-width: 300px;
    font-size: 32px;
    line-height: 40px;
  }
}
.we-serve__item-desc {
  margin-bottom: 46px;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .we-serve__item-desc {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 24px;
  }
}
.we-serve__item .action {
  font-size: calc(13px + (16 - 13) * (100vw - 430px) / (1920 - 430));
  line-height: 21px;
  font-weight: 500;
  color: #46236A;
}
@media screen and (min-width: 1440px) {
  .we-serve__item .action {
    margin-top: auto;
  }
}

.whoWeHelp__main {
  margin-bottom: calc(26px + (63 - 26) * (100vw - 430px) / (1920 - 430));
  padding-top: 146px;
}
@media screen and (min-width: 1280px) {
  .whoWeHelp__main {
    padding-top: 190px;
  }
}
@media screen and (min-width: 1440px) {
  .whoWeHelp__main {
    padding-top: 276px;
  }
}
.whoWeHelp__title-wrap {
  max-width: 1860px;
  margin: 0 auto;
  padding: 0 calc(30px + (70 - 30) * (100vw - 430px) / (1920 - 430));
}
@media screen and (min-width: 1024px) {
  .whoWeHelp__title-wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1920px) {
  .whoWeHelp__title-wrap {
    padding: 0 70px;
  }
}
@media screen and (min-width: 1024px) {
  .whoWeHelp__title-wrap .whoWeHelp__title-box {
    width: calc(50% - 15px);
  }
}
.whoWeHelp__title-wrap .breadcrumb {
  margin-bottom: 27px;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .whoWeHelp__title-wrap .breadcrumb {
    margin-bottom: 22px;
  }
}
.whoWeHelp__title-wrap .breadcrumb .separator {
  margin: 0 7px;
  color: #0074B2;
}
.whoWeHelp__title-wrap .title {
  max-width: 700px;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 39.6px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1440px) {
  .whoWeHelp__title-wrap .title {
    font-size: 52px;
    line-height: 62.4px;
  }
}
.whoWeHelp__title-wrap .text {
  padding-top: 49px;
  margin-bottom: calc(66px + (75 - 66) * (100vw - 430px) / (1920 - 430));
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .whoWeHelp__title-wrap .text {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .whoWeHelp__title-wrap .text {
    font-size: 24px;
    line-height: 30px;
  }
}
.whoWeHelp__image {
  position: relative;
  max-width: 1860px;
  margin: 0 auto;
}
.whoWeHelp__icon {
  position: absolute;
  z-index: 2;
  top: 50px;
  left: 48px;
  max-width: 80px;
  width: 100%;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .whoWeHelp__icon {
    display: none;
  }
}
.whoWeHelp__icon img {
  object-fit: contain;
}
.whoWeHelp__img {
  position: relative;
  padding-bottom: 465px;
  overflow: hidden;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .whoWeHelp__img {
    padding-bottom: 225px;
  }
}
.whoWeHelp__img:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
  opacity: 0.5;
}

.challenges {
  max-width: 1860px;
  padding: calc(20px + (70 - 20) * (100vw - 430px) / (1920 - 430)) 30px;
  margin: 0 auto calc(30px + (70 - 30) * (100vw - 430px) / (1920 - 430));
}
@media screen and (min-width: 1280px) {
  .challenges {
    padding: calc(20px + (70 - 20) * (100vw - 430px) / (1920 - 430)) 70px;
  }
}
.challenges .challenges__title-wrap {
  margin-bottom: calc(24px + (94 - 24) * (100vw - 430px) / (1920 - 430));
}
@media screen and (min-width: 1024px) {
  .challenges .challenges__title-wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .challenges .challenges__title-wrap .challenges__title-box {
    width: calc(50% - 15px);
  }
}
.challenges .challenges__title-wrap .title {
  margin-bottom: 18px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1024px) {
  .challenges .challenges__title-wrap .title {
    max-width: 380px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .challenges .challenges__title-wrap .title {
    font-size: 32px;
    line-height: 40px;
  }
}
.challenges .challenges__title-wrap .text {
  padding-bottom: calc(20px + (30 - 20) * (100vw - 430px) / (1920 - 430));
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .challenges .challenges__title-wrap .text {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .challenges .challenges__title-wrap .text {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .challenges-wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .challenges-box {
    display: flex;
    width: calc(50% - 15px);
  }
}
.challenges-box__image {
  display: none;
}
@media screen and (min-width: 1024px) {
  .challenges-box__image {
    display: flex;
    align-self: flex-end;
    max-width: 410px;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .challenges-box picture {
    width: 100%;
    padding-bottom: 80%;
  }
}
.challenges-box picture img {
  border-radius: 8px;
}
.challenges-list {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.challenges-list li {
  display: flex;
  gap: 40px;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .challenges-list li {
    padding: 14px 0;
  }
}
.challenges-list__caption {
  min-width: 130px;
  max-width: 240px;
  width: 42%;
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .challenges-list__caption {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 1280px) {
  .challenges-list__caption {
    max-width: 260px;
  }
}
@media screen and (min-width: 1440px) {
  .challenges-list__caption {
    font-size: 21px;
    line-height: 30px;
  }
}
.challenges-list__text {
  flex: 1;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .challenges-list__text {
    font-size: 17px;
    line-height: 24px;
  }
}

.benefits {
  padding: 0 0 30px;
  margin: 0 30px calc(30px + (70 - 30) * (100vw - 430px) / (1920 - 430));
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
  .benefits {
    padding: 70px 0;
  }
}
@media screen and (min-width: 1280px) {
  .benefits {
    margin: 0 70px calc(30px + (70 - 30) * (100vw - 430px) / (1920 - 430));
  }
}
@media screen and (min-width: 1920px) {
  .benefits {
    max-width: 1720px;
    margin: 0 auto 70px;
  }
}
@media screen and (min-width: 1024px) {
  .benefits-wrap {
    display: flex;
    gap: 30px;
  }
}
.benefits-box {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .benefits-box {
    width: calc(50% - 15px);
  }
}
.benefits-list li {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 25px 0 21px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .benefits-list li {
    padding: 30px 0;
  }
}
@media screen and (min-width: 1440px) {
  .benefits-list li {
    gap: 205px;
  }
}
.benefits__icon {
  width: 75px;
  margin-top: 5px;
  padding-bottom: 75px;
}
@media screen and (min-width: 1280px) {
  .benefits__icon {
    width: 90px;
    margin-top: 0;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1440px) {
  .benefits__icon {
    margin-top: 5px;
  }
}
.benefits__icon img {
  width: 100%;
  height: 100%;
}
.benefits__text {
  font-size: 18px;
  line-height: 23.4px;
  flex: 1;
}
@media screen and (min-width: 1440px) {
  .benefits__text {
    font-size: 21px;
    line-height: 30px;
  }
}
.benefits__text p {
  display: inline;
}
.benefits-card {
  display: none;
  max-width: 700px;
  height: 397px;
  margin: auto 0 20px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(123.03deg, #0074B2 7.56%, #00C6FF 100%);
}
@media screen and (min-width: 1024px) {
  .benefits-card {
    display: block;
  }
}
.benefits-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.benefits-card__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.benefits-card__heading {
  max-width: 440px;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
}
.benefits-card__logo {
  max-width: 120px;
  width: 100%;
  padding-bottom: 70px;
}
.benefits-card .action {
  font-size: 14px;
  font-weight: 500;
}
.benefits-card a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 40px;
}
@media (hover: hover) and (pointer: fine) {
  .benefits-card a:hover .benefits-card__logo img {
    transform: scale(1);
  }
}
.benefits .title {
  max-width: 300px;
  margin-bottom: 43px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .benefits .title {
    max-width: 325px;
  }
}
@media screen and (min-width: 1440px) {
  .benefits .title {
    font-size: 32px;
    line-height: 40px;
  }
}

.about-lis {
  max-width: 1860px;
  margin: 0 auto;
  padding: 0 0 30px;
  margin: 0 auto 40px;
}
@media screen and (min-width: 1280px) {
  .about-lis {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    padding: 80px 70px;
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1280px) {
  .about-lis__box {
    width: calc(50% - 15px);
  }
}
.about-lis__image {
  position: relative;
  margin-bottom: 40px;
}
@media screen and (min-width: 1280px) {
  .about-lis__image {
    max-width: 500px;
  }
}
@media screen and (min-width: 1440px) {
  .about-lis__image {
    max-width: 700px;
  }
}
.about-lis__image picture {
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .about-lis__image picture {
    padding-bottom: 400px;
  }
}
@media screen and (min-width: 1280px) {
  .about-lis__image picture {
    padding-bottom: 123.43%;
  }
}
.about-lis__image picture:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(236, 242, 239, 0.9) 20%, rgba(236, 242, 239, 0) 100%);
}
.about-lis__image h4 {
  position: absolute;
  z-index: 2;
  top: 33px;
  left: 30px;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .about-lis__image h4 {
    top: 61px;
    left: 70px;
    font-size: 42px;
    line-height: 50.4px;
  }
}
.about-lis ul li {
  margin: 0 20px 30px;
  padding: 23px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .about-lis ul li {
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 1440px) {
  .about-lis ul li {
    display: flex;
    padding: 21px 0 136px;
  }
}
.about-lis ul li:last-child {
  padding: 21px 0 0;
  margin-bottom: 0;
}
.about-lis ul h5 {
  margin-bottom: 17px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .about-lis ul h5 {
    max-width: 300px;
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    color: #46236A;
  }
}
.about-lis ul .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}
@media screen and (min-width: 1440px) {
  .about-lis ul .text {
    flex: 1;
    padding-left: 20px;
    font-size: 17px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1920px) {
  .about-lis ul .text {
    padding-left: 16.87%;
  }
}
.about-lis ul .action {
  margin-top: 40px;
}

.key-features {
  max-width: 1860px;
  margin: 0 auto 40px;
}
@media screen and (min-width: 1280px) {
  .key-features {
    margin: 0 auto 70px;
    padding: 75px 70px 66px;
  }
}
@media screen and (min-width: 1280px) {
  .key-features__wrap {
    display: flex;
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .key-features__box {
    width: calc(50% - 15px);
  }
}
.key-features__image {
  position: relative;
  margin-bottom: 25px;
}
@media screen and (min-width: 1280px) {
  .key-features__image {
    max-width: 500px;
    margin: 5px 0 0 0;
  }
}
@media screen and (min-width: 1440px) {
  .key-features__image {
    max-width: 700px;
  }
}
.key-features__image picture {
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .key-features__image picture {
    padding-bottom: 400px;
  }
}
@media screen and (min-width: 1280px) {
  .key-features__image picture {
    padding-bottom: 123.43%;
  }
}
.key-features__image picture:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(236, 242, 239, 0.9) 20%, rgba(236, 242, 239, 0) 100%);
}
.key-features__image h4 {
  position: absolute;
  z-index: 2;
  top: 33px;
  left: 30px;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .key-features__image h4 {
    top: 61px;
    left: 70px;
    font-size: 42px;
    line-height: 50.4px;
  }
}
.key-features__descriptions {
  margin: 0 30px 76px;
  padding-right: 35px;
}
@media screen and (min-width: 1280px) {
  .key-features__descriptions {
    margin: 0 0 70px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .key-features__descriptions {
    margin: 0 0 122px;
  }
}
.key-features__descriptions .key-features__description {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .key-features__descriptions .key-features__description {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
  }
}
.key-features__descriptions .key-features__description-2 {
  margin-top: 15px;
  font-size: 18px;
  line-height: 23.7px;
}
@media screen and (min-width: 1440px) {
  .key-features__descriptions .key-features__description-2 {
    max-width: 550px;
    margin-top: 14px;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: -0.01em;
  }
}
.key-features ul {
  margin: 0 30px 69px;
}
@media screen and (min-width: 1280px) {
  .key-features ul {
    margin: 0;
  }
}
.key-features ul li {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding: 13px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .key-features ul li {
    gap: 40px;
    margin-bottom: 31px;
  }
}
.key-features ul li:last-child {
  margin-bottom: 0;
}
.key-features ul h5 {
  flex: 1;
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #46236A;
}
@media screen and (min-width: 768px) {
  .key-features ul h5 {
    max-width: 220px;
  }
}
@media screen and (min-width: 1280px) {
  .key-features ul h5 {
    max-width: 210px;
    letter-spacing: 0.01em;
  }
}
@media screen and (min-width: 1440px) {
  .key-features ul h5 {
    max-width: 260px;
    font-size: 21px;
    line-height: 30px;
  }
}
.key-features ul .text {
  flex: 1;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .key-features ul .text {
    font-size: 17px;
    line-height: 24px;
  }
}
.key-features .key-features__bottom {
  padding: 34px 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .key-features .key-features__bottom {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    padding: 32px 0;
    margin-top: 150px;
  }
}
@media screen and (min-width: 1920px) {
  .key-features .key-features__bottom {
    max-width: 1720px;
    margin: 150px auto 0;
  }
}
@media screen and (min-width: 1280px) {
  .key-features .key-features__bottom-box {
    width: calc(50% - 15px);
  }
}
.key-features .key-features__bottom h4 {
  margin-bottom: 36px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .key-features .key-features__bottom h4 {
    font-size: 32px;
    line-height: 40px;
  }
}
.key-features .key-features__bottom .description {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}
@media screen and (min-width: 1440px) {
  .key-features .key-features__bottom .description {
    font-size: 17px;
    line-height: 24px;
  }
}

.forwardly-works {
  max-width: 1720px;
  padding: 40px 30px 32px;
  margin-bottom: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .forwardly-works {
    padding: 30px 0 10px;
    margin: 0 70px 70px;
  }
}
@media screen and (min-width: 1920px) {
  .forwardly-works {
    margin: 0 auto 70px;
  }
}
.forwardly-works__wrap {
  margin-top: 45px;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__wrap {
    display: flex;
    margin-top: 103px;
  }
}
.forwardly-works__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 80px 0 40px;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__item {
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 25%;
    padding: 0;
  }
}
.forwardly-works__item:not(:last-child):before {
  position: absolute;
  top: 80px;
  left: 20px;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .forwardly-works__item:not(:last-child):before {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .forwardly-works__item:first-child .forwardly-works__number:before {
    width: 50%;
  }
}
@media screen and (min-width: 1280px) {
  .forwardly-works__item:last-child .forwardly-works__number:before {
    right: auto;
    left: 0;
    width: 50%;
  }
}
.forwardly-works__item:last-child .text {
  padding-bottom: 0;
}
.forwardly-works__number {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__number {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .forwardly-works__number:before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    display: block;
    width: 100%;
    height: 3px;
    content: "";
    background: rgba(0, 0, 0, 0.2);
  }
}
.forwardly-works__number span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 24px;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
}
@media screen and (min-width: 1280px) {
  .forwardly-works__number span {
    width: 52px;
    height: 52px;
  }
}
.forwardly-works__info {
  flex: 1;
  margin-top: 10px;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__info {
    padding: 15px 30px;
    text-align: center;
  }
}
.forwardly-works__info h6 {
  margin-bottom: 23px;
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__info h6 {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .forwardly-works__info h6 {
    font-size: 24px;
    line-height: 30px;
  }
}
.forwardly-works__info .text {
  padding-bottom: 43px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__info .text {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .forwardly-works__info .text {
    font-size: 17px;
    line-height: 24px;
  }
}
.forwardly-works__icon {
  position: absolute;
  top: 0;
  left: 75px;
  max-width: 75px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .forwardly-works__icon {
    position: static;
    display: flex;
    justify-content: center;
    max-width: 105px;
    margin-bottom: 50px;
  }
}
.forwardly-works__icon picture {
  width: 100%;
}
.forwardly-works__icon picture img {
  object-fit: contain;
}
.forwardly-works h3 {
  margin-bottom: 6px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .forwardly-works h3 {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 40px;
  }
}
.forwardly-works h5 {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .forwardly-works h5 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0em;
  }
}

.why-forwardly {
  position: relative;
  max-width: 1720px;
  margin-bottom: 40px;
  padding: 33px 30px;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .why-forwardly {
    padding: 60px 70px;
    margin: 0 70px 140px;
  }
}
@media screen and (min-width: 1920px) {
  .why-forwardly {
    margin: 0 auto 140px;
  }
}
@media screen and (min-width: 1280px) {
  .why-forwardly:after {
    position: absolute;
    left: 0;
    bottom: -70px;
    display: block;
    content: "";
    height: 0.5px;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
}
.why-forwardly picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.why-forwardly picture img {
  border-radius: 16px;
}
.why-forwardly article, .why-forwardly ul {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1280px) {
  .why-forwardly article {
    display: flex;
    gap: 30px;
  }
}
.why-forwardly h2 {
  margin-bottom: 77px;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .why-forwardly h2 {
    width: calc(50% - 15px);
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) {
  .why-forwardly h2 {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.why-forwardly .description {
  font-size: 19px;
  line-height: 24.7px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .why-forwardly .description {
    width: calc(50% - 15px);
    margin-top: 5px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .why-forwardly .description {
    font-size: 24px;
    line-height: 30px;
  }
}
.why-forwardly ul {
  margin-top: 50px;
  counter-reset: custom-counter;
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul {
    display: flex;
    flex-wrap: wrap;
    gap: 100px 60px;
    margin-top: 126px;
  }
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul.five-columns li {
    width: auto;
    flex: 1;
    padding: 120px 0 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul.five-columns li:before {
    line-height: 64px;
  }
}
.why-forwardly ul.five-columns li:last-child:after {
  display: none;
}
.why-forwardly ul.five-columns li:nth-child(3n):after {
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(236, 242, 239, 0.5019607843);
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul.five-columns h4 {
    min-height: 75px;
  }
}
@media screen and (min-width: 1440px) {
  .why-forwardly ul.five-columns h4 {
    min-height: 60px;
  }
}
.why-forwardly ul li {
  position: relative;
  padding-top: 58px;
  counter-increment: custom-counter;
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul li {
    width: calc(33.333% - 40px);
  }
}
@media screen and (min-width: 1440px) {
  .why-forwardly ul li {
    padding-top: 0;
    padding-left: 100px;
  }
}
.why-forwardly ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(custom-counter);
  font-size: 64px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1440px) {
  .why-forwardly ul li:before {
    line-height: 58px;
  }
}
.why-forwardly ul li:not(:nth-child(3n)):after {
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(236, 242, 239, 0.5019607843);
}
.why-forwardly ul h4 {
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul h4 {
    min-height: 45px;
    padding-right: 20px;
    margin-bottom: 17px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .why-forwardly ul h4 {
    min-height: 60px;
    font-size: 24px;
    line-height: 30px;
  }
}
.why-forwardly ul .text {
  padding-bottom: 45px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}
@media screen and (min-width: 1280px) {
  .why-forwardly ul .text {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .why-forwardly ul .text {
    font-size: 17px;
    line-height: 24px;
  }
}

.lis-microservices {
  max-width: 1720px;
  margin-bottom: 40px;
  padding: 40px 0;
}
@media screen and (min-width: 1280px) {
  .lis-microservices {
    padding: 70px 0 140px;
    margin: 0 70px 70px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 1920px) {
  .lis-microservices {
    margin: 0 auto 70px;
  }
}
.lis-microservices__title {
  margin-bottom: 35px;
  padding: 0 10px 0 20px;
}
@media screen and (min-width: 1280px) {
  .lis-microservices__title {
    display: flex;
    gap: 30px;
    margin-bottom: 62px;
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .lis-microservices__title-box {
    width: calc(50% - 15px);
  }
}
.lis-microservices__title h2 {
  margin-bottom: 36px;
  font-size: 32px;
  line-height: 38.4px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .lis-microservices__title h2 {
    font-size: 42px;
    line-height: 50.4px;
  }
}
.lis-microservices__title .description {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .lis-microservices__title .description {
    margin-top: 5px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .lis-microservices__title .description {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .lis-microservices__wrap {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }
}
.lis-microservices__diagram {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.lis-microservices__diagram-inner {
  max-width: 705px;
  width: 100%;
}
.lis-microservices__diagram picture {
  padding-bottom: 109%;
}
@media screen and (min-width: 1280px) {
  .lis-microservices__diagram {
    justify-content: flex-start;
    width: calc(50% - 15px);
  }
}
.lis-microservices__accordion {
  padding: 0 10px;
}
@media screen and (min-width: 1280px) {
  .lis-microservices__accordion {
    width: calc(50% - 15px);
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .lis-microservices__accordion ul {
    max-width: 700px;
  }
}
.lis-microservices__accordion li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 7px 0;
}
.lis-microservices__accordion h5 {
  display: inline-block;
  font-size: 19px;
  font-weight: 400;
  line-height: 24.7px;
  letter-spacing: -0.01em;
  transition: color 0.5s, background 0.5s;
}
@media screen and (min-width: 1440px) {
  .lis-microservices__accordion h5 {
    font-size: 24px;
    line-height: 30px;
  }
}
.lis-microservices__accordion .j-title {
  position: relative;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .lis-microservices__accordion .j-title:hover h5 {
    background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.lis-microservices__accordion .j-title::after {
  position: absolute;
  top: 30%;
  right: 1.6px;
  transform: translateY(-50%) rotate(90deg);
  content: "";
  width: 8px;
  height: 14px;
  background-image: var(--icon__dropdown);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s;
}
.lis-microservices__accordion .j-title.__open::after {
  transform: translateY(-50%) rotate(-90deg);
}
.lis-microservices__accordion .j-title.__open h5 {
  background: linear-gradient(105.39deg, #771ECF 5.61%, #0097B2 59.98%, #00C6FF 99.88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lis-microservices__accordion .content {
  display: none;
  padding: 31px 0 33px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}
@media screen and (min-width: 1280px) {
  .lis-microservices__accordion .content {
    padding: 33px 0 59px;
  }
}
@media screen and (min-width: 1440px) {
  .lis-microservices__accordion .content {
    font-size: 17px;
    line-height: 24px;
  }
}

.why-we {
  overflow: hidden;
  position: relative;
  margin: 0 0 40px;
  padding: 33px 30px 16px;
  color: #fff;
  border-radius: 16px;
}
@media screen and (min-width: 1280px) {
  .why-we {
    max-width: 1720px;
    margin: 0 auto 59px;
    padding: 59px 70px 60px;
  }
}
.why-we picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}
.why-we article, .why-we ul {
  position: relative;
  z-index: 1;
}
.why-we article {
  margin-bottom: 103px;
}
@media screen and (min-width: 1280px) {
  .why-we article {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 200px;
  }
}
.why-we h2 {
  margin-bottom: 21px;
  font-weight: 400;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .why-we h2 {
    font-size: 42px;
    line-height: 1.25;
  }
}
.why-we ul {
  counter-reset: custom-counter;
}
@media screen and (min-width: 1280px) {
  .why-we ul {
    display: flex;
    gap: 55px;
  }
}
.why-we li {
  position: relative;
  padding: 68px 0 34px 0;
  counter-increment: custom-counter;
  font-size: 16px;
}
@media screen and (min-width: 1280px) {
  .why-we li {
    flex: 1;
    padding: 120px 0 0;
  }
}
@media screen and (min-width: 1440px) {
  .why-we li {
    font-size: 17px;
  }
}
.why-we li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(custom-counter);
  width: 40px;
  font-weight: 400;
  font-size: 64px;
  line-height: 1;
}
@media screen and (min-width: 1280px) {
  .why-we li::before {
    top: -8px;
  }
}
@media screen and (min-width: 1280px) {
  .why-we li:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: -28px;
    bottom: 0;
    width: 1px;
    content: "";
    background: rgba(255, 255, 255, 0.5);
  }
}
.why-we h4 {
  padding: 0 0 10px 0;
  font-size: 19px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .why-we h4 {
    min-height: 50px;
    padding: 0;
    margin-bottom: 15px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .why-we h4 {
    min-height: 60px;
    font-size: 24px;
    line-height: 30px;
  }
}
.why-we .text {
  line-height: 22.4px;
}
@media screen and (min-width: 1280px) {
  .why-we .text {
    line-height: 24px;
  }
}

.tertiary-banner {
  position: relative;
  margin-bottom: calc(37px + (67 - 37) * (100vw - 430px) / (1920 - 430));
  color: #fff;
}
@media screen and (min-width: 768px) {
  .tertiary-banner {
    min-height: 480px;
  }
}
@media screen and (min-width: 1440px) {
  .tertiary-banner {
    min-height: 600px;
  }
}
.tertiary-banner .tertiary-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0;
}
.tertiary-banner .tertiary-banner__bg img {
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .tertiary-banner .tertiary-banner__bg img {
    border-radius: 16px;
  }
}
.tertiary-banner .tertiary-banner__info {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1867px;
  margin: 0 auto;
  padding: 147px 24px 33px 30px;
}
@media screen and (min-width: 1280px) {
  .tertiary-banner .tertiary-banner__info {
    flex-direction: row;
    gap: 30px;
    padding: 200px 73.5px 33px 73.5px;
  }
}
@media screen and (min-width: 1440px) {
  .tertiary-banner .tertiary-banner__info {
    padding-top: 276px;
  }
}
.tertiary-banner .tertiary-banner__info .tertiary-banner__info-box {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .tertiary-banner .tertiary-banner__info .tertiary-banner__info-box {
    width: calc(50% - 15px);
  }
}
.tertiary-banner .tertiary-banner__info .action {
  margin-top: 30px;
}
.tertiary-banner .tertiary-banner__info .action svg {
  margin-right: 10px;
}
.tertiary-banner .suptitle {
  margin-bottom: calc(7px + (22 - 7) * (100vw - 430px) / (1920 - 430));
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .tertiary-banner .suptitle {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.tertiary-banner .tertiary-banner__title {
  max-width: 650px;
  margin-bottom: 48px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .tertiary-banner .tertiary-banner__title {
    max-width: 91%;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 390px) {
  .tertiary-banner .tertiary-banner__title {
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (min-width: 1440px) {
  .tertiary-banner .tertiary-banner__title {
    font-size: 52px;
    line-height: 62.4px;
  }
}
.tertiary-banner .tertiary-banner__desc {
  font-size: 19px;
  line-height: 25px;
}
@media screen and (max-width: 767px) {
  .tertiary-banner .tertiary-banner__desc {
    padding-top: 19px;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 390px) {
  .tertiary-banner .tertiary-banner__desc {
    font-size: 15px;
    line-height: 22px;
  }
}
@media screen and (min-width: 768px) {
  .tertiary-banner .tertiary-banner__desc {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1440px) {
  .tertiary-banner .tertiary-banner__desc {
    padding: 48px 0 0 0;
    font-size: 24px;
    line-height: 30px;
  }
}

.connect {
  padding: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1280px) {
  .connect {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    max-width: 1860px;
    padding: 0 70px;
    margin: 0 auto 70px;
  }
}
.connect.with-border-bottom {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .connect.with-border-bottom {
    padding: 0 0 70px 0;
    margin: 0 70px 70px;
  }
}
@media screen and (min-width: 1920px) {
  .connect.with-border-bottom {
    max-width: 1720px;
    margin: 0 auto 70px;
  }
}
@media screen and (min-width: 1280px) {
  .connect-box {
    width: calc(50% - 15px);
  }
}
.connect-box.__form {
  margin-top: 40px;
}
@media screen and (min-width: 1280px) {
  .connect-box.__form {
    margin-top: 0;
  }
}
.connect .suptitle {
  margin-bottom: 18px;
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .connect .suptitle {
    margin-bottom: 25px;
    font-size: 12px;
    line-height: 19.2px;
  }
}
.connect .sup-email {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  opacity: 0.5;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .connect .sup-email {
    margin-bottom: 19px;
    font-size: 12px;
    line-height: 19.2px;
  }
}
.connect h2 {
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .connect h2 {
    max-width: 420px;
  }
}
@media screen and (min-width: 1440px) {
  .connect h2 {
    max-width: 480px;
    margin-bottom: 107px;
    font-size: 32px;
    line-height: 40px;
  }
}
.connect a {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #46236A;
}

.locations {
  margin-bottom: 40px;
  padding-top: 45px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .locations {
    padding: 70px 0 47px;
    margin: 0 70px 70px;
    border: none;
  }
}
@media screen and (min-width: 1920px) {
  .locations {
    max-width: 1720px;
    margin: 0 auto 70px;
  }
}
.locations-map {
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
}
@media screen and (min-width: 1280px) {
  .locations-map {
    margin: 0 0 65px;
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.locations-map__inner {
  position: relative;
  max-width: 1200px;
  width: 100%;
}
.locations-map .map-marker {
  position: absolute;
  font-size: 13px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .locations-map .map-marker {
    font-size: 17px;
  }
}
.locations-map .map-marker__london {
  top: 12.2%;
  left: 43.4%;
}
@media screen and (min-width: 1024px) {
  .locations-map .map-marker__london {
    top: 18.2%;
    left: 45.4%;
  }
}
.locations-map .map-marker__jordan {
  z-index: 2;
  top: 24%;
  left: 53.4%;
}
@media screen and (min-width: 1024px) {
  .locations-map .map-marker__jordan {
    top: 32%;
    left: 55.4%;
  }
}
.locations-map .map-marker__arabia {
  top: 38.5%;
  left: 58.4%;
}
.locations-map .map-marker.__active {
  z-index: 3;
}
.locations-map .map-marker.__active .map-marker__icon {
  width: 100%;
}
.locations-map .map-marker.__active .map-marker__text {
  opacity: 1;
}
.locations-map .map-marker__inner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 9.5px 14px 9.5px 40px;
}
@media screen and (min-width: 1024px) {
  .locations-map .map-marker__inner {
    padding: 15.5px 20px 15.5px 56px;
  }
}
.locations-map .map-marker__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 36px;
  height: 100%;
  padding-left: 10px;
  border: 2px solid #fff;
  border-radius: 5px;
  backdrop-filter: blur(4px);
  transition: width 0.5s;
}
@media screen and (min-width: 1024px) {
  .locations-map .map-marker__icon {
    width: 51px;
    padding-left: 15px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .locations-map .map-marker__icon:hover {
    width: 100%;
  }
  .locations-map .map-marker__icon:hover ~ span {
    opacity: 1;
  }
}
.locations-map .map-marker__icon svg {
  width: 16px;
}
@media screen and (min-width: 1024px) {
  .locations-map .map-marker__icon svg {
    width: 21px;
  }
}
.locations-map .map-marker__text {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
}
.locations-map picture {
  padding-bottom: 45%;
}
@media screen and (min-width: 1280px) {
  .locations-content {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .locations-content__box {
    width: calc(50% - 15px);
  }
}
.locations-content .suptitle {
  margin-bottom: 20px;
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .locations-content .suptitle {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 19.2px;
  }
}
.locations-content h2 {
  margin-bottom: 69px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .locations-content h2 {
    max-width: 430px;
    margin-bottom: 107px;
  }
}
@media screen and (min-width: 1440px) {
  .locations-content h2 {
    max-width: 480px;
    font-size: 32px;
    line-height: 40px;
  }
}
.locations-content .sup-email {
  margin-bottom: 12px;
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.5;
}
@media screen and (min-width: 1280px) {
  .locations-content .sup-email {
    margin-bottom: 19px;
    font-size: 12px;
    line-height: 19.2px;
  }
}
.locations-content .sup-email ~ .action {
  color: #46236A;
}
.locations-content .locations-wrap {
  margin-top: 36px;
}
@media screen and (min-width: 1280px) {
  .locations-content .locations-wrap {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .locations-content .locations-wrap {
    display: flex;
    align-items: stretch;
    gap: 30px;
  }
}
.locations-content .locations-wrap__item {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .locations-content .locations-wrap__item {
    flex-direction: column;
    flex: 1;
    gap: 30px;
  }
}
.locations-content .locations-wrap__item:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .locations-content .locations-wrap__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.locations-content .locations-wrap__item .clock {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.locations-content .locations-wrap__item .clock::before {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid #BCC1C0;
}
.locations-content .locations-wrap__item .clock picture {
  width: 100%;
}
.locations-content .locations-wrap__item .clock .hour {
  position: absolute;
}
.locations-content .locations-wrap__item .clock .hour .hours {
  position: relative;
  display: flex;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.locations-content .locations-wrap__item .clock .hour .hours::before {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 4px;
  height: 47px;
  background: #46236A;
}
.locations-content .locations-wrap__item .clock .minute {
  position: absolute;
}
.locations-content .locations-wrap__item .clock .minute .minutes {
  position: relative;
  display: flex;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.locations-content .locations-wrap__item .clock .minute .minutes::before {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 2px;
  height: 60px;
  background: #46236A;
}
.locations-content .locations-wrap__item .clock .second {
  position: absolute;
}
.locations-content .locations-wrap__item .clock .second .seconds {
  position: relative;
  display: flex;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.locations-content .locations-wrap__item .clock .second .seconds::before {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 1px;
  height: 60px;
  background: #46236A;
}
.locations-content .locations-wrap__item-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 14px;
  line-height: 19.6px;
}
@media screen and (min-width: 1440px) {
  .locations-content .locations-wrap__item-info {
    font-size: 16px;
    line-height: 21px;
  }
}
.locations-content .locations-wrap__item h5 {
  margin-bottom: 21px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .locations-content .locations-wrap__item h5 {
    margin-bottom: 17px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .locations-content .locations-wrap__item h5 {
    font-size: 24px;
    line-height: 30px;
  }
}
.locations-content .locations-wrap__item .text {
  margin-bottom: 21px;
}
.locations-content .locations-wrap__item .action {
  display: inline-block;
}
.locations-content .locations-wrap__item .action::after {
  bottom: 3px;
}
.locations-content .locations-wrap__item .actions-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: auto;
}
.locations-bottom {
  margin-top: 41px;
  padding-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .locations-bottom {
    display: flex;
    gap: 30px;
    margin-top: 76px;
  }
}
.locations-bottom__box {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (min-width: 1280px) {
  .locations-bottom__box {
    justify-content: space-between;
    width: calc(50% - 15px);
  }
}
.locations-bottom h3 {
  margin-bottom: 60px;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1440px) {
  .locations-bottom h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
.locations-bottom .description {
  width: 58%;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .locations-bottom .description {
    flex: 1;
    width: auto;
  }
}
.locations-bottom .icons {
  display: flex;
  gap: 10px;
}
.locations-bottom .icons a {
  border-radius: 50%;
  transition: box-shadow 0.5s;
}
@media (hover: hover) and (pointer: fine) {
  .locations-bottom .icons a:hover {
    box-shadow: 0 4px 15px rgba(0, 198, 255, 0.7);
  }
}

.banner-with-form {
  position: relative;
  min-height: 100vh;
  margin-bottom: calc(32px + (60 - 32) * (100vw - 430px) / (1920 - 430));
  color: #fff;
}
.banner-with-form .banner-with-form__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0;
}
.banner-with-form .banner-with-form__bg img {
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .banner-with-form .banner-with-form__bg img {
    border-radius: 16px;
  }
}
.banner-with-form__content {
  position: relative;
  max-width: 1860px;
  margin: 0 auto;
  padding: 147px 10px 10px 10px;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .banner-with-form__content {
    padding: 130px 70px 20px;
  }
}
.banner-with-form__info {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1280px) {
  .banner-with-form__info {
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .banner-with-form__info {
    padding: 47px 145px;
  }
}
.banner-with-form__info-box {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .banner-with-form__info-box {
    width: calc(50% - 15px);
  }
}
.banner-with-form__info-box.desc {
  margin-bottom: 20px;
  padding: 0 20px 50px;
}
@media screen and (min-width: 1280px) {
  .banner-with-form__info-box.desc {
    padding: 0;
    margin: 0;
  }
}
.banner-with-form__info-box .form {
  padding: 20px 20px 40px;
  border-radius: 16px 16px 30px 30px;
  background: rgba(255, 255, 255, 0.8980392157);
  backdrop-filter: blur(4px);
}
@media screen and (min-width: 1280px) {
  .banner-with-form__info-box .form {
    padding: 40px;
    border-radius: 16px;
  }
}
.banner-with-form .sup-title {
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 17.6px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .banner-with-form .sup-title {
    margin-bottom: 24px;
    font-size: 12px;
  }
}
.banner-with-form h2 {
  margin-bottom: 47px;
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .banner-with-form h2 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .banner-with-form h2 {
    font-size: 42px;
    line-height: 52.4px;
  }
}
.banner-with-form .description {
  max-width: 480px;
  margin-bottom: 50px;
  font-size: 19px;
  font-weight: 400;
  line-height: 24.7px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .banner-with-form .description {
    margin-bottom: 29px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1440px) {
  .banner-with-form .description {
    font-size: 24px;
    line-height: 30px;
  }
}
.banner-with-form .sup-email {
  margin-bottom: 22px;
  font-size: 11px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.1em;
  opacity: 0.5;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .banner-with-form .sup-email {
    font-size: 12px;
  }
}

.asked-questions {
  margin: 40px 0 34px;
  padding: 33px 20px 40px 30px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 22.4px;
  color: #fff;
  background: linear-gradient(123.03deg, #0074B2 7.56%, #00C6FF 100%);
}
@media screen and (min-width: 1280px) {
  .asked-questions {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin: 70px;
    padding: 63px 70px 73px;
    font-size: 17px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1920px) {
  .asked-questions {
    max-width: 1720px;
    margin: 70px auto 63px;
  }
}
@media screen and (min-width: 1280px) {
  .asked-questions__box {
    width: calc(50% - 15px);
  }
}
.asked-questions h2 {
  margin-bottom: 27px;
  font-size: 32px;
  font-weight: 400;
  line-height: 38.4px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .asked-questions h2 {
    max-width: 500px;
    margin-bottom: 40px;
    font-size: 44px;
    line-height: 52px;
  }
}
.asked-questions .action {
  font-size: 14px;
  font-weight: 500;
}
.asked-questions .accordion {
  margin-top: 38px;
}
@media screen and (min-width: 1280px) {
  .asked-questions .accordion {
    margin-top: 13px;
  }
}
.asked-questions .accordion li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}
.asked-questions .accordion .j-title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 30px 15px 0;
  cursor: pointer;
}
@media screen and (min-width: 1280px) {
  .asked-questions .accordion .j-title {
    padding: 13px 30px 14px 0;
  }
}
.asked-questions .accordion .j-title:after {
  position: absolute;
  top: 50%;
  right: 11.6px;
  transform: translateY(-50%);
  content: "";
  width: 8px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width=%278%27 height=%2714%27 viewBox=%270 0 8 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.25 1.5L6.75 7L1.25 12.5%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s;
}
.asked-questions .accordion .j-title.__open:after {
  transform: translateY(-50%) rotate(90deg);
}
.asked-questions .accordion .j-title svg {
  min-width: 27px;
  margin-right: 12px;
}
.asked-questions .accordion .content {
  display: none;
  padding: 9px 0 25px;
}

.help-centre {
  max-width: 1860px;
  margin-bottom: 0 auto 40px;
}
@media screen and (min-width: 1280px) {
  .help-centre {
    padding: 0 70px;
    margin: 0 auto 70px;
  }
}
.help-centre__title {
  margin-bottom: 73px;
}
@media screen and (min-width: 1280px) {
  .help-centre__title {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 120px;
  }
}
.help-centre__title h2 {
  margin-bottom: 18px;
  font-size: 32px;
  font-weight: 400;
  line-height: 38.4px;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1280px) {
  .help-centre__title h2 {
    margin-bottom: 0;
    width: calc(50% - 15px);
    font-size: 42px;
    line-height: 50.4px;
  }
}
.help-centre__title .description {
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
}
@media screen and (min-width: 1280px) {
  .help-centre__title .description {
    font-size: 16px;
    line-height: 21px;
  }
}
.help-centre__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1280px) {
  .help-centre__wrap {
    flex-direction: row;
    gap: 30px;
  }
}
.help-centre__item {
  width: 100%;
  padding: 40px 30px 46px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1280px) {
  .help-centre__item {
    width: calc(33.333% - 15px);
    padding: 40px;
  }
}
.help-centre__item a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.help-centre__item .label {
  display: inline-block;
  margin-bottom: 77px;
  padding: 7px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .help-centre__item .label {
    margin-bottom: 121px;
    font-size: 12px;
  }
}
.help-centre__item h5 {
  margin-bottom: 68px;
  font-size: 28px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: -0.01em;
  color: #46236A;
}
@media screen and (min-width: 1280px) {
  .help-centre__item h5 {
    max-width: 325px;
    margin-bottom: 57px;
    font-size: 32px;
    line-height: 40px;
  }
}
.help-centre__item .action {
  margin-top: auto;
  font-size: 13px;
  font-weight: 500;
  color: #46236A;
}
@media screen and (min-width: 1280px) {
  .help-centre__item .action {
    font-size: 16px;
  }
}

.blockquote-initials {
  margin: 38px 0 40px;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.11;
  color: #46236A;
}
@media screen and (min-width: 1280px) {
  .blockquote-initials {
    max-width: 100% !important;
    margin: 52px 23px 58px !important;
    font-size: 52px;
    line-height: 1.2;
  }
}
.blockquote-initials p {
  margin: 0;
}
.blockquote-initials .initials {
  margin-top: 12px;
  padding: 66px 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #0E0E0E;
  border-left: 1px solid #771ECF;
}
@media screen and (min-width: 1280px) {
  .blockquote-initials .initials {
    max-width: 1140px;
    margin: 25px auto 0;
    font-size: 16px;
  }
}

.quote-with-percentage {
  display: flex;
  margin: 64px 0 40px;
  font-weight: 700;
  font-size: 28px;
  color: #46236A;
}
@media screen and (min-width: 1280px) {
  .quote-with-percentage {
    max-width: 100% !important;
    margin: 39px 45px 58px !important;
    font-size: 42px;
  }
}
.quote-with-percentage .percentage {
  padding-right: 23px;
  margin-right: 18px;
  border-right: 1px solid #46236A;
}
@media screen and (min-width: 1280px) {
  .quote-with-percentage .percentage {
    min-width: 246px;
    margin-right: 28px;
  }
}
.quote-with-percentage span {
  position: relative;
  top: -5px;
  font-size: 52px;
  line-height: 1;
}
@media screen and (min-width: 1280px) {
  .quote-with-percentage span {
    font-size: 80px;
  }
}
.quote-with-percentage .caption {
  font-weight: 400;
  font-size: 14px;
  color: #0E0E0E;
}
@media screen and (min-width: 1280px) {
  .quote-with-percentage .caption {
    font-size: 16px;
    margin: -6px 7px 0;
  }
}
.quote-with-percentage blockquote {
  margin: -5px 0;
  line-height: 1.215;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .quote-with-percentage blockquote {
    letter-spacing: 0.012em;
  }
}

.image-with-caption {
  margin: 15px 0;
}
@media screen and (min-width: 1280px) {
  .image-with-caption {
    margin: 30px 0;
  }
}
.image-with-caption img {
  border-radius: 8px;
}
.image-with-caption .caption {
  margin: 11px 0 41px;
  text-align: right;
  font-size: 13px;
  color: #5E605F;
}
@media screen and (min-width: 1280px) {
  .image-with-caption .caption {
    margin: 11px 0 60px;
    font-size: 14px;
  }
}

.image-with-text {
  margin: 20px 0 15px;
}
@media screen and (min-width: 1280px) {
  .image-with-text {
    display: flex;
    gap: 30px;
    margin: 28px 0;
  }
}
.image-with-text img {
  display: block;
  width: 100%;
  margin-bottom: 26px;
  border-radius: 8px;
}
@media screen and (min-width: 1280px) {
  .image-with-text img {
    max-width: 260px;
  }
}

.caption-with-text {
  margin: 20px 0 58px;
}
@media screen and (min-width: 1280px) {
  .caption-with-text {
    display: flex;
    gap: 30px;
    margin: 8px 0;
    padding-right: 5%;
  }
}
.caption-with-text .caption {
  margin-bottom: 19px;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .caption-with-text .caption {
    min-width: 260px;
    width: 260px;
    font-size: 24px;
  }
}

.caption-with-table {
  margin: 20px 0 65px;
}
@media screen and (min-width: 1280px) {
  .caption-with-table {
    display: flex;
    gap: 30px;
    margin: 13px 0 59px;
  }
}
.caption-with-table .caption {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1280px) {
  .caption-with-table .caption {
    min-width: 260px;
    width: 260px;
    margin: 0;
    font-size: 24px;
  }
}
.caption-with-table table {
  table-layout: auto !important;
}
.caption-with-table th, .caption-with-table td {
  vertical-align: top;
  padding: 15px 0 14px;
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: 0.029em;
  border: none;
  border-top: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  .caption-with-table th, .caption-with-table td {
    padding: 14px 0;
  }
}
.caption-with-table th:not(:first-child), .caption-with-table td:not(:first-child) {
  padding-left: 10px;
}
.caption-with-table th:not(:last-child), .caption-with-table td:not(:last-child) {
  padding-right: 10px;
}
.caption-with-table th strong, .caption-with-table td strong {
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1280px) {
  .caption-with-table th strong, .caption-with-table td strong {
    letter-spacing: 0.05em;
  }
}

.custom-table {
  margin: 20px 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  .custom-table {
    margin: 29px 0 35px;
    padding-bottom: 88px;
  }
}
.custom-table table {
  table-layout: auto !important;
}
.custom-table th, .custom-table td {
  min-width: 100px;
  border: none !important;
  vertical-align: top;
  padding: 11px 0;
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: 0.029em;
  border-top: 1px solid #D4D9D8;
}
@media screen and (min-width: 1280px) {
  .custom-table th:first-child, .custom-table td:first-child {
    width: 22%;
  }
}
.custom-table th:not(:first-child), .custom-table td:not(:first-child) {
  padding-left: 10px;
}
.custom-table th:not(:last-child), .custom-table td:not(:last-child) {
  padding-right: 10px;
}
.custom-table.with-border th, .custom-table.with-border td {
  border-top: 1px solid #D4D9D8 !important;
}

.big-text {
  margin: 20px 0 29px;
  font-size: 21px;
  line-height: 1.25;
}
@media screen and (min-width: 1280px) {
  .big-text {
    font-size: 24px;
  }
}

.custom-grid {
  overflow: hidden;
  margin: 38px 0 31px;
}
.custom-grid .wp-block-table {
  margin: 0 -15px;
}
@media screen and (min-width: 1280px) {
  .custom-grid .wp-block-table {
    margin: 0 -30px;
  }
}
.custom-grid table {
  border-collapse: separate;
  border-spacing: 15px;
  font-size: 12px;
}
@media screen and (min-width: 1280px) {
  .custom-grid table {
    border-spacing: 30px 0;
    font-size: 17px;
  }
}
.custom-grid td, .custom-grid th {
  vertical-align: top;
  padding: 15px 0 7px;
  border: none;
}
.custom-grid tr:first-child td, .custom-grid tr:first-child th {
  border-bottom: 1px solid #D4D9D8;
}
.custom-grid strong {
  letter-spacing: 0.02em;
}

/*# sourceMappingURL=styles.css.map*/