/*
Theme Name: Marketing agency Goal
Author: the Forinter team
Author URI: https://forinter.net/
Description: For all questions, please contact the developers by email <a href="mailto:forinter.ukraine@gmail.com">info@forinter.net</a> or go to the website <a href="https://forinter.net" target="_blank">https://forinter.net</a>
Requires PHP: 7.3
Version: 1.0
Text Domain: https://goal-team.com.ua/
Tags: custom theme for goal-team, forinter.net

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html {
    font-size: var(--font-16);
}

* {
    --yellow-color: #FFC700;
    --orange-color: #F56400;
    --grey-color: #E6E6E6;
    --grey-color-2: #DDDDDD;

    --coef: 1;

    --value-1: calc(var(--coef) * 0.052vw);
    --value-2: calc(var(--coef) * 0.11vw);
    --value-3: calc(var(--coef) * 0.16vw);
    --value-4: calc(var(--coef) * 0.21vw);
    --value-5: calc(var(--coef) * 0.26vw);
    --value-6: calc(var(--coef) * 0.32vw);
    --value-7: calc(var(--coef) * 0.37vw);
    --value-8: calc(var(--coef) * 0.42vw);
    --value-9: calc(var(--coef) * 0.47vw);
    --value-10: calc(var(--coef) * 0.52vw);
    --value-11: calc(var(--coef) * 0.57vw);
    --value-12: calc(var(--coef) * 0.63vw);
    --value-13: calc(var(--coef) * 0.68vw);
    --value-14: calc(var(--coef) * 0.73vw);
    --value-15: calc(var(--coef) * 0.78vw);
    --value-16: calc(var(--coef) * 0.83vw);
    --value-17: calc(var(--coef) * 0.89vw);
    --value-18: calc(var(--coef) * 0.94vw);
    --value-19: calc(var(--coef) * 0.99vw);
    --value-20: calc(var(--coef) * 1.04vw);
    --value-21: calc(var(--coef) * 1.09vw);
    --value-24: calc(var(--coef) * 1.25vw);
    --value-25: calc(var(--coef) * 1.3vw);
    --value-30: calc(var(--coef) * 1.56vw);
    --value-32: calc(var(--coef) * 1.67vw);
    --value-35: calc(var(--coef) * 1.83vw);
    --value-40: calc(var(--coef) * 2.08vw);
    --value-45: calc(var(--coef) * 2.34vw);
    --value-48: calc(var(--coef) * 2.5vw);
    --value-50: calc(var(--coef) * 2.6vw);
    --value-60: calc(var(--coef) * 3.13vw);
    --value-70: calc(var(--coef) * 3.65vw);
    --value-80: calc(var(--coef) * 4.17vw);
    --value-90: calc(var(--coef) * 4.69vw);
    --value-100: calc(var(--coef) * 5.21vw);
}

body {
    line-height: 1.5;
    margin: 0;
    font-family: 'Gilroy', Arial, serif;
    font-size: var(--value-18);
    font-style: normal;
    font-weight: 400;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

:root {
    scroll-behavior: initial;
}

body.active {
    overflow: hidden;
}

p:last-of-type {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.container {
    width: 100%;
    max-width: calc(14 * var(--value-100) + var(--value-50));
    margin: 0 auto;
    padding: 0 var(--value-15);
}

.container.full {
    max-width: 100%;
    padding: 0 var(--value-40);
}

.full-h {
    height: 100%;
}

.rows,
.subrows {
    display: grid;
    grid-gap: var(--value-80);
    grid-auto-rows: min-content;
}

.subrows {
    grid-gap: var(--value-40);
}

a:not(.btn):hover {
    color: var(--orange-color);
}

.g-box,
.d-grid {
    display: grid;
    grid-gap: var(--value-30);
    grid-auto-rows: min-content;
}

.f-box,
.d-flex {
    display: flex;
}

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

.just-cont-start {
    justify-content: flex-start;
}

.just-cont-end {
    justify-content: flex-end;
}

.just-cont-center {
    justify-content: center;
}

.c-pointer {
    cursor: pointer;
}

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

.sect {
    padding: var(--value-80) 0;
}

.sect:first-of-type {
    padding-top: 0;
}

.sect.breadcrumbs {
    padding: 0;
}

.main-wrap:has(.breadcrumbs) .sect:nth-child(2) {
    padding-top: var(--value-40);
}

.title-box {
    display: grid;
    grid-gap: var(--value-30);
    grid-auto-rows: min-content;
}

.title-box .title {
    font-weight: 700;
    margin: 0;
}

.title-box.sect-title .title {
    font-size: var(--value-48);
    line-height: 1.2;
}

.title-box .subtitle {
    font-weight: 700;
    font-size: var(--value-24);
    margin: 0;
}

.btn {
    padding: var(--value-20) var(--value-25);
    background: var(--yellow-color);
    color: var(--black-color);
    font-weight: 600;
    border-radius: var(--value-35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1.17;
    cursor: pointer;
    transition: .2s ease background, .2s ease box-shadow;
    -moz-transition: .2s ease background, .2s ease box-shadow;
    -webkit-transition: .2s ease background, .2s ease box-shadow;
    -o-transition: .2s ease background, .2s ease box-shadow;
    z-index: 1;
    position: relative;
    border: none;
    min-width: calc(2* var(--value-100));
}

.btn:hover {
    background: #FFDD66;
    box-shadow: 0 var(--value-14) var(--value-30) 0 rgb(255 199 0 / 30%);
}

.btn.orange {
    background: linear-gradient(90deg, #F56400 0%, #FF7D23 100%);
    color: #fff;
}

.btn.orange:hover {
    background: linear-gradient(90deg, #F78333 0%, #FF964F 100%);
    box-shadow: 0 var(--value-14) var(--value-30) 0 #F667044D;
}

.btn.transparent {
    background-color: transparent;
    border: var(--value-1) solid var(--orange-color);
    color: var(--orange-color);
    padding: var(--value-13) var(--value-25);
}

.btn.transparent:hover {
    background: transparent;
    animation: none;
}

.btn.with-ico svg {
    width: var(--value-20);
    height: var(--value-20);
    margin-right: var(--value-16);
}

.toggle-list .toggle-item .toggle-hide-box {
    display: none;
}

.toggle-list .toggle-item .toggle-activator {
    cursor: pointer;
}

.text-content p,
.text-content blockquote,
.text-content ul,
.text-content ol {
    margin-bottom: var(--value-30);
}

.text-content p:last-child,
.text-content blockquote:last-child,
.text-content ul:last-child,
.text-content ol:last-child {
    margin-bottom: 0;
}

.text-content blockquote {
    font-weight: 600;
    padding: var(--value-40);
    border-radius: var(--value-20);
    background-color: rgba(255, 199, 0, 0.5);
    position: relative;
}

.text-content blockquote::before,
.text-content blockquote::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(50%, -50%, 0);
    border-radius: 50%;
    width: var(--value-80);
    height: var(--value-80);
}

.text-content blockquote::before {
    background: linear-gradient(90deg, #F56400 0%, #FF7D23 100%);
    box-shadow: 0 var(--value-14) var(--value-30) 0 rgba(246, 103, 4, 0.3);
}

.text-content blockquote::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-40);
    background-image: url(./asset/images/text-cont-inf-ico.svg);
}

.text-content ul,
.text-content ol {
    display: grid;
    grid-gap: var(--value-5);
    list-style: none;
    padding-left: 0;
}

.text-content ul li {
    padding-left: var(--value-30);
    position: relative;
}

.text-content ol li {
    padding-left: var(--value-35);
    position: relative;
}

.text-content ul li::before {
    content: '';
    width: var(--value-8);
    height: var(--value-8);
    background-color: var(--orange-color);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: var(--value-11);
    left: 0;
    border-radius: var(--value-2);
}

.text-content ol li {
    counter-increment: section;
}

.text-content ol li::before {
    content: counter(section);
    background-color: var(--yellow-color);
    border-radius: 50%;
    min-width: var(--value-20);
    min-height: var(--value-20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: var(--value-5);
    left: 0;
    font-weight: 700;
    font-size: var(--value-12);
    line-height: 1;
}


.text-content a:not(.btn) {
    text-decoration: none;
    color: var(--orange-color);
    border-bottom: var(--value-1) solid;
}

.text-content a:not(.btn):hover {
    border-color: transparent;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5 .h5 {
    margin-bottom: var(--value-20);
    font-weight: 700;
}

h1,
.h1 {
    font-size: var(--value-40);
}

h2,
.h2 {
    font-size: var(--value-32);
}

h3,
.h3 {
    font-size: var(--value-24);
}

h4,
.h4 {
    font-size: var(--value-18);
}

h5 .h5 {
    font-size: var(--value-16);
}

b,
strong {
    font-weight: 700;
}

.video-wrap-box {
    max-width: calc(10.40* var(--value-100));
    margin: 0 auto;
    width: 100%;
}

.video-wrap iframe,
.text-content iframe {
    max-width: 100%;
}

.video-wrap,
.text-content p:has(iframe) {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.text-content p.has-iframe {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrap iframe,
.text-content p iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}



header {
    padding: var(--value-60) 0;
}

header .columns {
    align-items: center;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
}

header .logo img,
footer .logo img {
    width: calc(var(--value-100) + var(--value-80) + var(--value-6));
}

header .right-side-box {
    align-items: center;
    line-height: 1;
}

header .right-side-box>div {
    margin-right: var(--value-35);
}

header .right-side-box>div:last-child {
    margin-right: 0;
}

header .phone-box a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
}

header .phone-box a::before {
    content: '';
    display: inline-block;
    width: var(--value-24);
    height: var(--value-24);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-24);
    margin-right: var(--value-16);
    background-image: url(./asset/images/footer-icons/phone-black-ico.svg);
    position: relative;
    top: var(--value-2);
}

ul.header-menu {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

header .right-side-box ul.header-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

ul.header-menu li {
    box-sizing: border-box;
}

ul.header-menu li a {
    text-decoration: none;
    transition: .2s ease color;
    -o-transition: .2s ease color;
    -moz-transition: .2s ease color;
    -webkit-transition: .2s ease color;
    display: inline-block;
}

ul.header-menu li.current-menu-item:not(.cooper)>a,
ul.header-menu li.current-menu-ancestor:not(.cooper)>a,
ul.header-menu li.current-post-ancestor:not(.cooper)>a,
ul.header-menu li.current-menu-parent:not(.cooper)>a,
ul.header-menu li.current-post-parent:not(.cooper)>a {
    color: var(--orange-color);
}

header .right-side-box ul.header-menu li a {
    padding: var(--value-10) var(--value-35);
}

header .right-side-box ul.header-menu li.services {
    position: relative;
}

header .right-side-box ul.header-menu li.services::after {
    content: '';
    width: var(--value-1);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
}

header .cooper>a {
    border: var(--value-1) solid #000000;
    box-sizing: border-box;
    border-radius: var(--value-100);
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding: var(--value-11) var(--value-25);
    text-decoration: none;
    min-height: calc(var(--value-50) + var(--value-5));
    display: inline-flex !important;
    align-items: center;
}

.lang-box li a,
header ul li.cooper>a {
    transition: .3s ease color, .3s ease background-color;
    -o-transition: .3s ease color, .3s ease background-color;
    -moz-transition: .3s ease color, .3s ease background-color;
    -webkit-transition: .3s ease color, .3s ease background-color;
}

.small-menu ul.header-menu,
ul.header-menu li .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: var(--value-20);
}


header .right-side-box ul.header-menu li .sub-menu {
    width: calc(3 * var(--value-100));
    left: 0;
    background: #fff;
    border-radius: var(--value-8);
    box-sizing: border-box;
    padding: 0 var(--value-15);
    z-index: 2;
    position: absolute;
    right: 0;
    top: 80%;
    opacity: 0;
    transition: all .4s ease-in-out;
    height: 0;
    overflow: hidden;
}

header .right-side-box ul.header-menu li.menu-item-has-children {
    position: relative;
}

header .right-side-box ul.header-menu li.menu-item-has-children a {
    position: relative;
    z-index: 2;
}

header .right-side-box ul.header-menu li ul.sub-menu a {
    padding: 0;
}

header .right-side-box ul.header-menu li .sub-menu-active {
    top: 100%;
    opacity: 1;
    transition: all .4s ease-in-out;
    height: auto;
    padding: var(--value-20) var(--value-15);
    padding-top: var(--value-30);
}

header .right-side-box ul.header-menu li.menu-item-has-children:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    transition: all .4s ease-in-out;
    height: auto;
    padding: var(--value-20) var(--value-15);
    padding-top: var(--value-30);
}

.lang-box {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.lang-box .current {
    display: none;
}


.lang-box li {
    margin-right: var(--value-20);
}

.lang-box li:last-of-type {
    margin-right: 0;
}

.lang-box li a {
    border: var(--value-1) solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding: var(--value-12);
    display: inline-flex;
    text-decoration: none;
    line-height: 0.7;
    min-width: calc(var(--value-50) + var(--value-5));
    min-height: calc(var(--value-50) + var(--value-5));
    align-items: center;
    justify-content: center;
}

.lang-box li a:hover,
header .cooper a:hover {
    color: #fff;
    text-decoration: none;
    background: #000;
}

.small-menu {
    position: fixed;
    top: 0;
    right: calc(-1 * (4 * var(--value-100) + var(--value-80)));
    opacity: 0;
    box-sizing: border-box;
    width: calc(4 * var(--value-100) + var(--value-80));
    opacity: 0;
    padding: calc(var(--value-100) + var(--value-30)) var(--value-30) var(--value-60) var(--value-30);
    background: var(--yellow-color);
    height: 100vh;
    z-index: 777;
    overflow-y: scroll;
    display: grid;
    grid-gap: var(--value-50);
    align-items: flex-start;
    align-content: flex-start;
    transition: right .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out;
    -o-transition: right .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out;
    -moz-transition: right .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out;
    -webkit-transition: right .5s ease-in-out, opacity .5s ease-in-out, top .5s ease-in-out;
}

.small-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
}

.small-menu.small-menu-active {
    top: 0;
    right: 0;
    opacity: 1;
}

.small-menu ul.header-menu>li {
    font-size: var(--value-24);
}

.small-menu ul.header-menu>li>ul {
    padding-left: var(--value-20);
    margin-top: var(--value-15);
    font-size: var(--value-20);
    grid-gap: var(--value-15);
}

.menu-header-button {
    position: fixed;
    width: var(--value-48);
    height: var(--value-48);
    background: #FFFFFF;
    box-shadow: 0 var(--value-10) var(--value-45) rgba(138, 141, 160, 0.5);
    top: calc(var(--value-70) - var(--value-3));
    right: 3%;
    border: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: var(--value-50);
    display: none;
    z-index: 888;
    padding: 0;
}

.menu-header-button.show-menu-bt {
    display: flex;
}

.menu-header-button .button-bar {
    width: var(--value-24);
    height: var(--value-2);
    background: #000000;
    position: absolute;
    transition: .2s ease;
    -o-transition: .2s ease;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
    left: 50%;
    transform: translateX(-50%);
}

.menu-header-button .button-bar:first-child {
    top: 34%;
}

.menu-header-button .button-bar:last-child {
    top: 63%;
}


.menu-active-header-button .button-bar:first-child {
    transform: translateX(-50%) rotate(45deg);
    top: 48%;
}

.menu-active-header-button .button-bar:nth-child(2) {
    width: 0;
}

.menu-active-header-button .button-bar:last-child {
    transform: translateX(-50%) rotate(-45deg);
    top: 48%;
}


.sect.head-sect {
    position: relative;
}

.front-page .sect.head-sect {
    padding-bottom: calc(var(--value-100) + var(--value-40));
    position: relative;
}

.front-page .sect.head-sect,
.head-sect.course {
    padding-top: var(--value-40);
}

.front-page .sect.head-sect::before,
.sect.head-sect::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.sect.head-sect::after {
    top: var(--value-40);
    right: 0;
    background-image: url(./asset/images/figures/square-dots-1.svg);
    background-size: calc(var(--value-100) + var(--value-80));
    width: calc(var(--value-100) + var(--value-80));
    height: calc(3* var(--value-100) + var(--value-8));
}

.front-page .sect.head-sect::before {
    bottom: calc(-1 * (var(--value-20) + var(--value-2)));
    left: calc(-1 * var(--value-40));
    background-image: url(./asset/images/figures/square-dots-2.svg);
    background-size: calc(var(--value-100) + var(--value-20) + var(--value-2));
    width: calc(var(--value-100) + var(--value-20) + var(--value-2));
    height: calc(var(--value-100) + var(--value-20));
}

.sect.head-sect .columns {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-40) var(--value-30);
}

.sect.head-sect .info-box {
    grid-gap: var(--value-30);
    align-content: flex-end;
    max-width: calc(6 * var(--value-100) + var(--value-40));
}

.sect.head-sect .btns-box {
    order: 1;
}

.sect.head-sect .columns .img-box {
    grid-row-start: span 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.front-page .sect.head-sect .img-box img {
    max-width: calc(5 * var(--value-100) + var(--value-20) + var(--value-6));
}

.sect.head-sect .scroll-down-bt {
    font-size: var(--value-14);
    color: #E5E5E5;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    justify-items: center;
    display: grid;
    grid-gap: var(--value-8);
    -webkit-animation: yo-yo 2s ease-in-out infinite alternate;
    animation: yo-yo 2s ease-in-out infinite alternate;
}

@keyframes yo-yo {
    0% {
        -webkit-transform: translateY(calc(-1* var(--value-10)));
        -moz-transform: translateY(calc(-1* var(--value-10)));
        -ms-transform: translateY(calc(-1* var(--value-10)));
        transform: translateY(calc(-1* var(--value-10)));
    }

    100% {
        -webkit-transform: translateY(var(--value-10));
        -moz-transform: translateY(var(--value-10));
        -ms-transform: translateY(var(--value-10));
        transform: translateY(var(--value-10));
    }
}

.sect.head-sect .scroll-down-bt::after {
    content: '';
    width: var(--value-17);
    height: calc(var(--value-20) + var(--value-7));
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--value-17);
    background-image: url(./asset/images/scroll-bt-ico.svg);
}

.sect.head-sect .btns-box .btn-box {
    margin-right: calc(var(--value-20) + var(--value-6));
}

.sect.head-sect .btns-box .btn-box:last-child {
    margin-right: 0;
}

.sect.services {
    position: relative;
}

.sect.services::before {
    content: '';
    width: calc(var(--value-100) + var(--value-30) + var(--value-2));
    height: calc(2* var(--value-100) + var(--value-20));
    position: absolute;
    bottom: calc(2* var(--value-100) + var(--value-40));
    left: 0;
    display: block;
    background-image: url(./asset/images/figures/square-dots-3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--value-100) + var(--value-30) + var(--value-2));
    z-index: -1;
}

.sect.services::after {
    content: '';
    width: calc(2 * var(--value-100) - var(--value-25));
    height: calc(15 * var(--value-100) + var(--value-40) + var(--value-7));
    position: absolute;
    top: calc(-1 * (3 * var(--value-100) + var(--value-40)));
    right: 0;
    display: block;
    background-image: url(./asset/images/figures/vector-figure-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(2 * var(--value-100) - var(--value-25));
    z-index: -1;
}

.sect.services .columns {
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr);
}

.sect.services .img-box img {
    margin-top: var(--value-50);
}


.toggle-list.services-list,
.toggle-list.faq-list,
.toggle-list.vacancies-list {
    border: var(--value-1) solid #E6E6E6;
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA026;
    border-radius: var(--value-15);
    background-color: #fff;
}

.toggle-list.services-list .item,
.toggle-list.faq-list .item,
.toggle-list.vacancies-list .item {
    border-bottom: var(--value-1) solid #E6E6E6;
}

.toggle-list.services-list .item:last-child,
.toggle-list.faq-list .item:last-child,
.toggle-list.vacancies-list .item:last-child {
    border-bottom: none;
}

.toggle-list .toggle-activator {
    position: relative;
}

.toggle-list .toggle-activator p {
    font-weight: 700;
}

.toggle-list.services-list .toggle-activator,
.toggle-list.services-list .toggle-hide-box,
.toggle-list.vacancies-list .toggle-activator,
.toggle-list.vacancies-list .toggle-hide-box {
    padding: calc(var(--value-30) + var(--value-6));
    padding-left: calc(var(--value-100) + var(--value-8));
}

.toggle-list.services-list .toggle-activator,
.toggle-list.vacancies-list .toggle-activator {
    font-size: var(--value-24);
}

.toggle-list.services-list .toggle-hide-box,
.toggle-list.vacancies-list .toggle-hide-box {
    margin-top: calc(-1 * var(--value-12));
    padding-top: 0;
}

.toggle-list .toggle-activator::before {
    content: '';
    width: var(--value-24);
    height: var(--value-24);
    position: absolute;
    display: block;
    border-radius: 100%;
    background-color: var(--yellow-color);
    background-image: url(./asset/images/arrow-down-white.svg);
    background-size: var(--value-10);
    background-position: center;
    background-repeat: no-repeat;
    transition: .2s ease transform;
    -webkit-transition: .2s ease transform;
    -moz-transition: .2s ease transform;
    -o-transition: .2s ease transform;
}

.toggle-list.services-list .toggle-activator::before,
.toggle-list.vacancies-list .toggle-activator::before {
    top: calc(var(--value-40) + var(--value-2));
    left: calc(var(--value-40) + var(--value-7));
}

.toggle-list .item.active .toggle-activator::before {
    transform: rotate(180deg);
}

.services-list .item .link-service {
    font-size: 0.8rem;
    font-weight: 500;
}

.services-list .item .text-content p {
    margin-bottom: var(--value-10);
}

.sect.why-us {
    position: relative;
}

.sect.why-us .columns {
    grid-template-columns: 1fr 1.42fr;
    grid-gap: var(--value-100);
    align-items: center;
}

.front-page .sect.why-us::after {
    content: '';
    position: absolute;
    top: var(--value-40);
    right: calc(var(--value-40) + var(--value-3));
    background-image: url(./asset/images/figures/square-dots-4.svg);
    background-size: calc(var(--value-100) + var(--value-50));
    width: calc(var(--value-100) + var(--value-50));
    height: calc(var(--value-100) + var(--value-50) - var(--value-2));
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.front-page .sect.why-us::before {
    content: '';
    width: calc(var(--value-90) + var(--value-6));
    height: calc(6 * var(--value-100) + var(--value-80) + var(--value-4));
    position: absolute;
    bottom: calc(-2 * var(--value-100));
    left: 0;
    display: block;
    background-image: url(./asset/images/figures/vector-figure-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--value-90) + var(--value-6));
    z-index: -1;
}

.sect.trust .info-box {
    grid-gap: var(--value-24);
}

.sect.trust .text-content,
.sect.cases .text-content,
.sect.blog .text-content,
.sect.our-team .text-content,
.sect.videos .text-content {
    max-width: calc(9 * var(--value-100) + var(--value-13));
}


.partners-block {
    overflow-x: hidden;
    width: 100vw;
    display: none;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: calc(var(--value-50) + var(--value-5)) 0;
    margin: calc(-1 * (var(--value-50) + var(--value-5))) 0;
}

.partners-block.active {
    display: flex;
}

.partners-list.anim-line {
    align-items: center;
    transform: translate3d(0, 0, 0);
    animation: dReeeA 50s linear infinite;
}

@keyframes dReeeA {
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.partners-list .item {
    border: var(--value-1) solid #E6E6E6;
    width: calc(2 * var(--value-100) + var(--value-50));
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA026;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--value-15);
    background-color: #fff;
    overflow: hidden;
}

.partners-list .item a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sect.partners {
    position: relative;
}

.sect.partners .columns {
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-80);
    align-items: center;
}

.sect.partners .partners-list {
    grid-template-columns: repeat(3, auto);
    grid-gap: var(--value-40);
}

.partners-list.anim-line .item {
    margin-right: var(--value-40);
}

.sect.partners::before {
    content: '';
    width: calc(var(--value-100) + var(--value-60) + var(--value-3));
    height: calc(2 * var(--value-100) + var(--value-70) + var(--value-2));
    position: absolute;
    bottom: calc(-1 * var(--value-35));
    left: 0;
    display: block;
    background-image: url(./asset/images/figures/square-dots-5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--value-100) + var(--value-60) + var(--value-3));
    z-index: -1;
}

.sect.mission .columns {
    grid-template-columns: 1fr 1fr;
}

.sect.mission img {
    margin-bottom: calc(-1 * (var(--value-100) + var(--value-20)));
}

.sect.our-team {
    position: relative;
}

.sect.our-team::after {
    content: '';
    width: calc(var(--value-100) + var(--value-90) + var(--value-6));
    height: calc(7 * var(--value-100) + var(--value-20) + var(--value-6));
    position: absolute;
    top: calc(-1 * var(--value-70));
    right: 0;
    display: block;
    background-image: url(./asset/images/figures/vector-figure-3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(var(--value-100) + var(--value-90) + var(--value-6));
    z-index: -1;
}

.sect.our-team .img-box {
    overflow: hidden;
    border-radius: var(--value-15);
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA040;
}

.sect.our-team .img-box img {
    width: 100%;
}

.sect.videos .youtube-info {
    grid-gap: var(--value-20);
}

.btn.youtube-button {
    background: #EA2A2A;
    border-radius: var(--value-10);
    color: #fff;
}

.btn.youtube-button::after {
    content: '';
    width: var(--value-30);
    height: var(--value-25);
    margin-left: var(--value-20);
    background-size: var(--value-30);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(./asset/images/youtube-ico.svg);
    filter: invert(1);
}

.btn.youtube-button:hover {
    box-shadow: 0 10px 15px 0 rgba(234, 42, 42, 0.4);
}

.sect.videos {
    position: relative;
}

.sect.videos::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
    top: calc(-1 * var(--value-40));
    left: 0;
    background-image: url(./asset/images/figures/square-dots-6.svg);
    background-size: calc(var(--value-100) + var(--value-9));
    width: calc(var(--value-100) + var(--value-9));
    height: calc(2 * var(--value-100) + var(--value-30) + var(--value-4));
}

.front-page .sect.cases {
    padding-top: 0;
}

.sect.cases {
    position: relative;
}

.sect.cases::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
    bottom: calc(-1*(var(--value-100) + var(--value-10)));
    left: 0;
    background-image: url(./asset/images/figures/square-dots-7.svg);
    background-size: calc(var(--value-100) + var(--value-80));
    width: calc(var(--value-100) + var(--value-80));
    height: calc(3 * var(--value-100) + var(--value-8));
}

.sect.blog {
    padding-top: var(--value-10);
}

.sect.videos .posts-list .item {
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA040;
}

footer {
    background-color: #444444;
    border-bottom: var(--value-16) solid #535353;
    padding: var(--value-80) 0 var(--value-40);
}

footer,
footer a {
    color: #fff;
    text-decoration: none;
}

footer a {
    display: inline-block;
    transition: .2s ease;
    -o-transition: .2s ease;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
}

footer .columns {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--value-100);
}

footer .columns:nth-child(2) {
    border-top: var(--value-2) solid #535353;
    padding-top: var(--value-40);
    margin-top: var(--value-40);
    align-items: center;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: var(--value-16);
}

footer .item {
    grid-gap: var(--value-24);
}

footer .item.contacts {
    grid-gap: var(--value-20);
}

footer .item-title,
footer .phone-link,
footer .mail-link {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

footer .item-title::before,
footer .phone-link::before,
footer .mail-link::before {
    content: '';
    display: inline-block;
    width: var(--value-20);
    height: var(--value-20);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-20);
    margin-right: var(--value-16);
}

footer .item-title.services::before {
    background-image: url(./asset/images/footer-icons/services-ico.svg);
}

footer .item-title.cases::before {
    background-image: url(./asset/images/footer-icons/cases-ico.svg);
}

footer .item-title.blog::before {
    background-image: url(./asset/images/footer-icons/blog-ico.svg);
}

footer .phone-link::before {
    background-image: url(./asset/images/footer-icons/phone-ico.svg);
}

footer .mail-link::before {
    background-image: url(./asset/images/footer-icons/mail-ico.svg);
}

footer .social-links {
    display: flex;
    align-items: center;
    grid-gap: initial;
}

footer .social-links li {
    margin-right: var(--value-40);
}

footer .social-links li:last-child {
    margin-right: 0;
}

footer .social-links li a {
    border-radius: 50%;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--value-48);
    height: var(--value-48);
}

footer .social-links li a::before {
    content: '';
    display: inline-block;
    width: var(--value-24);
    height: var(--value-24);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-24);
}

footer .social-links li a.facebook::before {
    background-image: url(./asset/images/footer-icons/facebook-ico.svg);
}

footer .social-links li a.instagram::before {
    background-image: url(./asset/images/footer-icons/instagram-ico.svg);
}

footer .social-links li a.youtube::before {
    background-image: url(./asset/images/footer-icons/youtube-ico.svg);
}

footer .social-links li a.telegram::before {
    background-image: url(./asset/images/footer-icons/telegram-ico.svg);
}

footer .social-links li a:hover {
    background-color: var(--orange-color);
}

footer .developers {
    color: var(--orange-color);
    position: relative;
}

footer .developers:hover::after {
    content: '';
    width: 100%;
    height: var(--value-1);
    background-color: var(--orange-color);
    position: absolute;
    left: 0;
    bottom: calc(-1 * var(--value-2));
}

.sect.form-sect {
    margin-top: var(--value-80);
    background-color: var(--yellow-color);
}

.sect.form-sect .text-content ul li::before {
    background-color: #222222;
}

.sect.form-sect .text-content ol li::before {
    background-color: #222222;
    color: #fff;
}

.sect.form-sect .columns {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 var(--value-30);
}

.sect.form-sect .img-box {
    margin-bottom: calc(-1 * var(--value-50));
    display: flex;
    align-items: flex-end;
}

.sect.form-sect .info-box {
    margin: var(--value-30) 0 0;
}

.sect.form-sect .form-block {
    grid-column-start: span 2;
    border: var(--value-1) solid #E5E5E5;
    background-color: #fff;
    padding: var(--value-80);
    border-radius: var(--value-15);
}

.sect.form-sect form {
    display: grid;
    grid-gap: var(--value-40);
    grid-template-columns: 1fr auto;
}

.sect.form-sect form .fields-list {
    display: grid;
    grid-template-columns: 1fr 1fr calc(3 * var(--value-100) + var(--value-80));
    grid-gap: var(--value-25);
}

.sect.form-sect form .btn {
    border: none;
    padding: var(--value-20) var(--value-40);
    color: #000;
}

textarea {
    display: block;
}

input:not([type=submit]),
textarea {
    background-color: #E5E5E5;
    border-radius: var(--value-8);
    width: 100%;
    border: var(--value-1) solid #E5E5E5;
    padding: var(--value-16);
    outline: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 var(--value-50) #E5E5E5;
    -webkit-text-fill-color: #222222;
}

.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
    padding: var(--value-15);
    border: none;
    font-weight: 300;

}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background-color: rgb(165, 5, 21, 13%);
}

.wpcf7 form .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    background-color: rgb(70 180 80 / 29%);
}

.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    font-size: var(--value-16);
}

body:not(.post-type-archive-work):not(.post-type-archive-partners):not(.education-template-default) .wpcf7 form.sent .wpcf7-response-output {
    display: none;
}

.sect.form-sect .wpcf7 form .wpcf7-response-output,
.sect.form-sect .wpcf7 form.invalid .wpcf7-response-output,
.sect.form-sect .wpcf7 form.sent .wpcf7-response-output {
    grid-column-start: span 2;
}

form p:has(input[type=hidden]) {
    display: none;
}

.form-box .wpcf7-not-valid-tip {
    display: none;
}

form .bt-box {
    position: relative;
}

form .bt-box .wpcf7-spinner {
    position: absolute;
    margin: 0;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: var(--value-24);
    height: var(--value-24);
    z-index: 1;
    background: rgb(255 255 255 / 39%);
}

form .bt-box .wpcf7-spinner::before {
    background-color: var(--orange-color);
    top: var(--value-4);
    left: var(--value-4);
    width: calc(var(--value-4) + var(--value-1));
    height: calc(var(--value-4) + var(--value-1));
    border-radius: 100%;
    transform-origin: var(--value-8) var(--value-8);
}

form .field-box input.wpcf7-not-valid {
    border-color: red;
}

.check-box .form-check-input>span {
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-16);
    align-items: center;
    display: grid;
    margin: 0;
}

input[type=checkbox] {
    padding: 0 !important;
    width: var(--value-20);
    height: var(--value-20);
    margin: 0;
    cursor: pointer;
    border-radius: var(--value-4);
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--value-1) solid var(--orange-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

input[type=checkbox]:checked {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}

input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}


.back-to-top {
    width: var(--value-50);
    height: var(--value-50);
    border: var(--value-1) solid #B4B4B4;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all .3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 9%;
    left: 3%;
    background: #fff;
    z-index: 666;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transform: rotate(180deg)
}

.back-to-top svg {
    width: var(--value-20);
    height: var(--value-20);
}

.back-to-top svg g {
    fill: #B4B4B4;
}

.back-to-top-active {
    opacity: 1;
    visibility: visible;
}

.service-page .sect.head-sect .columns .img-box img {
    max-width: calc(7 * var(--value-100) + var(--value-20) + var(--value-6));
}

.toggle-list.faq-list,
.sect.seo .text-content {
    width: 100%;
    max-width: calc(11 * var(--value-100) + var(--value-60) + var(--value-2));
    margin: 0 auto;
}

.toggle-list.faq-list .toggle-activator,
.toggle-list.faq-list .toggle-hide-box {
    padding: calc(var(--value-30) + var(--value-6));
    padding-right: calc(var(--value-100) + var(--value-8));
}

.toggle-list.faq-list .toggle-activator {
    font-size: var(--value-21);
}

.toggle-list.faq-list .toggle-hide-box {
    margin-top: calc(-1 * var(--value-12));
    padding-top: 0;
}

.toggle-list.faq-list .toggle-activator::before {
    top: var(--value-40);
    right: calc(var(--value-40) + var(--value-7));
}

.sect.faq {
    position: relative;
}

.sect.faq::after {
    content: '';
    position: absolute;
    top: calc(2 * var(--value-100) + var(--value-20));
    right: calc(var(--value-100) + var(--value-10));
    background-image: url(./asset/images/figures/square-dots-2.svg);
    background-size: calc(var(--value-100) + var(--value-20) + var(--value-2));
    width: calc(var(--value-100) + var(--value-20) + var(--value-2));
    height: calc(var(--value-100) + var(--value-20));
    z-index: -1;
}

.sect.why-service {
    position: relative;
}

.sect.why-service .columns {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: calc(var(--value-100) + var(--value-30));
}

.sect.why-service .img-box {
    display: flex;
    justify-content: flex-end;
}

.author-section {
    position: relative;
}

.sect.why-service::before,
.duration-education::before,
.author-section::before {
    content: '';
    position: absolute;
    top: calc(-2.3 * var(--value-100));
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./asset/images/figures/vector-figure-4.svg);
    background-size: calc(var(--value-100) + var(--value-70) + var(--value-9));
    width: calc(var(--value-100) + var(--value-70) + var(--value-9));
    height: calc(15 * var(--value-100) + var(--value-50));
    z-index: -1;
}

.author-section::before {
    top: calc(5.5 * var(--value-100));
    left: calc(-1 * var(--value-10));
}

.sect.whom {
    position: relative;
}

.sect.whom::after {
    content: '';
    position: absolute;
    top: var(--value-100);
    right: calc(var(--value-100) + var(--value-20) + var(--value-7));
    width: calc(2 * var(--value-100) + var(--value-24));
    height: calc(2 * var(--value-100) + var(--value-20));
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./asset/images/figures/square-dots-9.svg);
    background-size: calc(2 * var(--value-100) + var(--value-24));
    z-index: -1;
}

.sect.whom .items-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-20);
    max-width: calc(13* var(--value-100) + var(--value-20) + var(--value-2));
    margin: 0 auto;
    position: relative;
}

.sect.whom .items-list .item {
    background-color: #fff;
    border: var(--value-1) solid #E6E6E6;
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA026;
    padding: var(--value-40);
    border-radius: var(--value-15);
}

.sect.whom .items-list .item.with-bt {
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
    padding: var(--value-40) var(--value-100);
    height: calc(100% - var(--value-16));
    position: relative;
}

.sect.whom .items-list .item.with-bt::before {
    content: '';
    width: calc(100% - var(--value-40));
    height: calc(100% + var(--value-16));
    border-radius: var(--value-15);
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA026;
    position: absolute;
    top: 0;
    left: var(--value-20);
    background-color: #fff;
    z-index: -1;

}

.sect.whom .items-list .item.with-bt .title {
    font-size: var(--value-24);
}

.sect.whom .items-list::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(-1 * var(--value-40));
    transform: translateY(-50%);
    width: calc(var(--value-100) + var(--value-50));
    height: calc(var(--value-100) + var(--value-50));
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./asset/images/figures/square-dots-8.svg);
    background-size: calc(var(--value-100) + var(--value-50));
    z-index: -1;
}


.service-page .sect.why-us {
    position: relative;
}

.service-page .sect.why-us::before,
.service-page .sect.why-us::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;

}

.service-page .sect.why-us::before {
    top: 50%;
    left: 0;
    width: calc(var(--value-100) + var(--value-50) + var(--value-12));
    height: calc(2 * var(--value-100) + var(--value-20));
    background-image: url(./asset/images/figures/square-dots-10.svg);
    background-size: calc(var(--value-100) + var(--value-50) + var(--value-12));
}

.service-page .sect.why-us::after {
    top: calc(4 * var(--value-100));
    right: 0;
    width: calc(var(--value-100) + var(--value-5));
    height: calc(6 * var(--value-100) + var(--value-80) + var(--value-4));
    background-image: url(./asset/images/figures/vector-figure-5.svg);
    background-size: calc(var(--value-100) + var(--value-5));
}

.steps-list {
    grid-gap: var(--value-40);
    margin: 0 auto;
    position: relative;
}

.steps-list::before {
    content: '';
    width: var(--value-1);
    height: 100%;
    background-color: #E6E6E6;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.steps-list .item {
    left: 50%;
    padding-left: var(--value-100);
    position: relative;
    counter-increment: section;
}

.steps-list .item:nth-child(2n) {
    left: initial;
    padding-left: initial;
    right: 50%;
    padding-right: var(--value-100);
}

.steps-list .item .wrap {
    background-color: #fff;
    border: var(--value-1) solid #E6E6E6;
    box-shadow: 0 var(--value-15) var(--value-60) 0 #8A8DA026;
    padding: var(--value-40);
    border-radius: var(--value-15);
    max-width: calc(4 * var(--value-100) + var(--value-40));
    font-weight: 500;
    transition: .2s ease border-color;
    -moz-transition: .2s ease border-color;
    -webkit-transition: .2s ease border-color;
    -o-transition: .2s ease border-color;
}

.steps-list .item::before {
    content: counter(section);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 50%;
    width: var(--value-50);
    height: var(--value-50);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: var(--value-1) solid #E6E6E6;
    background-color: #fff;
    color: #7B7B7B;
    transition: .2s ease border-color, .2s ease color, .2s ease background-color;
    -moz-transition: .2s ease border-color, .2s ease color, .2s ease background-color;
    -webkit-transition: .2s ease border-color, .2s ease color, .2s ease background-color;
    -o-transition: .2s ease border-color, .2s ease color, .2s ease background-color;
}

.steps-list .item:nth-child(2n)::before {
    left: initial;
    right: 0;
    transform: translateY(-50%) translateX(50%);
}

.steps-list .item:hover .wrap {
    border-color: var(--yellow-color);
}

.steps-list .item:hover::before {
    border-color: var(--yellow-color);
    background-color: var(--yellow-color);
    color: #000;
}

.steps-block .more-bt::before {
    content: attr(data-show);
}

.steps-block.active .more-bt::before {
    content: attr(data-hide);
}

.steps-block {
    grid-gap: 0;
}

.steps-block .bt-box {
    display: none;
    margin-top: 80px;
    z-index: 1;
}

.steps-block.hidden-list .bt-box {
    display: block;
}

.steps-block.hidden-list .steps-list::after {
    content: '';
    width: 300%;
    height: calc(2 * var(--value-100) + var(--value-50) + var(--value-7));
    position: absolute;
    bottom: calc(-1 * var(--value-80));
    left: -100%;
    background: linear-gradient(0deg, #FFFFFF 40.32%, rgba(255, 255, 255, 0) 100%);

}

.steps-block.hidden-list.active .steps-list::after {
    display: none;
}

.steps-block.hidden-list .item.hiddenable {
    display: none;
}

.steps-block.hidden-list.active .item.hiddenable {
    display: block;
}

.sect.steps {
    position: relative;
}

.sect.steps::after {
    content: '';
    position: absolute;
    top: calc(6* var(--value-100) + var(--value-20));
    left: 0;
    background-image: url(./asset/images/figures/square-dots-11.svg);
    background-size: calc(var(--value-70) + var(--value-5));
    width: calc(var(--value-70) + var(--value-5));
    height: calc(var(--value-100) + var(--value-40) + var(--value-8));
    z-index: -1;
    transform: scale(-1, 1);
}

.mfp-content {
    width: 100%;
    max-width: calc(8 * var(--value-100));
}

.popup-wrap {
    padding: var(--value-80);
    background-color: #fff;
    border-radius: var(--value-15);
    grid-gap: var(--value-40);
}

.popup-wrap form,
.popup-wrap form .fields-list {
    display: grid;
    grid-gap: var(--value-40);
}

.popup-wrap form {
    width: 100%;
    max-width: calc(var(--value-100) * 3 + var(--value-70) + var(--value-7));
    margin: 0 auto;
}

.popup-wrap form input {
    width: 100%;
}

.popup-wrap form .bt-box .wpcf7-spinner {
    right: 10%;
}

body .fancybox__container .f-button.is-close-btn {
    width: var(--value-48);
    height: var(--value-48);
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: var(--value-20);
    right: var(--value-20);
    z-index: 10;
    border: none;
    padding: 0;
    transition: background-color 0.2s ease, opacity 0.2s ease;
    opacity: 0.8;
}

body .fancybox__container .f-button.is-close-btn:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6);
}

body .fancybox__container .f-button.is-close-btn svg {
    width: var(--value-25);
    height: var(--value-25);
    stroke: #ffffff;
    stroke-width: 2;
    fill: none
}

.fancybox__container .fancybox__content {
    color: #000000;
}

.tags-bar {
    grid-gap: var(--value-20);
    opacity: 0;
}

.tags-bar.tags-initialized {
    opacity: 1;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--value-16);
    gap: var(--value-10);
}

.tags-list .item-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--value-5) var(--value-16);
    border-radius: var(--value-40);
    border: var(--value-1) solid #DBDBDB;
    text-decoration: none;
    text-transform: lowercase;
}

.tags-bar.hidden-list .item-tag.hiddenable {
    display: none;
}

.tags-bar.hidden-list.active .item-tag.hiddenable {
    display: inline-flex;
}

.tags-bar .more-bt {
    display: none;
    margin: 0 auto;
    cursor: pointer;
    gap: var(--value-6);
    align-items: center;
}

.tags-bar.hidden-list .more-bt {
    display: flex;
}

.tags-bar .more-bt::before {
    content: attr(data-show);
}

.tags-bar.active .more-bt::before {
    content: attr(data-hide);
}

.tags-bar .more-bt::after {
    content: '';
    width: var(--value-30);
    height: var(--value-30);
    display: block;
    background-image: url(./asset/images/chevron-right.svg);
    background-size: var(--value-24);
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.tags-bar.active .more-bt::after {
    transform: rotate(-90deg);
}


.tags-list .item-tag.current,
.tags-list a:hover {
    color: var(--orange-color);
    border-color: var(--yellow-color);
}

.tags-list .item-tag.all-tags {
    text-transform: capitalize;
}

.breadcrumbs-box {
    font-size: var(--value-16);
}

.breadcrumbs-box p::before {
    content: '';
    width: var(--value-20);
    height: var(--value-20);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-20);
    background-image: url(./asset/images/breadcrumbs-ico.svg);
    margin-right: var(--value-10);
    position: relative;
    top: var(--value-3);
    display: inline-block;
}

.breadcrumbs-box a {
    text-decoration: none;
}

.breadcrumbs-box a:hover {
    color: var(--orange-color);
}

.breadcrumbs-box .breadcrumb_last {
    color: #999999;
}

.posts-list {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}

.posts-list .item.video {
    position: relative;
    overflow: hidden;
    border-radius: var(--value-15);
}

.posts-list .item.video .video-bt {
    background-image: url(./asset/images/mdi_play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-80);
    width: var(--value-80);
    height: var(--value-80);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    transition: .2s ease opacity;
    -moz-transition: .2s ease opacity;
    -webkit-transition: .2s ease opacity;
    -o-transition: .2s ease opacity;
}

.posts-list .item.video .video-bt:hover {
    opacity: .8;
}

.posts-list .item {
    grid-gap: var(--value-16);
}

.posts-list .item .img-box {
    overflow: hidden;
    border-radius: var(--value-20) var(--value-20) 0 0;
}

.posts-list .item .img-box img {
    width: 100%;
    height: auto;
}

.posts-list .item .date {
    color: #999999;
    font-size: var(--value-14);
}

.posts-list .item .title {
    text-decoration: none;
}

.posts-list .item.case .img-box {
    position: relative;
}

.posts-list .item.case .dop-info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: var(--value-20);
    width: 100%;
    font-weight: 600;
}

.posts-list .item.case .dop-info .list {
    justify-content: flex-end;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: calc(-1 * var(--value-10));
}

.posts-list .item.case .dop-info span {
    margin-left: var(--value-16);
    margin-bottom: var(--value-10);
    background-color: #fff;
    padding: var(--value-9) var(--value-24);
    border-radius: var(--value-40);
}

.posts-list .item.case a:hover .dop-info span {
    color: #222222;
}

.posts-list .item.case .dop-info span:first-child {
    margin-left: 0;
}

.posts-list .item.case .title {
    padding-left: var(--value-30);
    position: relative;
    font-weight: 400;
}

.posts-list .item.case .title::before {
    content: '';
    width: var(--value-2);
    height: 80%;
    position: absolute;
    left: 0;
    top: 10%;
    background-color: var(--yellow-color);
}

.posts-list .item.case .descr {
    font-weight: 600;
    position: relative;
    padding-left: var(--value-30);
}

.posts-list .item.case .descr::before {
    content: '';
    width: var(--value-20)
}

.posts-list .item.case .descr::before {
    content: '';
    display: inline-block;
    width: var(--value-20);
    height: var(--value-20);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-20);
    top: var(--value-5);
    left: 0;
    position: absolute;
    background-image: url(./asset/images/case-descr-ico.svg);
}

.post-type-archive-case .sect:first-of-type,
.category-blog .sect:first-of-type {
    position: relative;
}

.post-type-archive-case .sect:first-of-type::before,
.category-blog .sect:first-of-type::before {
    content: '';
    position: absolute;
    top: var(--value-10);
    right: 0;
    background-image: url(./asset/images/figures/square-dots-10.svg);
    background-size: calc(var(--value-100) + var(--value-40) - var(--value-3));
    width: calc(var(--value-100) + var(--value-40) - var(--value-3));
    height: calc(var(--value-100) + var(--value-80) - var(--value-3));
    background-repeat: no-repeat;
}

.post-type-archive-services .sect.head-sect .img-box img {
    max-width: calc(5* var(--value-100) - var(--value-17));
}

.post-type-archive-services .sect.head-sect .info-box {
    max-width: none;
}

.services-blocks {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-80);
    position: relative;
}

.services-blocks::after {
    content: '';
    position: absolute;
    top: calc(2* var(--value-100) + var(--value-60));
    left: calc(-1*(var(--value-100) + var(--value-30)));
    background-image: url(./asset/images/figures/square-dots-4.svg);
    background-size: calc(var(--value-100) + var(--value-50));
    width: calc(var(--value-100) + var(--value-50));
    height: calc(var(--value-100) + var(--value-50) - var(--value-2));
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.services-blocks .item {
    border: var(--value-1) solid #E6E6E6;
    box-shadow: 0 var(--value-15) var(--value-60) 0 rgb(138 141 160 / 15%);
    padding: var(--value-40);
    border-radius: var(--value-15);
    grid-gap: var(--value-24);
    background-color: #fff;
}

.services-blocks .item-title {
    position: relative;
    padding-left: var(--value-48);
    z-index: 1;
}

.services-blocks .item-title::before {
    content: '';
    background-color: #fff;
    border: var(--value-3) solid var(--orange-color);
    outline: var(--value-6) solid var(--yellow-color);
    width: var(--value-6);
    height: var(--value-6);
    display: block;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: var(--value-8);
    top: var(--value-12);
}

.services-blocks .item ul {
    padding-left: var(--value-48);
    position: relative;
}

.services-blocks .item .title-box {
    position: relative;
}

.services-blocks .item .title-box::after {
    content: '';
    background-color: #E6E6E6;
    position: absolute;
    display: block;
    width: var(--value-1);
    height: 100%;
    top: var(--value-12);
    left: var(--value-12);
}

.services-blocks .item ul li p::before {
    content: '';
    border-left: var(--value-1) solid #E6E6E6;
    position: absolute;
    display: block;
    width: var(--value-1);
    height: 100%;
    top: 0;
    left: calc(-1*(var(--value-30) + var(--value-6)));
}

.services-blocks .item ul li p::after {
    content: '';
    border-left: var(--value-1) solid #E6E6E6;
    border-bottom: var(--value-1) solid #E6E6E6;
    position: absolute;
    display: block;
    width: calc(var(--value-30) + var(--value-6));
    height: var(--value-30);
    bottom: calc(100% - var(--value-16));
    left: calc(-1*(var(--value-30) + var(--value-6)));
}

.services-blocks .item ul li:last-child p::before {
    display: none;
}

.services-blocks .item ul li:last-child p::after {
    border-bottom-left-radius: var(--value-10);
}

.services-blocks .item ul li {
    padding-left: var(--value-30);
    position: relative;
}

.services-blocks .item ul li a {
    text-decoration: none;
    border-bottom: none;
    color: #222222;
    display: inline-block;
}

.services-blocks .item ul li a:hover {
    color: var(--orange-color);
}

.post-type-archive-partners .info-page-box,
.tax-partners_tag .info-page-box {
    max-width: calc(10 * var(--value-100) - var(--value-25));
    border-left: var(--value-2) solid var(--yellow-color);
    padding-left: var(--value-25);
}

.posts-list.partners {
    grid-template-columns: 1fr;
    grid-gap: var(--value-80);
}

.posts-list .item.partner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
    align-items: center;
}

.posts-list .item.partner .post-info {
    padding-left: var(--value-80);
    grid-gap: var(--value-24);
}

.posts-list .item.partner:nth-child(2n) .img-box {
    order: 1;
}

.posts-list .item.partner:nth-child(2n) .post-info {
    padding-left: 0;
    padding-right: var(--value-80);
}

.posts-list .item.partner .img-box {
    border: var(--value-1) solid #DBDBDB;
    border-radius: var(--value-20);
}

.posts-list .item.partner .title {
    font-size: var(--value-32);
}

.posts-list .item.partner .partner-link {
    display: inline-flex;
    align-items: center;
    padding: var(--value-30) var(--value-70);
    border: var(--value-1) solid #DBDBDB;
    border-radius: var(--value-20);
}

.posts-list .item.partner .partner-link::before {
    content: '';
    width: var(--value-32);
    height: var(--value-32);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-32);
    display: block;
    margin-right: var(--value-16);
    background-image: url(./asset/images/case-icons/website.svg);
}

.posts-list .item.partner .partner-link span {
    display: inline-block;
    font-weight: 600;
    margin-right: var(--value-5);
}

.posts-list .item.partner .partner-link a {
    text-decoration: none;
}

.sect.work-info .columns {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.sect.head-sect.work-info .img-box {
    grid-row-start: initial;
}

.sect.head-sect.work-info .img-box img {
    max-width: calc(5* var(--value-100) + var(--value-25));
}

.sect.work-info .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sect.work-info.inf-2 .img-box img {
    max-width: calc(6 * var(--value-100) + var(--value-7));
}

.vacancies-list .vac-title {
    grid-gap: var(--value-40);
    grid-template-columns: repeat(2, auto);
    justify-content: flex-start;
}

.vacancies-list .item .desc-item {
    grid-gap: var(--value-20);
}

.vacancies-list .item .main-info {
    font-weight: 600;
}

.vacancies-list .item .vac-info-list {
    grid-gap: var(--value-40);
}


.sect.form-sect.big-form .form-block {
    grid-column-start: initial;
    grid-gap: var(--value-40);
    display: grid;
}

.sect.form-sect.big-form form {
    grid-template-columns: 1fr;
}

.sect.form-sect.big-form form .fields-list {
    grid-template-columns: repeat(3, 1fr);
}

#vacanc-form form .col-2 {
    grid-column-start: span 2;
}

#vacanc-form form .col-3 {
    grid-column-start: span 3;
}

#vacanc-form textarea {
    min-height: calc(var(--value-60) + var(--value-1));
}

.sect.form-sect.big-form .wpcf7 form .wpcf7-response-output,
.sect.form-sect.big-form .wpcf7 form.invalid .wpcf7-response-output,
.sect.form-sect.big-form .wpcf7 form.sent .wpcf7-response-output {
    grid-column-start: initial;
}

.pagination {
    align-items: center;
    justify-content: center;
    margin: calc(-1 * var(--value-10));
    flex-wrap: wrap;
    font-weight: 800;
    color: #222222;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: var(--value-10);
    width: var(--value-60);
    text-decoration: none;
    height: var(--value-60);
    border-radius: 50%;
}

.pagination .page-numbers:not(.current):hover {
    border: var(--value-1) solid var(--yellow-color);
    background-color: var(--yellow-color);
    color: #222;
}

.pagination .page-numbers.current {
    color: #999999;
}

.pagination .next,
.pagination .prev {
    height: var(--value-60);
    border-radius: 50%;
    border: var(--value-1) solid var(--yellow-color);
    font-size: 0;
}

.pagination .next:hover,
.pagination .prev:hover {
    background-color: var(--yellow-color);
}

.pagination .next::before,
.pagination .prev::before {
    content: '';
    width: var(--value-24);
    height: var(--value-24);
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-24);
    background-image: url(asset/images/chevron-right.svg);
}

.pagination .prev::before {
    transform: scale(-1, 1);
}

.post-page-columns {
    grid-template-columns: calc(3 * var(--value-100) + var(--value-50)) auto calc(3 * var(--value-100) + var(--value-50));
    justify-content: center;
    margin: 0 auto;
    grid-gap: var(--value-50);
}

.post-page-columns .side-box {
    grid-row-start: span 2;
}

.post-page-columns .post-body {
    grid-gap: var(--value-40);
}

.post-page-columns .post-body {
    grid-column-start: 2;
}

.post-footer {
    border-top: var(--value-1) solid rgba(219, 219, 219, 1);
    border-bottom: var(--value-1) solid rgba(219, 219, 219, 1);
    padding: var(--value-20) 0;
    display: flex;
    flex-direction: column;
    gap: var(--value-24);
}

.post-footer .box-row {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--value-16) var(--value-20);
}

.recommended-posts {
    margin-top: var(--value-40);
}

.recommended-posts .posts-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(var(--value-100) + var(--value-10));
}

.sect.single-post .date-box {
    color: rgba(153, 153, 153, 1);
    font-size: var(--value-16);
}

.sect.single-post .thumb-box {
    border-radius: var(--value-20);
    overflow: hidden;
}

.sect.single-post .thumb-box img {
    width: 100%;
    height: auto;
}

.sect.single-post .media-box {
    grid-column-start: 2;
}

.sect.single-post .media-box {
    grid-gap: var(--value-40);
}

.sect.single-post .case-descr {
    position: relative;
    padding-left: var(--value-40);
    display: inline-block;
    margin: 0 auto;
}

.sect.single-post .case-descr::before {
    content: '';
    display: inline-block;
    width: var(--value-25);
    height: var(--value-25);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-25);
    top: var(--value-3);
    left: 0;
    position: absolute;
    background-image: url(./asset/images/case-descr-ico.svg);
}

.sect.single-post .case-dop-info {
    border: var(--value-1) solid rgba(219, 219, 219, 1);
    padding: var(--value-40) var(--value-30);
    border-radius: var(--value-20);
}

.sect.single-post .case-dop-info .list {
    justify-content: center;
    flex-wrap: wrap;
    margin: calc(-1 * var(--value-20)) calc(-1 * var(--value-30));
}

.sect.single-post .case-dop-info .item a {
    text-decoration: none;
}

.sect.single-post .case-dop-info .item {
    margin: var(--value-20) var(--value-30);
    padding-left: var(--value-45);
    position: relative;
}

.sect.single-post .case-dop-info .item::before {
    content: '';
    width: var(--value-30);
    height: var(--value-30);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--value-30);
}

.sect.single-post .case-dop-info .item.website::before {
    background-image: url(./asset/images/case-icons/website.svg);
}

.sect.single-post .case-dop-info .item.niche::before {
    background-image: url(./asset/images/case-icons/niche.svg);
}

.sect.single-post .case-dop-info .item.platform::before {
    background-image: url(./asset/images/case-icons/platform.svg);
}

.sect.single-post .case-dop-info .item.duration::before {
    background-image: url(./asset/images/case-icons/duration.svg);
}

.sect.single-post .text-content img {
    border-radius: var(--value-20);
    margin: 0 auto;
    display: block;
    width: auto;
}


.content-nav {
    border: var(--value-1) solid rgba(230, 230, 230, 1);
    border-radius: var(--value-16);
    box-shadow: 0 var(--value-16) var(--value-30) 0 rgb(0 0 0 / .15);
    grid-gap: 0;
}

.content-nav .header,
.content-nav ul li {
    line-height: 1.2;
}

.content-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
    grid-gap: 0;
    border-top: var(--value-1) solid rgba(230, 230, 230, 1);
}

.content-nav ul li {
    border-bottom: var(--value-1) solid rgba(230, 230, 230, 1);
}

.content-nav ul li:last-child {
    border: none;
}

.content-nav .header p,
.content-nav ul li {
    padding: var(--value-20) var(--value-35);
}

.content-nav ul li {
    cursor: pointer;
}

.content-nav ul li:hover,
.content-nav ul li.active {
    color: var(--orange-color);
}

.sticky-bar {
    will-change: min-height;
}

.sticky__inner {
    transform: translate(0, 0);
    /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.sect.single-page .post-body {
    max-width: calc(100% - (3 * var(--value-100) + var(--value-50)) * 2);
    margin: 0 auto;
}

.rngst_phone_button:has(.rngst_phone_body) {
    z-index: 777 !important;
}

.packages-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--value-30);
}

.packages-list .item {
    grid-gap: var(--value-40);
}

.packages-list .item .package-head {
    padding: var(--value-24) var(--value-20);
    border-radius: var(--value-15);
    border: var(--value-1) solid var(--grey-color);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--value-8);
}

.packages-list .item .package-head::before {
    content: '';
    width: var(--value-3);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--grey-color-2);
}

.packages-list .item.top-sales .package-head::before {
    background-color: var(--yellow-color);
}

.packages-list .item.top-sales .package-head {
    box-shadow: 0 var(--value-15) var(--value-60) 0 rgba(138, 141, 160, 0.15);
}

.packages-list .item {
    position: relative;
}

.packages-list .item .dop-label {
    padding: var(--value-4) var(--value-16);
    background-color: var(--orange-color);
    border-radius: var(--value-40);
    color: #fff;
    font-size: var(--value-12);
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: calc(-1 * var(--value-10));
    right: calc(-1 * var(--value-15));
    z-index: 1;
}

.packages-list .item .package-head .text-box {
    font-size: var(--value-15);
}

.packages-list .package-footer {
    position: relative;
    padding: 0 var(--value-32);
    grid-gap: var(--value-20);
}

.packages-list .item .old-price {
    font-weight: 600;
    color: #999999;
    text-decoration: line-through;
}

.packages-list .item .current-price {
    font-weight: 700;
    font-size: var(--value-48);
}

.packages-list .item .price-info {
    gap: var(--value-17);
    align-items: center;
}

.packages-list .item .benefit {
    font-size: var(--value-16);
    position: relative;
}

.packages-list .item .benefit span {
    display: block;
}

.packages-list .item .benefit::before {
    content: '';
    width: var(--value-1);
    height: 100%;
    border-radius: var(--value-15);
    background: linear-gradient(180deg, var(--grey-color-2) 60%, #fff);
    position: absolute;
    top: 0;
    left: -9px;
}

.packages-list .item .imp-info {
    display: flex;
    align-items: center;
    gap: var(--value-10);
}

.packages-list .item .imp-info::before {
    content: '';
    border-radius: 50%;
    width: var(--value-6);
    height: var(--value-6);
    background-color: var(--orange-color);
    box-shadow: 0 0 var(--value-10) var(--orange-color);
    display: block;
}

.packages-list .item .special-info {
    font-size: var(--value-16);
    font-weight: 600;
    line-height: 1.25;
    padding: 0 var(--value-32);
    margin-bottom: calc(-1 * var(--value-25));
    position: relative;
}

.packages-list .item .special-info::before {
    content: '';
    width: var(--value-24);
    height: var(--value-24);
    background-image: url(asset/images/spec-info-pack.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-24);
    position: absolute;
    top: 50%;
    left: calc(-1 * var(--value-5));
    transform: translateY(-50%);
}

.packages-list .item .text-content ul li::before {
    width: var(--value-6);
    height: var(--value-6);
}

.education-price .dop-sect {
    max-width: calc(7* var(--value-100) - var(--value-20));
    margin-top: calc(-1 * var(--value-40));
}

.packages-list .item .border-element {
    height: calc(100% - var(--value-20));
    bottom: var(--value-20);
}

.border-element {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -3;
}

.border-element::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: var(--value-1) solid var(--grey-color-2);
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: var(--value-20);
}

.border-element::after {
    content: "";
    position: absolute;
    top: calc(-2 * var(--value-1));
    left: calc(-1 * var(--value-1));
    pointer-events: none;
    width: calc(100% + 2 * var(--value-1));
    height: 100%;
    background: linear-gradient(180deg, #fff 20%, transparent);
}

.bonuses-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-40);
}

.bonuses-list .item {
    padding: 0 var(--value-24) var(--value-24);
    position: relative;
    grid-gap: var(--value-16);
}

.bonuses-list .item .item-title {
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
    align-items: center;
}

.bonuses-list .item .item-title::after {
    content: '';
    background-color: #fff;
    border: var(--value-3) solid var(--orange-color);
    outline: var(--value-6) solid var(--yellow-color);
    width: var(--value-6);
    height: var(--value-6);
    display: block;
    border-radius: 50%;
    box-sizing: content-box;
}

.bonuses-list .item .item-title .title {
    font-size: var(--value-35);
    position: relative;
    display: inline-block;
}

.bonuses-list .item .item-title .title::before {
    content: '';
    width: 100%;
    height: var(--value-4);
    background-color: var(--yellow-color);
    position: absolute;
    bottom: var(--value-8);
    left: 0;
    z-index: -1;
}

.bonuses-list .item .item-subtitle .title {
    font-size: var(--value-20);
}

.complex-course .columns {
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-80);
    align-items: center;
}

.complex-course .img-box {
    max-width: calc(3 * var(--value-100) + var(--value-32));
    overflow: hidden;
    border-radius: 50%;
}

.complex-course .img-box img {
    width: 100%;
}

.complex-course .info-box {
    grid-gap: var(--value-40);
}

.complex-course .info-box .content-box {
    grid-gap: var(--value-32);
}

.complex-course .title-box .title {
    font-size: var(--value-40);
}

.complex-course .tags-list .item-tag {
    text-transform: inherit;
}

.speakers-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-90) calc(var(--value-100) + var(--value-17));
}

.speakers-list .item {
    grid-gap: var(--value-40);
}

.speakers-list .item .speaker-info {
    grid-gap: var(--value-24);
}

.speakers-list .item .img-box {
    border-radius: var(--value-20);
    border: var(--value-1) solid var(--grey-color-2);
    width: 100%;
    max-width: calc(var(--value-100) + var(--value-60));
    position: relative;
}

.speakers-list .item .img-box .img-over {
    overflow: hidden;
    border-radius: var(--value-20);
}

.speakers-list .item .img-box img {
    width: 100%;
}

.speakers-list .item .img-box::after {
    content: '';
    width: var(--value-24);
    height: var(--value-24);
    background-image: url(asset/images/spec-info-pack.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-24);
    position: absolute;
    top: calc(-1* var(--value-8));
    right: calc(-1* var(--value-10));
}

.speakers-list .item.secret-speaker .img-box::after {
    background-image: url(asset/images/anon-ico.svg);
}

.teacher .columns {
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-40) var(--value-90);
    align-items: center;
}

.teacher .img-box {
    width: 100%;
    max-width: calc(4 * var(--value-100) + var(--value-70));
    position: relative;
    grid-row-start: span 2;
}

.teacher .img-box .logo {
    position: absolute;
    bottom: var(--value-11);
    right: var(--value-20);
    width: var(--value-90);
}

.teacher .img-box img {
    width: 100%;
}

.teacher .img-box .img-over {
    overflow: hidden;
    border-radius: 50%;
}

.teacher .items-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-40) var(--value-70);
}

.teacher .items-list .item {
    grid-gap: var(--value-16);
}

.teacher .items-list .item.main-speacker {
    grid-column-start: span 2;
}

.formats-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-70) var(--value-40);
}

.formats-list .item {
    position: relative;
    padding: 0 var(--value-60) var(--value-30);
    grid-gap: var(--value-32);
    text-align: center;
}

.formats-list .item .img-box {
    width: 100%;
    max-width: calc(3 * var(--value-100) - var(--value-20));
    overflow: hidden;
    border-radius: var(--value-8);
    display: block;
    margin: 0 auto;
}

.moduls-list {
    grid-gap: var(--value-20);
}

.moduls-list .item {
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-100);
    padding: var(--value-50) calc(2 * var(--value-60)) var(--value-50) var(--value-35);
    position: relative;
}

.moduls-list .item .border-element::after {
    top: calc(-1* var(--value-1));
    left: calc(-1* var(--value-1));
    width: 100%;
    height: calc(100% + 2* var(--value-1));
    background: linear-gradient(90deg, #fff 30%, transparent);
}

.moduls-list .item .img-box {
    width: calc(2 * var(--value-100));
    position: relative;
}

.moduls-list .item .img-box>img {
    margin-top: var(--value-40);
}

.moduls-list .item .ico-box {
    border-radius: var(--value-15);
    border: var(--value-1) solid #E6E6E6;
    background: #FFF;
    box-shadow: 0px 15px 60px 0px rgba(138, 141, 160, 0.15);
    width: calc(var(--value-80) - var(--value-6));
    height: calc(var(--value-80) - var(--value-6));
    padding: var(--value-20);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: calc(-1 * var(--value-35));
}

.moduls-list .item .modul-ident {
    color: var(--orange-color);
    font-weight: 600;
}

.moduls-list .item .info-box {
    grid-gap: var(--value-24);
}

.moduls-list .item .results {
    padding-left: var(--value-16);
    border-left: var(--value-2) solid var(--yellow-color);
    display: grid;
    grid-gap: var(--value-16);
}

.moduls-list .item .results-title {
    font-weight: 700;
}

.moduls-list .item .results>div p {
    margin: 0;
}

.moduls-block.hidden-list .item.hiddenable {
    display: none;
}

.moduls-block.hidden-list.active .item.hiddenable {
    display: grid;
}

.moduls-block .bt-box {
    margin-top: var(--value-80);
}

.moduls-block.hidden-list .bt-box {
    display: block;
}

.moduls-block .more-bt::before {
    content: attr(data-show);
}

.moduls-block.active .more-bt::before {
    content: attr(data-hide);
}

.about-course-list {
    grid-gap: var(--value-13);
    grid-template-columns: repeat(4, 1fr);
}

.about-course-list .item {
    border-radius: var(--value-20);
    border: var(--value-1) solid var(--grey-color-2);
    grid-template-columns: auto 1fr;
    grid-gap: var(--value-20);
    padding: var(--value-25);
    min-height: calc(var(--value-100) + var(--value-30));
    background-color: #fff;
}

.about-course-list .item .ico-box {
    width: var(--value-30);
}

.header-btn {
    border: var(--value-1) solid #000;
    box-sizing: border-box;
    border-radius: var(--value-100);
    font-style: normal;
    font-weight: 700;
    color: #000;
    padding: var(--value-10) var(--value-35);
    text-decoration: none;
    min-height: calc(var(--value-50) + var(--value-5));
    display: inline-flex !important;
    align-items: center;
}

.header-btn:hover {
    color: #fff !important;
    text-decoration: none;
    background: #000;
}

.head-sect.course .start-info {
    order: 1;
}

.head-sect.course .start-info .ico-box {
    max-width: calc(var(--value-60) + var(--value-4));
}

.head-sect.course .start-info>div {
    gap: var(--value-40);
    align-items: center;
}

.head-sect.course .columns {
    grid-template-columns: 1fr auto;
}

.head-sect.course .img-box img {
    max-width: calc(4 * var(--value-100) + var(--value-50));
}

.head-sect.course .info-box {
    max-width: initial;
}

.head-sect.course .info-box .text-content {
    max-width: calc(8 * var(--value-100) + var(--value-45));
}

.course-thoughts-list ul {
    display: flex;
    gap: var(--value-25);
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0;
}

.course-thoughts-list ul li {
    padding: var(--value-5) var(--value-25);
    background-color: #F2F2F2;
    border-radius: var(--value-20);
    position: relative;
}

.course-thoughts-list ul li::before {
    content: '';
    width: var(--value-15);
    height: var(--value-21);
    background-image: url(asset/images/tags-dop-part.svg);
    background-size: var(--value-15);
    background-position: center;
    background-repeat: no-repeat;
    bottom: calc(-1* var(--value-2));
    left: calc(-1* var(--value-7));
    position: absolute;
}

.duration-education .columns {
    grid-template-columns: auto 1fr;
    grid-gap: calc(var(--value-100) + var(--value-20));
    align-items: center;
}

.duration-education .columns .img-box {
    max-width: calc(4 * var(--value-100) + var(--value-60) + var(--value-3));
}

.duration-education .columns .text-content {
    max-width: calc(6 * var(--value-100) - var(--value-10));
}

.duration-education .items-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--value-80);
}

.duration-education .items-list .item {
    grid-gap: var(--value-40);
    text-align: center;
    font-size: var(--value-20);
}

.duration-education .items-list .item .ico-box {
    max-width: calc(var(--value-60) + var(--value-4));
    margin: 0 auto;
}

.duration-education .btns-box {
    gap: var(--value-30);
    justify-content: center;
    flex-wrap: wrap;
}

.duration-education {
    padding-top: 0;
    position: relative;
}

.duration-education::before {
    top: calc(-3 * var(--value-100));
}

.author-card {
    display: grid;
    grid-gap: var(--value-32);
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto 1fr;
    position: relative;
}

.author-card::after {
    content: '';
    width: calc(100% - 2.15 * var(--value-100));
    height: var(--value-1);
    background-color: #EEEEEE;
    position: absolute;
    bottom: calc(-1 * var(--value-1));
    left: 0;
}

.author-card .welcome-message {
    font-size: var(--value-32);
    order: -2;
}

.author-card .img-box {
    order: -1;
    grid-row-start: span 3;
    width: calc(7.5 * var(--value-100));
    height: calc(7 * var(--value-100));
    position: relative;
    margin-top: calc(-1.7 * var(--value-100));
    z-index: -1;
}

.author-card .img-box .overlay {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

.author-card .bg-circle {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(7.3 * var(--value-100));
    height: calc(7.3 * var(--value-100));
    background-image: linear-gradient(0, rgb(255 199 0), 8%, rgb(255 236 167 / 0%));
    transform: translate(-50%, calc(3.3 * var(--value-10)));
    border-radius: 50%;
    opacity: .3;
}

.author-card .img-box .avatar {
    width: calc(5.84 * var(--value-100));
    height: calc(5.84 * var(--value-100));
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(calc(4.9 * var(--value-10)));
    position: relative;
    z-index: 1;
}

.author-card .img-box .avatar::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: linear-gradient(0, rgb(255 199 0 / 75%), rgb(255 236 167 / 0%));
}

.author-card .img-box .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-card .img-box .threeangle {
    position: absolute;
    z-index: 2;
}

.author-card .img-box .threeangle.first {
    left: calc(-1 * var(--value-15));
    width: calc(5.7 * var(--value-10));
    height: var(--value-60);
    transform: rotate(-185deg);
    bottom: calc(3.23 * var(--value-100));
}

.author-card .img-box .threeangle.second {
    right: calc(1.36 * var(--value-100));
    bottom: calc(4.32 * var(--value-100));
    width: calc(10.9 * var(--value-10));
    height: calc(11.5 * var(--value-10));
    opacity: .98;
}

.author-card .title {
    font-size: calc(9 * var(--value-10));
}

.author-card .main-info {
    gap: var(--value-24);
    flex-direction: column;
    font-size: var(--value-21);
}

.author-card .main-info>div {
    display: flex;
    gap: var(--value-20);
    align-items: center;
}

.author-card .main-info>div .icon {
    width: var(--value-40);
    height: var(--value-40);
}

.author-page .info-item {
    gap: var(--value-30);
}

.author-page .info-item>.title-box:not(.sect-title) .title {
    font-size: var(--value-30);
    font-weight: 600;
}

.author-page ul.content-list,
.author-page .publications-links-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--value-32) calc(2 * var(--value-32));
}

.author-page ul.content-list li .li-cont {
    width: calc(100% + var(--value-30));
    margin-left: calc(-1 * var(--value-30));
}

.author-page ul.content-list li .period {
    font-weight: 600;
}

.author-page ul.content-list li .period:not(:last-child) {
    margin-bottom: var(--value-10);
}

.author-section .rows {
    gap: var(--value-50);
}

.posts-list.sertificates {
    grid-gap: var(--value-90);
}

.posts-list .item.sertificate {
    display: flex;
    flex-direction: column;
    gap: var(--value-32);
    padding: 0 var(--value-50) var(--value-20);
    text-align: center;
    background-color: #fff;
    position: relative;
    border-radius: var(--value-20);
}

.posts-list .item.sertificate .img-box {
    max-width: 84%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0 0 var(--value-8) var(--value-8);
}

.posts-list .item.sertificate::before {
    content: '';
    width: calc(100% + var(--value-2));
    height: calc(100% + var(--value-2));
    background-image: linear-gradient(0, #ddd, #fff);
    position: absolute;
    bottom: calc(-1 * var(--value-1));
    left: calc(-1 * var(--value-1));
    border-radius: calc(2.2 * var(--value-10));
    z-index: -1;
}

.author-page .info-item:has(.posts-list) {
    gap: var(--value-40);
}

.motto-box {
    padding: var(--value-40) var(--value-45);
    border-radius: var(--value-20);
    background-color: rgba(255, 199, 0, 0.5);
    position: relative;
    width: 100%;
    max-width: calc(10.24 * var(--value-100));
    margin: var(--value-40) auto 0;
}

.motto-box::before,
.motto-box::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    border-radius: 50%;
    width: var(--value-80);
    height: var(--value-80);
}

.motto-box::before {
    background: linear-gradient(90deg, #F56400 0%, #FF7D23 100%);
    box-shadow: 0 var(--value-14) var(--value-30) 0 rgba(246, 103, 4, 0.3);
}

.motto-box::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-40);
    background-image: url(./asset/images/author/motto-ico.svg);
}

.publications-links-list a {
    display: flex;
    gap: var(--value-20);
    text-decoration: none;
}

.publications-links-list a .icon {
    width: calc(2.6 * var(--value-10));
    height: calc(2.6 * var(--value-10));
    margin-top: var(--value-4);
}

.author-page .social-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--value-20);
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}

.author-page .social-list li a::before {
    content: '';
    display: inline-block;
    width: var(--value-40);
    height: var(--value-40);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--value-40);
}

.author-page .social-list li a.facebook::before {
    background-image: url(./asset/images/author/social/facebook.svg);
}

.author-page .social-list li a.instagram::before {
    background-image: url(./asset/images/author/social/instagram.svg);
}

.author-page .social-list li a.linkedin::before {
    background-image: url(./asset/images/author/social/linkedin.svg);
}

.post-footer .authors-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--value-16);
}

.post-footer .author {
    display: flex;
    align-items: center;
    gap: var(--value-6);
}

.post-footer .author .avatar {
    width: calc(5.3 * var(--value-10));
    height: calc(5.3 * var(--value-10));
    border-radius: 50%;
    overflow: hidden;
}

.post-footer .author .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-footer .author .author-info {
    font-size: var(--value-16);
    padding: var(--value-4) var(--value-18);
    position: relative;
    border-radius: var(--value-40);
    background-color: #fff;
    max-width: calc(3 * var(--value-100));
}

.post-footer .author .author-info p {
    line-height: 1.1;
}

.post-footer .author .name {
    font-size: var(--value-18);
    font-weight: 600;
    text-decoration: none;
}

.post-footer .author .author-info::after {
    content: '';
    width: calc(100% + var(--value-2));
    height: calc(100% + var(--value-2));
    background-image: linear-gradient(-90deg, #DBDBDB, #ffffff);
    position: absolute;
    top: calc(-1 * var(--value-1));
    right: calc(-1 * var(--value-1));
    border-radius: var(--value-40);
    z-index: -1;
}

.mfp-image-holder .mfp-content {
    width: auto;
}

#popup-order-form,
#popup-auto-timer {
    margin: var(--value-40) auto;
}

.mfp-content>div {
    position: relative;
}

#popup-auto-timer {
    background: #ffffff;
    max-width: calc(7.2 * var(--value-100));
    border-radius: var(--value-16);
    box-shadow: 0 var(--value-15) var(--value-50) rgba(0, 0, 0, 0.2);
    font-family: inherit;
    padding: 0;
}

#popup-auto-timer .popup-img-box {
    width: 100%;
    line-height: 0;
    position: relative;
    overflow: hidden;
    border-radius: var(--value-16) var(--value-16) 0 0;
}

#popup-auto-timer .popup-img-box img {
    width: 100%;
    height: auto;
    display: block;
}

#popup-auto-timer .popup-content-box {
    padding: var(--value-35) var(--value-30);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--value-15);
}

#popup-auto-timer .title-box .title {
    font-size: var(--value-30);
}

#popup-auto-timer .popup-description {
    color: #555555;
}

#popup-auto-timer .popup-btn-box {
    margin-top: var(--value-10);
}

#popup-auto-timer .popup-notice {
    font-size: var(--value-16);
    color: #888888;
}

#popup-auto-timer .btn {
    font-weight: 700;
    outline: none;
}


/* Fade animation for Magnific Popup */
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

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

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

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    top: var(--value-20);
    transition: all 0.3s ease-out;
}

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

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    top: var(--value-20);
}

.mfp-wrap {
    overflow: hidden scroll !important;
}

.mfp-wrap::-webkit-scrollbar {
    display: none;
}

/* Для браузеров Firefox */
.mfp-wrap {
    scrollbar-width: none;
}

/* Для браузеров IE и Edge */
.mfp-wrap {
    -ms-overflow-style: none;
}

body:has(.mfp-ready) {
    overflow: hidden;
}

.sect.videos .posts-list .item {
    background: #ffffff;
    border-radius: var(--value-20);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 var(--value-15) var(--value-45) rgba(138, 141, 160, 0.15);
    border: 1px solid #E6E6E6;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    gap: 0;
}

.sect.videos .posts-list .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 var(--value-20) calc(5.5 * var(--value-10)) rgba(138, 141, 160, 0.22);
}

.sect.videos .posts-list .item .video,
.sect.videos .posts-list .item .video img {
    width: 100%;
    display: block;
    border-radius: 0;
    position: relative;
}

.sect.videos .posts-list .item .video .popup-youtube {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
}

.sect.videos .posts-list .item .video .popup-youtube img {
    display: block;
    width: 100%;
    height: auto;
}

.sect.videos .posts-list .item .review-info {
    padding: var(--value-30);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: left;
    gap: var(--value-20);
    justify-content: space-between;
}

.sect.videos .posts-list .item .review-quote {
    font-size: var(--value-18);
    color: #4A4A4A;
    font-style: italic;
    position: relative;
    padding-top: var(--value-30);
}

.sect.videos .posts-list .item .review-quote::before {
    content: '“';
    position: absolute;
    top: calc(-1 * var(--value-15));
    left: calc(-1 * var(--value-8));
    font-size: var(--value-90);
    line-height: 1;
    font-family: Georgia, serif;
    color: var(--yellow-color);
    opacity: 0.3;
    pointer-events: none;
}

.review-details {
    gap: var(--value-10);
}

.sect.videos .posts-list .item .review-company {
    font-size: var(--value-16);
    font-weight: 600;
    color: #222222;
}

.sect.videos .posts-list .item .review-position {
    font-size: var(--value-15);
    color: #777777;
}

.sect.videos .posts-list .item .review-service {
    display: inline-block;
    align-self: flex-start;
    background-color: #F5F5F7;
    border-radius: var(--value-6);
    padding: var(--value-4) var(--value-10);
    font-size: var(--value-14);
    font-weight: 600;
    color: #666666;
    margin-top: auto;
}

/* Fancybox custom overrides */
.mfp-hide {
    display: none;
}

.fancybox__content .mfp-hide {
    display: block !important;
}

.fancybox__content:has(.popup-wrap),
.fancybox__content:has(#popup-auto-timer) {
    background: transparent !important;
    padding: 0 !important;
}

.fancybox__slide.has-image .fancybox__content>.f-button.is-close-btn{
    display: none!important;
}