@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/gilroy/Gilroy-Semibold.eot');
    src: local('Gilroy Semibold'), local('Gilroy-Bold'),
        url('../fonts/gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy/Gilroy-Semibold.woff2') format('woff2'),
        url('../fonts/gilroy/Gilroy-Semibold.woff') format('woff'),
        url('../fonts/gilroy/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/gilroy/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/gilroy/Gilroy-Bold.woff') format('woff'),
        url('../fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter Tight';
    font-display: swap;
    src: url('../fonts/inter_tight/InterTight-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; 
    font-stretch: 75% 100%; 
}

/* @font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'),
    url('../fonts/poppins/Poppins-Regular.woff') format('woff'),
    url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
    url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'),
    url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'),
    url('../fonts/poppins/Poppins-Bold.woff') format('woff'),
    url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
} */

/* @font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url('../fonts/roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900; 
    font-stretch: 75% 100%; 
} */

:root {
    --main-font: 'Inter Tight';
    --additional-font: 'Gilroy';
    --button-bg: #3eb049;
    --marque-bg: #7fc87b;
    --text-contrast-color: #3eb049;
    --text-white: #fff;
    --text-color: #000;
    --text-color-90: rgba(0, 0, 0, .9);
    --text-color-80: rgba(0, 0, 0, .8);
    --text-color-75: rgba(0, 0, 0, .75);
    --text-color-60: rgba(0, 0, 0, .6);
    --text-color-50: rgba(0, 0, 0, .5);
    --text-color-40: rgba(0, 0, 0, .4);
    --menu-hover-bg: rgba(188, 225, 186, .4);
    --submenu-border: rgba(79, 175, 73, .5);
    --bg-white: #fff;
    --sticky-odd-bg: #f9f9f9;
    --container-bg: #f9f9f9;
    --sticky-even-bg: #f3faf4;
    --bg-green-light: #d4ead6;
    --bg-green-lighter: #e4f5e2;
    --footer-bg: #555e69;
    --code-bg: #f3f4f5;
    --table-border-color: #d2d2d2;
    --animation-duration-normal: 90s;
    --animation-duration-slow: 120s;
    --slide-image-bg-width: 85.3%;
    --mobile-menu-link: #1A7E24;
    --box-shadow: rgba(40, 133, 49, .2);
    --slide-cards-bg-main: #eaf1f6;

    --letter-spacing-1: .01em;

    --size-2: calc(100vw * 2/1440);
    --size-4: calc(100vw * 4/1440);
    --size-5: calc(100vw * 5/1440);
    --size-6: calc(100vw * 6/1440);
    --size-7: calc(100vw * 7/1440);
    --size-8: calc(100vw * 8/1440); 
    --size-10: calc(100vw * 10/1440);
    --size-12: calc(100vw * 12/1440);
    --size-13: calc(100vw * 13/1440);
    --size-14: calc(100vw * 14/1440);
    --size-15: calc(100vw * 15/1440);
    --size-16: calc(100vw * 16/1440);
    --size-18: calc(100vw * 18/1440);
    --size-19: calc(100vw * 19/1440);
    --size-20: calc(100vw * 20/1440);
    --size-22: calc(100vw * 22/1440);
    --size-23: calc(100vw * 23/1440);
    --size-24: calc(100vw * 24/1440);
    --size-26: calc(100vw * 26/1440);
    --size-27: calc(100vw * 27/1440);
    --size-28: calc(100vw * 28/1440);
    --size-30: calc(100vw * 30/1440);
    --size-32: calc(100vw * 32/1440);
    --size-34: calc(100vw * 34/1440);
    --size-36: calc(100vw * 36/1440);
    --size-40: calc(100vw * 40/1440);
    --size-42: calc(100vw * 42/1440);
    --size-44: calc(100vw * 44/1440);
    --size-45: calc(100vw * 45/1440);
    --size-48: calc(100vw * 48/1440);
    --size-50: calc(100vw * 50/1440);
    --size-54: calc(100vw * 54/1440);
    --size-56: calc(100vw * 56/1440);
    --size-60: calc(100vw * 60/1440);
    --size-62: calc(100vw * 62/1440);
    --size-64: calc(100vw * 64/1440);
    --size-68: calc(100vw * 68/1440);
    --size-70: calc(100vw * 70/1440);
    --size-72: calc(100vw * 72/1440);
    --size-80: calc(100vw * 80/1440);
    --size-86: calc(100vw * 86/1440);
    --size-90: calc(100vw * 90/1440);
    --size-100: calc(100vw * 100/1440);
    --size-105: calc(100vw * 105/1440);
    --size-130: calc(100vw * 130/1440);
    --size-140: calc(100vw * 140/1440);
    --size-150: calc(100vw * 150/1440);
    --size-175: calc(100vw * 175/1440);
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

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

body {
    font-family: var(--main-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: var(--size-16);
    line-height: 1.2;
}

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

.overflow-hidden{
    overflow-x: hidden !important;
    position: relative;
}

.mobile-content {
    display: none;
}

section {
    margin: var(--size-130) auto;
    max-width: 100%;
}

section.cards {
    margin-top: 0;
}

section.logos + section.cards {
    margin-top: var(--size-130);
}

section.logos {
    margin: var(--size-40) auto var(--size-175);
}

h2, .h2 {
    font-family: var(--additional-font);
    font-size: var(--size-40);
    letter-spacing: var(--letter-spacing-1);
    margin: 0 0 var(--size-32);
    text-align: center;
    line-height: 1.1;
    font-weight: 700;
}

h2.has-subtitle, .h2.has-subtitle {
    margin: 0 0 var(--size-24);
}

h2.no-margin, .h2.no-margin {
    margin: 0;
}

.subtitle {
    font-size: var(--size-20);
    letter-spacing: var(--letter-spacing-1);
    margin: 0 0 var(--size-32);
    text-align: center;
}

strong {
    font-weight: 700;
}

a {
    color: var(--text-contrast-color);
    text-decoration: none;
    transition: all .3s ease;
}

a:hover {
    text-decoration: underline;
}

ul, ol {
    list-style: none;
}

img {
    width: 100%;
    height: auto;
}

.contrast {
    color: var(--text-contrast-color) !important;
}

.container {
    max-width: calc(100vw * 1160/1440);
    margin: 0 auto;
    display: block;
}

.container--has-bg {
    background-color: var(--container-bg);
    border-radius: var(--size-10);
    padding: var(--size-24);
}

.container--has-shadow {
    box-shadow: 0px 0px var(--size-40) 0 var(--box-shadow);
}

.container.container--1440 {
    max-width: 100%;
}

.container.container--1186 {
    max-width: calc(100vw * 1186/1440);
}

.container.container--1210 {
    max-width: calc(100vw * 1210/1440);
}

.container.container--1286 {
    max-width: calc(100vw * 1286/1440);
}

@keyframes moveSlideshow {
	100% {
		transform: translateX(0);
	}
	0% {
		transform: translateX(-50%);
	}
}

.carousel {
    transform: translate3d(0, 0, 0);
    position: relative;
    overflow: hidden;
    animation-name: moveSlideshow;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-delay: 0s;
    display: flex;
    width: max-content;
    min-width: 200%;
    flex-shrink: 0;
}

.carousel--has-bg {
    background: var(--marque-bg);
}

.track {
    width: 50%;
    flex-shrink: 0;
    opacity: 1;
}

.carousel-items {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logos .carousel {
    gap: var(--size-80);
    animation-name: moveSlideshow;
    animation-duration: var(--animation-duration-normal);
}

.logos .carousel-items {
    gap: var(--size-80);
}

.carousel-logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--size-70);
}

.carousel-logo-item img {
    height: auto;
    max-height: 100%;
    width: auto;
}

.logos-text {
    font-size: var(--size-24);
    line-height: var(--size-40);
    color: var(--text-color-60);
    text-align: center;
    margin-bottom: var(--size-54);
}

.header {
    padding-top: var(--size-13);
}

.header__main {
    background: var(--bg-white);
    padding: var(--size-7) 0;
    width: 100%;
    position: relative;
    z-index: 1000;
    transition: all .5s ease;
}

.header__main.fixed {
    margin-top: 0;
    padding: var(--size-10) 0;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    animation: slideDown .5s ease-in-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

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

.logo {
    display: flex;
    height: var(--size-40);
    width: auto;
    text-transform: uppercase;
    font-size: var(--size-24);
    font-weight: 700;
    color: var(--text-contrast-color);
}

.logo img {
    height: 100%;
    width: auto;
    max-height: var(--size-42);
}

.header-menu {
    display: flex;
    align-items: center;
    gap: var(--size-34);
}

.header-menu li {
    position: relative;
}

.header-menu > li > a, .header-menu > li > a:visited {
    font-size: var(--size-20);
    line-height:  var(--size-32);
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: var(--letter-spacing-1);
    font-weight: 500;
    padding: 0 var(--size-8);
    background: transparent;
    display: flex;
    align-items: center;
    gap: var(--size-10);
    border-radius: var(--size-2);
}

.header-menu li a:hover {
    background: var(--button-bg);
    color: var(--text-white);
}

.header-menu > li.menu-item-has-children > a::after {
    content: '';
    background-image: url('../images/menu/menu_arrow_down.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    line-height: 1;
    width: var(--size-8);
    height: calc(100vw* 4.8/1440);
}

.header-menu > li.menu-item-has-children a:hover::after {
    background-image: url('../images/menu/menu_arrow_down_hover.svg');
}

.sub-menu {
    opacity: 0; 
    visibility: hidden;
    position: absolute;
    top: var(--size-42);
    padding: var(--size-8);
    left: 0;
    z-index: -1;
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
    width: max-content;
    transition: all .3s ease;
    min-width: calc(100vw * 290/1440);
    border: 1px solid var(--submenu-border);
    border-radius: var(--size-8);
    background: var(--bg-white);
}

.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.sub-menu::before {
    content: '';
    width: 100%;
    height: var(--size-12);
    background: transparent;
    position: absolute;
    top: calc(var(--size-12) * -1);
    left: 0;
    z-index: -2;
}

.sub-menu .menu-item a {
    display: flex;
    align-items: center;
    gap: var(--size-10);
    padding: var(--size-8) var(--size-10);
    border-radius: var(--size-8);
    color: var(--text-color);
}

.sub-menu .menu-item a:hover, .current-menu-item a {
    background: var(--menu-hover-bg);
    color: var(--text-color);
    text-decoration: none;
}

.btn__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn__wrapper--has-top-margin {
    margin-top: var(--size-32);
}

.btn__wrapper.btn__wrapper--align-left {
    justify-content: flex-start;
}

.button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--size-40) 0;
}

.button-wrapper:last-child {
    margin-bottom: 0;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--button-bg);
    max-height: var(--size-40); 
    padding: var(--size-13) var(--size-26);
    font-family: var(--additional-font);
    font-size: var(--size-15);
    letter-spacing: var(--letter-spacing-1);
    font-weight: 600;
    line-height: 1;
    color: var(--text-white);
    position: relative;
    overflow: hidden;
    border-radius: var(--size-2);
}

.btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
      0deg, 
      transparent, 
      transparent 40%, 
      rgba(255,255,255,0.3)
    );
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    opacity: 0;
}

.btn.btn--big::before {
    transition: all .7s ease;
}

.btn.btn--medium::before {
    transition: all .6s ease;
}

.btn:hover, a.btn:hover {
    text-decoration: none !important;
}

.btn:hover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(250%);
  }

.btn.btn--big {
    font-family: var(--additional-font);
    font-size: var(--size-32);
    letter-spacing: var(--letter-spacing-1);
    font-weight: 600;
    line-height: 1.3;
    padding: var(--size-19) var(--size-70);
    max-height: var(--size-80);
}

.btn.btn--medium {
    font-family: var(--additional-font);
    font-size: var(--size-24);
    line-height: 1.3;
    padding: var(--size-13) var(--size-40);
    max-height: var(--size-56);
    font-weight: 600;
}

.btn-post {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--button-bg);
    max-height: var(--size-40); 
    padding: var(--size-12) var(--size-20);
    font-family: var(--additional-font);
    font-size: var(--size-16);
    font-weight: 600;
    line-height: 1;
    color: var(--text-white);
    position: relative;
    overflow: hidden;
    border-radius: var(--size-4);
    transition: all .3s ease;
}

.btn-post:hover {
    opacity: .9;
    text-decoration: none;

}

/*********************************/

.icon-big {
    width: var(--size-60);
    height: var(--size-60);
}

.icon-big img {
    width: 100%;
    height: auto;
    box-shadow: -7px 7px 20px 0px #BCE1BA;
    border-radius: var(--size-100) var(--size-100) 0 var(--size-100);
}

.resources-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--size-20);
    align-items: stretch;
}

.resources-item {
    width: calc((100% - var(--size-60)) / 4) !important;
    margin: 0 var(--size-10);
    background: var(--container-bg);
    padding: var(--size-12);
    border-radius: var(--size-10);
    display: flex;
    flex-direction: column;
    height: auto !important;
    cursor: pointer;
    transition: all .3s ease;
}

.resources-items--no-swiper .resources-item {
    width: 100% !important;
    margin: 0;
}

.resources-item:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px var(--size-8) 0 var(--box-shadow);
    text-decoration: none;
}

.resources-item a:hover {
    text-decoration: none;
}

.resources-item__img {
    margin-bottom: var(--size-24);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    position: relative;
}

.resources-item__img.resources-item__img--rectangle {
    padding-top: 57.54%;
}

.resources-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--size-12);
    position: absolute;
    top: 0;
    left: 0;
}

.resources-item__meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--size-8);
}

.resources-item__title {
    display: block;
    font-size: var(--size-20);
    font-weight: 500;
    color: var(--text-color-80);
    text-decoration: none;
    margin-bottom: var(--size-8);
}

.resources-item__content {
    display: block;
    color: var(--text-color-60);
    text-decoration: none;
}

.order-form__title {
    font-family: var(--additional-font);
    font-size: var(--size-24);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: var(--letter-spacing-1);
    margin-bottom: var(--size-22);
    color: var(--text-contrast-color);
}

.order-form__wrapper {
    max-width: calc(100vw* 570/1440);
    margin: 0 auto;
    position: relative;
}

.form-input {
    border: 2px solid var(--button-bg);
    border-radius: var(--size-4);
    padding: var(--size-7);
    width: 100%;
    height: var(--size-32);
    outline: 0;
    background: var(--bg-white);
}

.form-input:focus, .form-input:active {
    border: 2px solid var(--button-bg);
}

.form-label {
    display: block;
    font-size: var(--size-16);
    letter-spacing: var(--letter-spacing-1);
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: var(--size-4);
}

.order-form-item:not(:first-child) {
    margin-top: var(--size-24);
}

.order-form-item.order-form-item--row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--size-20);
}

.order-form-item br {
    display: none;
}

.services {
    position: relative;
    padding: var(--size-40) 0;
}

.services-items-wrapper {
    position: absolute;
    left: 0;
    bottom: var(--size-68);
    z-index: 20;
    width: 100%;
    height: var(--size-140);
}

.services__container {
    height: calc(100vw* 337 / 1440);
    padding: var(--size-32) var(--size-48);
}

.services__title {
    font-family: var(--additional-font);
    font-size: var(--size-42);
    font-weight: 700;
    line-height: 1.3;
    color: var(--text-contrast-color);
    text-align: left;
}

.services-items__wrapper {
    animation-name: moveSlideshow;
    animation-duration: var(--animation-duration-normal);
    position: absolute;
    left: 0;
    bottom: var(--size-28);
}

.services-items__inner {
    padding: var(--size-20);
    display: flex;
    justify-content: stretch;
    transition-timing-function: linear;
}

.service-item {
    background-color: var(--container-bg);
    height:  var(--size-100) !important;
    padding: var(--size-18);
    border: 1px solid #d2dde2;
    box-shadow: 0px 0px 20px 0 rgba(85, 94, 105, .4);
    width: calc(100vw* 398 / 1440) !important;
    height: auto !important;
    border-radius: var(--size-4);
    display: grid !important;
    grid-template-columns:  var(--size-60) 1fr;
    gap: var(--size-16);
}

.service-item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-item__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: var(--size-64);
}

.service-item__title {
    white-space: nowrap;
    font-size: var(--size-22);
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: var(--size-12);
}

.service-item__link {
    white-space: nowrap;
    font-size: var(--size-18);
    line-height: 1.3;
    font-weight: 500;
    color: var(--text-contrast-color);
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.service-item__link::after {
    content: '';
    display: block;
    width: calc(100vw* 8.36 / 1440);
    height: calc(100vw* 14.73 / 1440);
    background: url('../images/learn-more/learn-more.svg') no-repeat center center / 100%;
    margin-left: var(--size-8);
}

.report__container {
    background: var(--container-bg) url('../images/report/report-bg.png') no-repeat right center / auto 100%;
}

.report-title {
    font-family: var(--additional-font);
    font-size: calc(100vw* 40 / 1440);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: calc(100vw* 16 / 1440);
}

.report-text {
    font-size: calc(100vw* 24 / 1440);
    line-height: 1.3;
    text-align: center;
}

.footer {
    background: var(--footer-bg);
    margin-top: var(--size-130);
}

.footer__inner {
    padding: calc(100vw* 32 / 1440) 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.footer-logo {
    width: calc(100vw* 155 / 1440);
    height: calc(100vw* 54 / 1440);
    margin-bottom: calc(100vw* 14 / 1440);
}

.footer-logo img {
    width: 100%;
    height: auto;
}

.footer-contacts {
    max-width: calc(100vw* 166 / 1440);
    font-size: calc(100vw* 14 / 1440);
    color: var(--text-white);
    margin-bottom: calc(100vw* 20 / 1440);
}

.footer-contacts a {
    color: var(--text-white);
    text-decoration: none;
}

.footer-contacts a:hover {
    color: var(--text-white);
    text-decoration: underline;
}

.copyright {
    font-size: calc(100vw* 14 / 1440);
    color: var(--text-white);
    margin-top: auto; 
    opacity: .5;
}

.footer__text {
    line-height: calc(100vw* 24 / 1440);
    color: var(--text-white);
}

.mobile-menu, .burger-menu{
    display: none;
}

.footer__item .logo {
    margin-bottom: var(--size-14);
}

.accordion-item__content {
    display: none;
}

.two-columns {
    margin-top: var(--size-54);
}

.two-columns__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--size-14);
}

.two-columns__item {
    border-radius: var(--size-10);
    padding: calc(100vw* 24 / 1440) calc(100vw* 38 / 1440);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.column-left {
    background: var(--sticky-even-bg);
}

.column-right {
    background: var(--container-bg);
}

.column-left__inner {
    max-width: calc(100vw * 543 / 1440);
}

.column-left h2 {
    font-family: var(--additional-font);
    font-size: var(--size-42);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: var(--letter-spacing-1);
    margin-bottom: var(--size-40);
    color: var(--text-contrast-color);
}

.column-left__content {
    width: 100%;
}

.rich-text {
    text-align: left;
    font-size: calc(100vw* 16 / 1440);
    letter-spacing: .01em;
    font-weight: 500;
    line-height: 1.3;
}

.rich-text p:not(:last-child) {
    margin-bottom: calc(100vw* 24 / 1440);
}

.rich-text ul li {
    position: relative;
    padding-left: calc(100vw* 18 / 1440);
    font-weight: 400;
}

.rich-text ul li strong {
    font-weight: 500;
}

.rich-text ul li:not(:last-child) {
    margin-bottom: var(--size-8);
}

.rich-text ul li::before {
    content: '';
    display: block;
    width: calc(100vw* 7 / 1440);
    height: calc(100vw* 7 / 1440);
    border-radius: 50%;
    background: var(--text-contrast-color);
    position: absolute;
    top: calc(100vw* 6 / 1440);
    left: 0;
}


.flip-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--size-23);
}

.flip-card {
    display: flex;
    flex-direction: column;
    min-height:  calc(100vw* 250 / 1440);
    position: relative;
    -webkit-perspective: calc(100vw* 1000 / 1440);
    perspective: calc(100vw* 1000 / 1440);
}

.flip-card:hover .flip-card__back {
    transform: rotateY(0deg);
    z-index: 2;
}

.flip-card:hover .flip-card__front {
    transform: rotateY(180deg);
    z-index: -1;
}

.flip-card .flip-card__back, .flip-card .flip-card__front {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    flex: 0 0 100%;
    flex: 0 1 100%;
    width: 100%;
    height: 100%;
    border-radius: var(--size-8);
    -webkit-transition: all 1s cubic-bezier(.5,1,.5,1);
    transition: all 1s cubic-bezier(.5,1.3,.5,1.3);
    transform-style: preserve-3d;
}

.flip-card .flip-card__back {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    transform: rotateY(-180deg);
}

.flip-card .flip-card__front {
    z-index: 2;
}

.flip-card .flip-card__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--size-40) var(--size-30);
    position: relative;
}

.flip-card .flip-card__back .flip-card__content, .flip-cards.flip-cards--dark .flip-card .flip-card__content {
    justify-content: center;
}

.flip-cards.flip-cards--dark .flip-card .flip-card__back .flip-card__content {
    padding: var(--size-16);
}

.flip-cards--light .flip-card__front {
    background: var(--container-bg);
}

.flip-cards--dark .flip-card__front {
    background: var(--slide-cards-bg-main);
}

.flip-cards--light .flip-card__back , .flip-cards--dark .flip-card__back {
    background: var(--bg-green-lighter);
}

.flip-card__reverse {
    position: absolute;
    top: var(--size-16);
    right: var(--size-16);
    width: var(--size-16);
    height: var(--size-16);
}

.flip-card__img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.flip-card__img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flip-cards--light .flip-card__img {
    width: var(--size-72);
    height: var(--size-72);
    margin-bottom: var(--size-32);
}

.flip-cards--dark .flip-card__img {
    width: var(--size-56);
    height: var(--size-56);
    margin-bottom: var(--size-32);
}

.flip-cards--dark .flip-card__back .flip-card__img {
    margin-bottom: var(--size-14);
}

.flip-cards--light .flip-card__title {
    font-size: var(--size-32);
    letter-spacing: var(--letter-spacing-1);
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
    color: var(--text-contrast-color);
    min-height: var(--size-140);
    display: flex;
    align-items: center;
    justify-content: center;
}

.flip-cards--dark .flip-card__title {
    font-size: var(--size-24);
    letter-spacing: var(--letter-spacing-1);
    font-weight: 500;
    text-align: center;
    color: var(--text-color-80);
    display: flex;
    align-items: center;
}

.flip-cards--light .flip-card__text {
    font-size: var(--size-22);
    letter-spacing: var(--letter-spacing-1);
    margin: 0;
    line-height: 1.1;
    text-align: center;
    color: var(--text-color-80);
}

.flip-cards--light .flip-card__text.small-text {
    font-size: var(--size-16);
}

.flip-cards--light .flip-card__title + .flip-card__text {
    margin-top: var(--size-24);
}

.flip-cards--dark .flip-card__text {
    font-size: var(--size-16);
    letter-spacing: var(--letter-spacing-1);
    margin: var(--size-32) 0 0;
    line-height: 1.3;
    text-align: center;
    color: var(--text-color-80);
    display: flex;
    align-items: center;
}

.flip-card__content:has(.flip-card__img) .flip-card__text {
    margin-top: 0;
}

.sidebar-widget.subscribe-widget {
    background: var(--button-bg) url('../images/subscribe/subscribe-widget-bg.png') no-repeat top left / cover;
    border-radius: var(--size-10);
}

.subscribe-widget__img {
    height: var(--size-40);
    margin-bottom: var(--size-24);
}

.subscribe-widget__img img {
    height: 100%;
    width: auto;
}

.subscribe-widget__content {
    font-size: var(--size-16);
    line-height: 1.3;
    color: var(--text-white);
    margin-bottom: var(--size-24);
}

a.subscribe-widget__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: var(--bg-white);
    border-radius: var(--size-4);
    font-size: var(--size-16);
    font-weight: 500;
    color: var(--text-contrast-color);
    text-decoration: none;
}

a.subscribe-widget__btn:hover, a.subscribe-widget__btn:active {
    text-decoration: none;
}

.blog-content.--has-sidebar {
    display: grid;
    grid-template-columns: calc(100vw * 265 / 1440) 1fr;
    gap: var(--size-130);
    margin-top: var(--size-40);
}

h1.blog-title, .blog-title {
    font-family: var(--main-font);
    font-size: var(--size-42);
    font-weight: 500;
    letter-spacing: var(--letter-spacing-1);
    color: var(--text-contrast-color);
    margin-top: 0;
    margin-bottom: var(--size-24);
}

.blog-posts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--size-24) var(--size-16);
}

.post-item {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(33.333% - (var(--size-16) * 2 / 3));
    width: calc(33.333% - (var(--size-16) * 2 / 3));
    text-decoration: none;
    color: var(--text-color-60);
    background: var(--container-bg);
    border-radius: var(--size-10);
    padding: var(--size-12);
    transition: all .3s ease;
}

.post-item:hover {
    text-decoration: none;
    color: var(--text-color-60);
    transform: scale(1.05);
}

.post-item.post-item--first {
    flex: 0 1 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--size-32);
    background: transparent;
    margin: calc(var(--size-12) * -1) calc(var(--size-12) * -1) var(--size-4) 0;
    padding: 0;
}

.post-item.post-item--first:hover {
    background: var(--container-bg);
}

.post-item__img {
    display: block;
    margin-bottom: var(--size-24);
    padding-top: 100%;
    position: relative;
}

.post-item.post-item--first .post-item__img {
    margin-bottom:0;
}

.post-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--size-6);
    position: absolute;
    top: 0;
    left: 0;
}

.post-item__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-item__content a:hover {
    text-decoration: none;
}

.post-item.post-item--first .post-item__content {
    padding: var(--size-12) var(--size-12) var(--size-12) 0;
}

.post-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--size-8);
}

.post-item.post-item--first .post-meta {
    margin-bottom: var(--size-10);
}

.post-cat {
    font-size: var(--size-16);
    font-weight: 500;
    color: var(--text-contrast-color);
    text-decoration: none;
}

.post-cat:hover {
    text-decoration: none;
}

.post-item.post-item--first .post-cat {
    font-weight: 400;
}

.post-title {
    display: block;
    font-size: var(--size-20);
    font-weight: 500;
    color: var(--text-color-80);
    text-decoration: none;
    margin-bottom: var(--size-8);
}

a:hover .post-title {
    color: var(--text-color-80);
    text-decoration: none;
}

.post-excerpt {
    display: block;
    color: var(--text-color-60);
    text-decoration: none;
}

a:hover .post-excerpt {
    color: var(--text-color-60);
    text-decoration: none;
}

.post-item.post-item--first .post-title {
    margin-bottom: var(--size-10);
}

.post-date {
    font-size: var(--size-12);
    color: var(--text-color-40);
}

.post-item.post-item--first .post-date {
    font-size: var(--size-10);
    color: var(--text-contrast-color);
    margin: var(--size-10) 0 var(--size-16);
}

.post-author {
    font-size: var(--size-12);
    color: var(--text-color-40);
    padding-top: var(--size-8);
    margin: auto 0 0;
}

.post-item.post-item--first .post-author {
    font-size: var(--size-14);
    color: var(--text-color-80);
    padding-top: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--size-8);
}

.author-avatar {
    width: var(--size-32);
    position: relative;
    border-radius: 50%;
    /* border: 2px solid var(--button-bg); */
}

.author-avatar::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.author-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-24);
    margin-top: var(--size-24);
    position: relative;
    z-index: 20;
}

.blog-pagination a.page-numbers, .blog-pagination span.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: var(--size-24);
    height: var(--size-24);
    background: var(--container-bg);
    border-radius: var(--size-2);
    font-size: var(--size-18);
    font-weight: 500;
    color: var(--text-contrast-color);
    padding: var(--size-4);
}

.blog-pagination a.page-numbers:hover {
    background: var(--bg-green-light);
    text-decoration: none;
}

.blog-pagination span.page-numbers.current, .blog-pagination a.page-numbers:active {
    background: var(--button-bg);
    color: var(--text-white);
}

.blog-pagination a.prev.page-numbers, .blog-pagination a.next.page-numbers {
    border-radius: 50%;
}

.blog-pagination a.prev.page-numbers:active svg path, .blog-pagination a.next.page-numbers:active  svg path {
    fill: var(--bg-white);
}

.social-link {
    width: var(--size-18);
    margin-top: var(--size-8);
}

.social-link a svg path {
    fill: var(--bg-white);
    text-decoration: none;
    transition: all.3s ease;
}

.social-link a:hover svg path {
    fill: var(--text-contrast-color);
}


















@media (max-width: 768px) {

    :root {
        --letter-spacing-1: calc(100vw * 1/390);
        --size-2: calc(100vw * 2/390);
        --size-4: calc(100vw * 4/390);
        --size-5: calc(100vw * 5/390);
        --size-6: calc(100vw * 6/390);
        --size-7: calc(100vw * 7/390);
        --size-8: calc(100vw * 8/390); 
        --size-10: calc(100vw * 10/390);
        --size-12: calc(100vw * 12/390);
        --size-13: calc(100vw * 13/390);
        --size-14: calc(100vw * 14/390);
        --size-15: calc(100vw * 15/390);
        --size-16: calc(100vw * 16/390);
        --size-18: calc(100vw * 18/390);
        --size-19: calc(100vw * 19/390);
        --size-20: calc(100vw * 20/390);
        --size-22: calc(100vw * 22/390);
        --size-23: calc(100vw * 23/390);
        --size-24: calc(100vw * 24/390);
        --size-26: calc(100vw * 26/390);
        --size-27: calc(100vw * 27/390);
        --size-28: calc(100vw * 28/390);
        --size-30: calc(100vw * 30/390);
        --size-32: calc(100vw * 32/390);
        --size-34: calc(100vw * 34/390);
        --size-36: calc(100vw * 36/390);
        --size-40: calc(100vw * 40/390);
        --size-42: calc(100vw * 42/390);
        --size-44: calc(100vw * 44/390);
        --size-45: calc(100vw * 45/390);
        --size-48: calc(100vw * 48/390);
        --size-50: calc(100vw * 50/390);
        --size-54: calc(100vw * 54/390);
        --size-56: calc(100vw * 56/390);
        --size-60: calc(100vw * 60/390);
        --size-62: calc(100vw * 62/390);
        --size-64: calc(100vw * 64/390);
        --size-68: calc(100vw * 68/390);
        --size-70: calc(100vw * 70/390);
        --size-72: calc(100vw * 72/390);
        --size-80: calc(100vw * 80/390);
        --size-86: calc(100vw * 86/390);
        --size-90: calc(100vw * 90/390);
        --size-100: calc(100vw * 100/390);
        --size-105: calc(100vw * 105/390);
        --size-130: calc(100vw * 130/390);
        --size-140: calc(100vw * 140/390);
        --size-150: calc(100vw * 150/390);
        --size-175: calc(100vw * 175/390);
    }

    body.active {
        overflow: hidden;
    }

    .mobile-content {
        display: block;
    }

    .desktop-content {
        display: none;
    }

    section {
        margin: var(--size-40) auto;
    }

    .section:last-of-type, section:last-child {
        margin-bottom: 0 !important;
    }

    section.logos {
        margin: var(--size-20) auto var(--size-86);
    }

    section.logos + section.cards {
        margin-top: var(--size-40);
    }

    .container {
        max-width: 100%;
        padding: 0 calc(100vw* 15 / 390);
    }

    .container.container--1186, .container.container--1210, .container.container--1286 {
        max-width: 100%;
    }

    .container--has-bg {
        padding: var(--size-20);
    }

    .container.container--no-padding {
        padding: 0;
    }

    .header {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0;
    }

    .header__main {
        padding: var(--size-10) 0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header__main.fixed {
        padding: var(--size-10) 0;
    }

    .header__main .header-menu, .header__main .book-button {
        display: none;
    }

    .header__main .container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }

    .logo {
        height: var(--size-36);
        font-size: var(--size-20);
    }

    .burger-menu {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: calc(100vw* 36 / 390);
        height: calc(100vw* 36 / 390);
        border-radius: 50%;
        position: relative;
        z-index: 100;
        margin-right: calc(100vw* 15 / 390);
    }

    .burger-menu span {
        display: block;
        width: calc(100vw* 20 / 390);
        height: calc(100vw* 2 / 390);
        position: relative;
        z-index: 100;
        background: var(--button-bg);
        border-radius: 20px;
    }

    .burger-menu span::before, .burger-menu span::after {
        content: '';
        display: block;
        width: calc(100vw* 20 / 390);
        height: calc(100vw* 2 / 390);
        background: var(--button-bg);
        border-radius: 20px;
        transition: all .3s ease;
    }

    .burger-menu span::before {
        transform: translateY(calc(100vw* -6 / 390));
    }

    .burger-menu span::after {
        transform: translateY(calc(100vw* 4 / 390));
    }

    .burger-menu.active span::before {
        transform: rotate(45deg) translateY(calc(100vw* 1 / 390));
    }

    .burger-menu.active span::after {
        transform: rotate(-45deg) translateY(calc(100vw* -1 / 390));
    }

    .burger-menu.active span {
        background: transparent;
    }

    .mobile-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: calc(100vw * 105/390) calc(100vw * 15/390) calc(100vw * 15/390);
        overflow-y: auto;
        transform: translateX(110%);
        transition: .4s;
        z-index: 100;
        background: #fff;
    }

    .mobile-menu.active {
        transform: translateX(0);
    }

    .mobile-menu .header-menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .mobile-menu .header-menu li {
        width: 100%;
    }

    .mobile-menu .header-menu > li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: calc(100vw * 20/390);
        line-height: calc(100vw * 24/390);
        color: var(--mobile-menu-link);
        background: var(--container-bg);
        border-radius: var(--size-8);
        padding: calc(100vw * 8/390);
        margin-bottom: calc(100vw* 4 / 390);
    }

    .header-menu > li.menu-item-has-children > a::after {
        content: '';
        background-image: url('../images/menu/mobile-menu_arrow_down.svg');
        background-repeat: no-repeat;
        background-size: 100%;
        line-height: 1;
        width: var(--size-12);
        height: var(--size-7);
    }

    .header-menu > li.menu-item-has-children a:hover::after {
        background-image: url('../images/menu/mobile-menu_arrow_down.svg');
    }

    .mobile-menu .menu-item-has-children:hover .sub-menu {
        position: static;
    }

    .mobile-menu .sub-menu {
        width: 100%;
        align-items: center;
        position: static;
        opacity: 1;
        visibility: visible;
        transition: none;
        padding: var(--size-12);
        min-width: 100%;
        border: none;
        border-radius: 0;
        background: transparent;
    }

    
    .mobile-menu .sub-menu::before {
        content: none;
    }

    .mobile-menu .sub-menu li:not(:last-child) {
        margin-bottom: calc(100vw* 12 / 390);
    }

    .mobile-menu .sub-menu li {
        margin-bottom: 0;
    }

    .mobile-menu .sub-menu li a {
        gap: calc(100vw* 14 / 390);
        font-size: calc(100vw* 16 / 390);
        color: var(--text-color);
    }

    .mobile-menu .menu-item a:hover, .mobile-menu .menu-item a:active {
        color: var(--text-contrast-color);
    }

    .mobile-menu .sub-menu li a:hover, .mobile-menu .sub-menu li a:active {
        color: var(--text-contrast-color);
        background: transparent;
    }

    .mobile-menu .book-button, .main-navigation {
        margin-bottom: calc(100vw* 32 / 390);
    }

    .mobile-menu__footer {
        margin-top: auto;
    }

    .mobile-menu__footer .footer-contacts {
        color: var(--footer-bg);
        opacity: .5;
    }

    .br {
        display: block;
    }

    .btn, .btn.btn--big, .btn.btn--medium {
        width: 100%;
        max-height: calc(100vw * 44/390); 
        padding: var(--size-8);
        font-family: var(--additional-font);
        font-size: var(--size-18);
        letter-spacing: var(--letter-spacing-1);
        font-weight: 600;
    }
    
    .btn::after {
        width: calc(100vw* 10 / 390);
    }

    .pentest-types .container--has-bg {
        border-radius: 0;
    }

    .logos-text {
        font-size: var(--size-20);
        line-height: var(--size-30);
        margin-bottom: var(--size-24);
    }

    .logos .carousel {
        gap: var(--size-40);
    }

    .logos .carousel-items {
        gap: var(--size-40);
    }

    .carousel-logo-item {
        height: var(--size-34);
    }

    h2, .h2 {
        font-size: var(--size-32);
        margin: 0 0 var(--size-24);
    }

    .container.container--has-mobile-slider h2 {
        padding: 0 calc(100vw* 15 / 390);
    }

    .subtitle {
        font-size: var(--size-16);
        margin: 0 0 var(--size-24);
    }

    .icon-big {
        width: var(--size-40);
        height: var(--size-40);
    }
   
    .container--has-mobile-slider {
        padding: 0;
    }

    .mobile-slider {
        display: flex !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 0 calc(100vw* 15 / 390) !important;
    }

    .mobile-slider::-webkit-scrollbar {
        display: none
    }

    .resources-items.resources-items--no-swiper {
        gap: var(--size-20);
    }

    .resources-item {
        padding: calc(100vw* 12 / 390);
        /* border-radius: calc(100vw* 12 / 390); */
    }

    .resources-item:hover {
        transform: none;
        box-shadow: none;
    }
    
    .resources-items.resources-items--no-swiper .resources-item {
        flex: 0 0 calc(100vw* 275 / 390) !important;
    }

    .resources-item__title {
        margin-bottom: calc(100vw* 8 / 390);
    }

    .order-form__title {
        font-size: var(--size-20);
        margin-bottom: var(--size-16);
    }

    .order-form__wrapper {
        max-width: 100%;
    }

    .order-form-item.order-form-item--row {
        grid-template-columns: 1fr;
        gap: var(--size-24);
    }

    .order-form-item .form-label.form-label--checkboxes {
        margin-bottom: var(--size-8);
    }

    .order-form-item .wpcf7-list-item {
        margin: 0;
    }

    .services {
        padding: var(--size-20) 0;
    }

    .services__container {
        height: auto;
    }

    .container.container--has-bg.services__container {
        margin: 0 var(--size-15);
        padding-bottom: var(--size-100);
    }

    .container--has-shadow {
        box-shadow: 0px 0px var(--size-20) 0 var(--box-shadow);
    }

    .services__title {
        font-size: var(--size-22);
    }

    .services-items-wrapper {
        bottom: var(--size-50);
        height: var(--size-80);
    }

    .service-item {
        height: var(80) !important;
        padding: var(--size-12);
        width: calc(100vw* 330 / 390) !important;
        grid-template-columns: var(--size-50) 1fr;
        gap: var(--size-10);
    }

    .service-item__icon img {
        max-height: var(--size-50);
    }

    .service-item__title {
        font-size: var(--size-18);
        margin-bottom: var(--size-8);
    }

    .service-item__link {
        font-size: var(--size-14);
    }

    .service-item__link::after {
        width: calc(100vw* 7.36 / 390);
        height: calc(100vw* 14.73 / 390);
    }

    .container.container--has-bg.report__container {
        margin: 0 calc(100vw* 15 / 390);
    }

    .report-title {
        font-size: calc(100vw* 30 / 390);
        margin-bottom: calc(100vw* 16 / 390);
    }

    .report-text {
        font-size: calc(100vw* 16 / 390);
    }

    .report-text br {
        display: none;
    }

    .btn__wrapper--has-top-margin {
        margin-top: var(--size-24);
    }

    .footer__inner {
        grid-template-columns: 1fr;
        padding: calc(100vw* 20 / 390) 0;
        gap: calc(100vw* 20 / 390);
    }

    .footer-logo {
        width: calc(100vw* 155 / 390);
        height: calc(100vw* 54 / 390);
        margin-bottom: calc(100vw* 14 / 390);
    }

    .footer-contacts {
        max-width: calc(100vw* 166 / 390);
        font-size: calc(100vw* 14 / 390);
        margin-bottom: calc(100vw* 20 / 390);
    }

    .copyright {
        font-size: calc(100vw* 14 / 390);
    }

    .footer__text {
        line-height: calc(100vw* 24 / 390);
    }

    .footer__text br {
        display: none;
    }   
    
    .two-columns__wrapper {
        grid-template-columns: 1fr;
        gap: var(--size-8);
    }
    
    .two-columns__item {
        border-radius: var(--size-10);
        padding: calc(100vw* 16 / 390) calc(100vw* 20 / 390);
    }

    .column-left__inner {
        max-width: 100%;
    }
    
    .column-left h2 {
        font-family: var(--additional-font);
        font-weight: 700;
        font-size: var(--size-24);
        margin-bottom: var(--size-24);
    }
    
    .rich-text {
        font-size: calc(100vw* 14 / 390);
    }
    
    .rich-text p:not(:last-child) {
        margin-bottom: calc(100vw* 10 / 390);
    }
    
    .rich-text ul li {
        padding-left: calc(100vw* 18 / 390);
    }
    
    .rich-text ul li::before {
        width: calc(100vw* 5 / 390);
        height: calc(100vw* 5 / 390);
        top: calc(100vw* 6 / 390);
    }

    .flip-cards {
        grid-template-columns: 1fr;
        gap: var(--size-8);
    }
    
    .flip-card {
        min-height:  calc(100vw* 250 / 390);
        -webkit-perspective: calc(100vw* 1000 / 390);
        perspective: calc(100vw* 1000 / 390);
    }
    
    .flip-cards--light .flip-card__img {
        width: var(--size-56);
        height: var(--size-56);
        margin-bottom: var(--size-24);
    }
    
    .flip-cards--light .flip-card__title {
        font-size: var(--size-24);
    }
    
    .flip-cards--light .flip-card__text {
        font-size: var(--size-18);
        margin: var(--size-16) 0 0;
    }

    .flip-cards--dark .flip-card__title {
        font-size: var(--size-20);
    }
    
    .flip-cards--dark .flip-card__text {
        font-size: var(--size-14);
        margin: var(--size-24) 0 0;
    }

    .footer {
        margin-top: var(--size-40);
    }
    
    .blog-content.--has-sidebar {
        grid-template-columns: 1fr;
        margin-top: var(--size-24);
    }

    .blog-posts {
        gap: var(--size-8);
    }

    .post-item {
        flex: 0 1 100%;
        width: 100%;
    }

    .post-item.post-item--first {
        flex: 0 1 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: var(--size-24);
        background: var(--bg-green-light);
        margin: 0;
        padding: var(--size-12);
    }

    .blog-pagination {
        gap: var(--size-8);
    }

    .post-item:hover {
        background: var(--bg-green-lighter);
        transform: scale(1);
    }

    h1.blog-title, .blog-title {
        font-size: var(--size-30);
        margin-bottom: var(--size-16);
        color: var(--text-color);
    }

    .wp-block-table {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; /* Для плавного скролла на iOS */
    }

}























@media (min-width: 769px) and (max-width: 1280px) {

    :root {
        --letter-spacing-1: calc(100vw * 1/1280);
        --size-2: calc(100vw * 2/1280);
        --size-4: calc(100vw * 4/1280);
        --size-5: calc(100vw * 5/1280);
        --size-6: calc(100vw * 6/1280);
        --size-7: calc(100vw * 7/1280);
        --size-8: calc(100vw * 8/1280); 
        --size-10: calc(100vw * 10/1280);
        --size-12: calc(100vw * 12/1280);
        --size-13: calc(100vw * 13/1280);
        --size-14: calc(100vw * 14/1280);
        --size-15: calc(100vw * 15/1280);
        --size-16: calc(100vw * 16/1280);
        --size-18: calc(100vw * 18/1280);
        --size-19: calc(100vw * 19/1280);
        --size-20: calc(100vw * 20/1280);
        --size-22: calc(100vw * 22/1280);
        --size-23: calc(100vw * 23/1280);
        --size-24: calc(100vw * 24/1280);
        --size-26: calc(100vw * 26/1280);
        --size-27: calc(100vw * 27/1280);
        --size-28: calc(100vw * 28/1280);
        --size-30: calc(100vw * 30/1280);
        --size-32: calc(100vw * 32/1280);
        --size-34: calc(100vw * 34/1280);
        --size-36: calc(100vw * 36/1280);
        --size-40: calc(100vw * 40/1280);
        --size-42: calc(100vw * 42/1280);
        --size-44: calc(100vw * 44/1280);
        --size-45: calc(100vw * 45/1280);
        --size-48: calc(100vw * 48/1280);
        --size-50: calc(100vw * 50/1280);
        --size-54: calc(100vw * 54/1280);
        --size-56: calc(100vw * 56/1280);
        --size-60: calc(100vw * 60/1280);
        --size-62: calc(100vw * 62/1280);
        --size-64: calc(100vw * 64/1280);
        --size-68: calc(100vw * 68/1280);
        --size-70: calc(100vw * 70/1280);
        --size-72: calc(100vw * 72/1280);
        --size-80: calc(100vw * 80/1280);
        --size-86: calc(100vw * 86/1280);
        --size-90: calc(100vw * 90/1280);
        --size-100: calc(100vw * 100/1280);
        --size-105: calc(100vw * 1051280);
        --size-130: calc(100vw * 130/1280);
        --size-140: calc(100vw * 140/1280);
        --size-150: calc(100vw * 150/1280);
        --size-175: calc(100vw * 175/1280);
    }

    section {
        margin: var(--size-100) auto;
    }
    
    section.logos {
        margin: var(--size-40) auto var(--size-100);
    }

    .container {
        max-width: calc(100vw * 1160/1280);
    }

    .container.container--1440 {
        max-width: 100%;
    }

    .container.container--1186 {
        max-width: calc(100vw * 1186/1280);
    }
    
    .container.container--1210 {
        max-width: calc(100vw * 1210/1280);
    }

    .container.container--1286 {
        max-width: 100%;
    }
    
    .sub-menu {
        min-width: calc(100vw * 290/1280);
    }
    
    .carousel-logo-item {
        height: var(--size-50);
    }
       
    .resources-item {
        width: calc((100% - calc(100vw* 60/1280)) / 4) !important;
        margin: calc(100vw* 10/1280);
        padding: calc(100vw* 12/1280);
    }

    .resources-item:hover {
        transform: scale(1.05);
    }
    
    .resources-item__title {
        margin-bottom: calc(100vw* 8/1280);
    }
    
    .order-form__wrapper {
        max-width: calc(100vw* 570/1280);
    }
    
    .services__container {
        height: calc(100vw* 337 / 1280);
    }
    
    .services-items__wrapper {
        gap: var(--size-80);
    }
    
    .services-items__inner {
        padding: var(--size-20) 0;
    }
    
    .service-item {
        height:  var(--size-42);
        width: calc(100vw* 398 / 1280) !important;
    }
    
    .service-item__link::after {
        width: calc(100vw* 8.36 / 1280);
        height: calc(100vw* 14.73 / 1280);
    }

    .report-title {
        font-size: calc(100vw* 40 / 1280);
        margin-bottom: calc(100vw* 16 / 1280);
    }
    
    .report-text {
        font-size: calc(100vw* 24 / 1280);
    }

    .footer__inner {
        padding: calc(100vw* 32 / 1280) 0;
    }
    
    .footer-logo {
        width: calc(100vw* 155 / 1280);
        height: calc(100vw* 54 / 1280);
        margin-bottom: calc(100vw* 14 / 1280);
    }
    
    .footer-contacts {
        max-width: calc(100vw* 166 / 1280);
        font-size: calc(100vw* 14 / 1280);
        margin-bottom: calc(100vw* 20 / 1280);
    }
    
    .copyright {
        font-size: calc(100vw* 14 / 1280);
    }
    
    .footer__text {
        line-height: calc(100vw* 24 / 1280);
    }
    
    .two-columns__item {
        padding: calc(100vw* 16 / 1280) calc(100vw* 20 / 1280);
    }

    .column-left__inner {
        max-width: calc(100vw * 543 / 1280);
    }
    
    .rich-text {
        font-size: calc(100vw* 14 / 1280);
    }
    
    .rich-text p:not(:last-child) {
        margin-bottom: calc(100vw* 10 / 1280);
    }
    
    .rich-text ul li {
        padding-left: calc(100vw* 18 / 1280);
    }
    
    .rich-text ul li::before {
        width: calc(100vw* 5 / 1280);
        height: calc(100vw* 5 / 1280);
        top: calc(100vw* 6 / 1280);
    }

    .flip-card {
        min-height:  calc(100vw* 250 / 1280);
        -webkit-perspective: calc(100vw* 1000 / 1280);
        perspective: calc(100vw* 1000 / 1280);
    }

}




















@media (min-width: 1921px), (min-device-width: 2560px) {

    :root {
        --letter-spacing-1: calc(100vw * 1/2560);
        --size-2: calc(100vw * 2/2560);
        --size-4: calc(100vw * 4/2560);
        --size-5: calc(100vw * 5/2560);
        --size-6: calc(100vw * 6/2560);
        --size-7: calc(100vw * 7/2560);
        --size-8: calc(100vw * 8/2560);
        --size-10: calc(100vw * 10/2560);
        --size-12: calc(100vw * 12/2560); 
        --size-13: calc(100vw * 13/2560);
        --size-14: calc(100vw * 14/2560);
        --size-15: calc(100vw * 15/2560);
        --size-16: calc(100vw * 16/2560);
        --size-18: calc(100vw * 18/2560);
        --size-19: calc(100vw * 19/2560);
        --size-20: calc(100vw * 20/2560);
        --size-22: calc(100vw * 22/2560);
        --size-23: calc(100vw * 23/2560);
        --size-24: calc(100vw * 24/2560);
        --size-26: calc(100vw * 26/2560);
        --size-27: calc(100vw * 27/2560);
        --size-28: calc(100vw * 28/2560);
        --size-30: calc(100vw * 30/2560);
        --size-32: calc(100vw * 32/2560);
        --size-34: calc(100vw * 34/2560);
        --size-36: calc(100vw * 36/2560);
        --size-40: calc(100vw * 40/2560);
        --size-42: calc(100vw * 42/2560);
        --size-44: calc(100vw * 44/2560);
        --size-45: calc(100vw * 45/2560);
        --size-48: calc(100vw * 48/2560);
        --size-50: calc(100vw * 50/2560);
        --size-54: calc(100vw * 54/2560);
        --size-56: calc(100vw * 56/2560);
        --size-60: calc(100vw * 60/2560);
        --size-62: calc(100vw * 62/2560);
        --size-64: calc(100vw * 64/2560);
        --size-68: calc(100vw * 68/2560);
        --size-70: calc(100vw * 70/2560);
        --size-72: calc(100vw * 72/2560);
        --size-80: calc(100vw * 80/2560);
        --size-86: calc(100vw * 86/2560);
        --size-90: calc(100vw * 90/2560);
        --size-100: calc(100vw * 100/2560);
        --size-105: calc(100vw * 105/2560);
        --size-130: calc(100vw * 130/2560);
        --size-140: calc(100vw * 140/2560);
        --size-150: calc(100vw * 150/2560);
        --size-175: calc(100vw * 175/2560);
    }
    
    .container {
        max-width: calc(100vw * 1160/2560);
    }

    .container.container--1440 {
        max-width: calc(100vw * 1440/2560);
    }

    .container.container--1186 {
        max-width: calc(100vw * 1186/2560);
    }

    .container.container--1210 {
        max-width: calc(100vw * 1210/2560);
    }

    .container.container--1286 {
        max-width: calc(100vw * 1286/2560);
    }

    .sub-menu {
        min-width: calc(100vw * 290/2560);
    }
    
    .resources-item {
        width: calc((100% - calc(100vw* 60/2560)) / 4) !important;
        margin: calc(100vw* 10/2560);
        padding: calc(100vw* 12/2560);
        /* border-radius: calc(100vw* 12/2560); */
    }

    .resources-item {
        padding: calc(100vw* 12/2560);
        /* border-radius: calc(100vw* 12/2560); */
    }
    
    .resources-item__title {
        margin-bottom: calc(100vw* 8/2560);
    }
    
    .services__container {
        height: calc(100vw* 337 / 2560);
    }
    
    .services-items__wrapper {
        gap: var(--size-80);
    }
    
    .services-items__inner {
        padding: var(--size-20) 0;
    }
    
    .service-item {
        height:  var(--size-100) !important;
        width: calc(100vw* 398 / 2560) !important;
    }
    
    .service-item__link::after {
        width: calc(100vw* 8.36 / 2560);
        height: calc(100vw* 14.73 / 2560);
    }

    .report-title {
        font-size: calc(100vw* 40 / 2560);
        margin-bottom: calc(100vw* 16 / 2560);
    }
    
    .report-text {
        font-size: calc(100vw* 24 / 2560);
    }

    .footer__inner {
        padding: calc(100vw* 32 / 2560) 0;
    }
    
    .footer-logo {
        width: calc(100vw* 155 / 2560);
        height: calc(100vw* 54 / 2560);
        margin-bottom: calc(100vw* 14 / 2560);
    }
    
    .footer-contacts {
        max-width: calc(100vw* 166 / 2560);
        font-size: calc(100vw* 14 / 2560);
        margin-bottom: calc(100vw* 20 / 2560);
    }
    
    .copyright {
        font-size: calc(100vw* 14 / 2560);
    }
    
    .footer__text {
        line-height: calc(100vw* 24 / 2560);
    }
    
    .order-form__wrapper {
        max-width: calc(100vw* 570/2560);
    }
    
    .two-columns__item {
        padding: calc(100vw* 16 / 2560) calc(100vw* 20 / 2560);
    }

    .column-left__inner {
        max-width: calc(100vw * 543 / 2560);
    }
    
    .rich-text {
        font-size: calc(100vw* 14 / 2560);
    }
    
    .rich-text p:not(:last-child) {
        margin-bottom: calc(100vw* 10 / 2560);
    }
    
    .rich-text ul li {
        padding-left: calc(100vw* 18 / 2560);
    }
    
    .rich-text ul li::before {
        width: calc(100vw* 5 / 2560);
        height: calc(100vw* 5 / 2560);
        top: calc(100vw* 6 / 2560);
    }

    .flip-card {
        min-height:  calc(100vw* 250 / 2560);
        -webkit-perspective: calc(100vw* 1000 / 2560);
        perspective: calc(100vw* 1000 / 2560);
    }

    .carousel-logo-item {
        height: var(--size-40);
    }
    
}