@import "../fonts/fonts.css";

/* Root */
:root{
--white: #fff;
--dark-grey: #313131;
--grey: #c0c0c0;
--pink: #f92fa8;
--green: #4caf50;
--dark-green: #146304;
--light-green: #f0ffc3;
---40: -40px;
---30: -30px;
---24: -24px;
---20: -20px;
---16: -16px;
---12: -12px;
---10: -10px;
---8: -8px;
---4: -4px;
---2: -2px;
---1: -1px;
--1: 1px;
--2: 2px;
--4: 4px;
--6: 6px;
--7: 7px;
--8: 8px;
--9: 9px;
--10: 10px;
--12: 12px;
--14: 14px;
--16: 16px;
--20: 20px;
--22: 22px;
--24: 24px;
--28: 28px;
--30: 30px;
--32: 32px;
--36: 36px;
--40: 40px;
--48: 48px;
--52: 52px;
--60: 60px;
--64: 64px;
--72: 72px;
--80: 80px;
--84: 84px;
--96: 96px;
--109: 109px;
--112: 112px;
--120: 120px;
--128: 128px;
--135: 135px;
--150: 150px;
--160: 160px;
--168: 168px;
--184: 184px;
--200: 200px;
--218: 218px;
--260: 260px;
--272: 272px;
--325: 325px;
--340: 340px;
--509: 509px;
--551: 551px;
--736: 736px;
--1280: 1280px;
}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing: border-box;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--black);}
body{font-size:var(--16);width:100%;height:100%;position:relative;font-family:'Inter', sans-serif;font-weight:400;font-style:normal;color:var(--dark-grey);min-width:calc(var(--272) + var(--28));background:var(--dark-grey);transition:background 1s;}

:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{box-sizing:border-box;}
input{appearance:none; -webkit-appearance:none;}
/* text */
p{color:var(--white);line-height:1.2em;margin-bottom:var(--24);font-weight:400;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
.bold{font-weight:bold;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::selection{color:var(--green); background-color: var(--light-green);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{margin:0;font-family:'Upheaval Pro', sans-serif;text-align: center;}
h1,.h1{font-size:7.5em;line-height:80%;}
h2,.h2{font-size:clamp(2.6875rem, 0.625rem + 5.7292vw, 7.5rem);line-height:80%;font-weight: normal;margin-bottom: calc(var(--109) - var(--9));}

/* FadeIn */
.fadein{filter:blur(var(--10));opacity:0;mask-image: linear-gradient(128deg, transparent 0%, transparent 20%, black 50%, black 100%);mask-size:250% 250%;mask-position:0 0; transform: translateX(-30px);}
.fadein.fadein-anim{-webkit-animation:fadein 2s ease-in-out forwards;animation:fadein 2s ease-in-out forwards;}
@-webkit-keyframes fadein{0%{opacity:0;filter:blur(var(--10));mask-position:0 0; transform: translateX(30px);}100%{opacity:1;filter:blur(0);mask-position:100% 100%; transform: translateX(0);}}
@keyframes fadein{0%{opacity:0;filter:blur(var(--10));mask-position:0 0; transform: translateX(30px);}100%{opacity:1;filter:blur(0);mask-position:100% 100%; transform: translateX(0);}}

/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:flex;opacity:0;}
.ready .main{opacity:1;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;-webkit-transform-origin:top center;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:top center;transform-origin:top center;display:flex;height:100%!important;pointer-events:auto;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
.scroll-content{display:flex!important;flex-direction:column;width:100%;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:var(--8)!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:right center;transform-origin:right center;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--pink);-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:right center;transform-origin:right center;opacity:1;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1;}
.open-menu .scrollbar-track{opacity:0!important;}

.logo {
    display: flex;
    width: calc(var(--135) + var(--4));
}

.header{position:absolute;top:0;left:0;width:100%;z-index:999;pointer-events:none;-webkit-transform:translateZ(0) translateY(-100%);transform:translateZ(0) translateY(-100%);transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;}
.ready .header{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);}

.header-wrap {
    width: 100%;
    pointer-events: none;
}

.header-inner {
    position: relative;
    width: 100%;
    padding: var(--16) 0;
    -webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
    transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;
}

/*.scroll-up .header:not(.out) .header-inner{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);}*/

.menu {
    position: relative;
    height: calc(var(--64) + var(--2));
    max-width: calc(var(--1280) + var(--340) + var(--60));
    padding: 0 var(--52);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 var(--48);
    border-radius: var(--60);
    background: linear-gradient(100.86deg, rgba(34, 34, 34, 0.3) 15.57%, rgba(101, 128, 128, 0.3) 70.77%, rgba(24, 24, 24, 0.3) 89.12%);
    border: 1px solid rgba(255,255,255,0);
    pointer-events: auto;
    -webkit-backdrop-filter: blur(var(--30));
    backdrop-filter: blur(var(--30));
    transition: border .5s;
}


.trigger{position:relative;width:calc(var(--40) + var(--4));height:calc(var(--40) + var(--4));}
.trigger i{display:block;position:absolute;left:0;top:50%;width:100%;height:calc(var(--4) - var(--1));transition:transform .5s .5s;}
.trigger i:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);border-radius: var(--20);transition:transform .5s 0s, opacity 0s .5s;}
.trigger i:first-child{transform:translateY(500%);}
.trigger i:last-child{transform:translateY(-500%);}
.open-menu .trigger i:first-child{transform:translateY(0);}
.open-menu .trigger i:last-child{transform:translateY(0);}
.open-menu .trigger i{transition:transform .5s 0s;}
.open-menu .trigger i:first-child:before{transform:rotate(45deg);transition:transform .5s .5s;}
.open-menu .trigger i:last-child:before{transform:rotate(-45deg);transition:transform .5s .5s;}
.open-menu .trigger i:nth-child(2):before{opacity:0;transition:transform .5s .5s, opacity 0s .5s;}
.open-menu .menu{border: 1px solid rgba(255,255,255,1);}
.menu-wrap{position:fixed;left:0;top:0;width:100%;height:var(--app-height);opacity:1;z-index:899;visibility:hidden;pointer-events:none;transition:opacity 1s, visibility 0s 1s;}
.open-menu .menu-wrap{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1s, visibility 0s 0s;}
.menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:0;transition:opacity 1s;}
/*.open-menu .menu-bg{opacity:.86;}*/
.menu-inner{position:relative;}
.menu-item{overflow:hidden;height:0;text-align:center;background: linear-gradient(101deg, rgba(34, 34, 34, 0.70) 15.57%, rgba(70, 93, 93, 0.70) 70.77%, rgba(24, 24, 24, 0.70) 89.12%);pointer-events:auto;-webkit-backdrop-filter: blur(var(--24));backdrop-filter: blur(var(--24));}
.menu-item:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--red);-webkit-mask-image: linear-gradient(transparent, black);mask-image: linear-gradient(transparent, black);}
.menu-content{position:relative;height:100vh;padding: calc(var(--128) - var(--2)) var(--120) var(--40); overflow: scroll;}
.menu-content ul{position: relative; width: 70%;margin-left: auto; padding: var(--40) var(--40) var(--40) 0;}
.menu-content ul:before{content: '';position: absolute;top: 0;width: var(--60);height: 100%;border: var(--6) solid var(--white); right: 0;border-top-right-radius: var(--40);border-bottom-right-radius: var(--40);border-left: none;}
.menu-content ul li{display: flex; margin-bottom:var(--28);}
.menu-content ul li:last-child{margin-bottom:0;}
.menu-content ul li a{width: 100%; padding: calc(var(--16) + var(--2)) calc(var(--52) - var(--2)); font-family: 'Upheaval Pro', sans-serif; font-size: var(--40); line-height: normal; color: var(--dark-grey); text-decoration: none; background-color: var(--white); border-radius: var(--6); transition: all .2s;}
.menu-content ul li a:hover{color: var(--white);background-color:var(--pink)}
.menu-content,.menu-content *{pointer-events:auto;}

/* .burger {
    position: relative;
    height: calc(var(--40) + var(--4));
    width: calc(var(--40) + var(--4));
}

.burger i {
    position: absolute;
    height: calc(var(--4) - var(--1));
    width: calc(var(--40) + var(--4));
    background-color: var(--white);
    border-radius: var(--20);
    transform: translateY(-50%);
}

.burger i:nth-of-type(1) {
    top: 25%;
}

.burger i:nth-of-type(2) {
    top: 50%;
}

.burger i:nth-of-type(3) {
    top: 75%;
} */

.img-container {
    max-width: calc(var(--736) + var(--218) - var(--4));
}

.img {
    position: relative;
    width: 100%;
    /* max-width: calc(var(--736) + var(--218) - var(--2)); */
    z-index: 1;
}

.img_right {
    /*right: calc(var(--120) * -1);*/
    border-top-left-radius: calc(var(--260) - var(--30));
}

.img_left {
    /*left: calc(var(--120) * -1);*/
    border-top-right-radius: calc(var(--260) - var(--30));
}

.decor-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: calc(var(--272) - var(--60));
    max-height: calc(var(--340) + var(--24));
    bottom: calc(var(--80) * -1);
    left: 50%;
    background-image: url('../img/decor-img.png');
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    z-index: 1;
}

.gap-70 {
    gap: calc(var(--72) - var(--2));
}

.gap-162 {
    gap: calc(var(--160) + var(--2));
}

.text-wrapper {
    max-width: calc(var(--736) - var(--48));
}

.text-container {
    display: flex;
    flex-direction: column;
    gap: var(--20);
}

.text {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: calc(var(--20) - var(--1));
    font-weight: 400;
    color: var(--dark-grey);
}

.list-wrapper {
    position: relative;
}

.list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--40);
    width: max-content;
}

.list-border {
    position: absolute;
    top: 0;
    width: var(--60);
    height: 100%;
    border: var(--6) solid var(--pink);
    opacity: 0;
}

.list-border_left {
    left: -80px;
    border-top-left-radius: var(--40);
    border-bottom-left-radius: var(--40);
    border-right: none;
    transition: opacity 1s, left 1s;
}

.list-border_right {
    right: -80px;
    border-top-right-radius: var(--40);
    border-bottom-right-radius: var(--40);
    border-left: none;
    transition: opacity 1s, right 1s;
}

/* .list::before {
    content: '';
    position: absolute;
    top: 0;
    width: var(--60);
    height: 100%;
    border: var(--6) solid var(--pink);
} */

.list_right {
    text-align: right;
    padding: var(--24) var(--48) var(--24) 0;
}

.list_left {
    padding: var(--24) 0 var(--24) var(--48);
}

/* .list_right:before {
    right: 0;
    border-top-right-radius: var(--40);
    border-bottom-right-radius: var(--40);
    border-left: none;
} */

/* .list_left:before {
    left: -80px;
    border-top-left-radius: var(--40);
    border-bottom-left-radius: var(--40);
    border-right: none;
} */

.list-item {
    font-family: 'Upheaval Pro', sans-serif;
    font-size: calc(var(--72) - var(--2));
    line-height: normal;
    color: var(--pink);
    opacity: 0;
    /*transform: translateX(-30px);*/
    transition: opacity 1s, transform 1s;
}

.list_left .list-item {
    transform: translateX(30px);
}

.list_right .list-item {
    transform: translateX(-30px);
}

.section {
    position: relative;
    padding: calc(var(--96) + var(--4)) 0;
}

.section_dark h2,
.section_dark .text {
    color: var(--light-green);
}

.section_bg {
    background-image: url('../img/bg-2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.section_bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg-2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.section_bg-3 {
    background-image: url('../img/bg-3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.molekula-decor-title {
    position: absolute;
    top: calc(var(--160) * -1);
    right: -50%;
    width: 100%;
    /*max-width: calc(var(--736) + var(--218) - var(--4));*/
    height: 100%;
    max-height: calc(var(--551) + var(--22));
    background-image: url('../img/molekula-decor-title.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.molekula-decor-title_2 {
    top: calc(calc(var(--109) - var(--9)) * -1);
    right: -33%;
}

.molekula-decor-title_3 {
    top: 0;
    right: -41%;
}

.molekula-decor-title_4 {
    top: calc(calc(var(--109) - var(--9)) * -1);
    right: -48.5%;
    background-image: url('../img/molekula-decor-title-dark.svg');
}

.molekula-decor-title_6 {
    top: var(--64);
    right: -13%;
}

/*.section_mol-bg:before {
    content: '';
    position: absolute;
    top: calc(var(--120) * -1);
    right: 0;
    width: 100%;
    max-width: calc(var(--736) + var(--218) - var(--4));
    height: 100%;
    max-height: calc(var(--551) + var(--22));
    background-image: url('../img/molekula-2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}*/

.section_dark.section_mol-bg:before {
    background-image: url('../img/molekula-2-dark.svg');
}

.content {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: var(--app-height);
}

.content-container {
    width: 100%;
    padding-left: var(--120);
    padding-right: var(--120);
    z-index: 1;
}

.section_light {
    background-color: var(--light-green);
}

.section_dark {
    background-color: var(--dark-grey);
}

/* Title */

.title {
    position: relative;
    padding-top: calc(var(--150) + var(--1));
    padding-bottom: var(--260);
}

.title-bg {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../img/bg.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: -10;
}

.molekula {
    position: absolute;
    /*bottom: calc(var(--40) * -1);*/
    bottom: 0;
    left: 50%;
    width: 100%;
    height: calc((var(--736) + (var(--96) * -1)));
    /*background-image: url('../img/molekula.png');*/
    background-size: 100%;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    z-index: -2;
}

.molekula-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.molekula-container svg {
    position: absolute;
    left: 50%;
    width: 112%;
    transform: translateX(-50%);
}

.molekula-gradient {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    background: linear-gradient(92.39deg, #133D0A -12.66%, #146304 42.69%, #4CAF50 113.85%);
    clip-path: url(#molekulaClip);
}

.title-item {
    margin: 0 auto;
    width: 100%;
    max-width: calc(var(--1280) + var(--272) + var(--2) + var(--1));
}

.title-item-description {
    position: relative;
    top: calc((var(--48) + var(--2) + var(--1)) * -1);
    width: 100%;
    max-width: calc(var(--736) + var(--72) + (var(--4)));
    height: calc(var(--272) + var(--4));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: calc(var(--72) - var(---2));
    background-color: var(--white);
    box-shadow: var(--10) var(--10) var(--36) 0 rgba(52, 65, 50, 0.42);
    border-top-left-radius: calc(var(--96) + var(--4));
    transform: rotate(3deg);
    z-index: -1;
}

.title-item-description:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - var(--60));
    max-width: calc(var(--736) + var(--16));
    height: calc(var(--200) + var(--14));
    border: calc(var(--2) + var(--1)) solid var(--grey);
    border-top-left-radius: calc(var(--96) - var(--6));
    transform: translate(-50%, -50%);
}

.title-item-description p {
    margin: 0;
    max-width: calc(var(--551) + var(--109));
    font-family: 'Inter', sans-serif;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    color: var(--dark-grey);
}

.title-text {
    position: relative;
    max-width: calc(var(--551) + var(--135) + var(--2));
    z-index: 1;
}

.title-text p {
    color: var(--light-green);
    font-size: var(--24);
    font-weight: 600;
    letter-spacing: -1px;
}

.title-decor {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
}

.title-decor-1 {
    left: 5%;
    bottom: 20%;
    width: calc(var(--218) - var(--1));
    height: calc(var(--218) - var(--4));
    background-image: url('../img/title-decor-1.png');
}

.title-decor-2 {
    right: 0;
    bottom: 0;
    width: calc(var(--509) - var(--2));
    height: calc(var(--340) + var(--109));
    background-image: url('../img/title-decor-2.png');
}

@keyframes inset-arrow {
    from {
        clip-path: inset(0 0 100% 0);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes y-arrow {
    from {
        transform: translateY(-75%);
    }
    to {
        transform: translateY(50%);
    }
}

.title-arrow-container {
    position: absolute;
    bottom: calc(var(--64) * -1);
    width: calc(var(--112) + var(--1));
    height: calc(var(--112) + var(--1));
    left: 50%;
    transform: translate(-50%, 0);
    /*clip-path: inset(0 0 100% 0);*/
    /*animation: inset-arrow 1.2s steps(7, end) infinite alternate-reverse;
    animation-play-state: paused;*/
}

.title-arrow-wrapper {
    position: relative;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    margin-top: calc(var(--12) + var(--1));
    /*padding-top: calc(var(--12) + var(--1));
    padding-bottom: var(--30);*/
    overflow: hidden;
    height: calc(calc(var(--112) + var(--1)) - calc(var(--12) + var(--1)) - var(--30));
}

.title-arrow {
    position: absolute;
    /*position: absolute;
    bottom: 0;
    left: 50%;*/
    /* transform: translateX(-50%); */
    width: calc(var(--112) + var(--1));
    height: calc(var(--112) + var(--1));
    animation: y-arrow 2s steps(14, end) infinite;
    /*opacity: 0;*/
    /*transform:translateZ(0) translateX(-50%) translateY(-100%);
    transition:transform 1s, opacity 1s;*/
}

.ready .title-arrow-container {
    /*transform:translateZ(0) translateX(-50%) translateY(0);
    opacity: 1;*/
    animation-play-state: running;
}

/* Certificate */

.img-list-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}

.img-list-wrapper_left {
    align-items: flex-start;
}

.certificate {
    position: relative;
    align-items: center;
    justify-content: center;
    margin: var(--120) 0 var(--24);
    gap: calc(var(--16) * 2.85);
    height: 100%;
    transform: rotate(-3deg);
    transition: transform 1s;
}

.certificate-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
    padding: var(--120);
    padding-right: calc(var(--120) + var(--84));
    width: 100%;
    max-width: calc(var(--1280) - var(--168));
    /*width: calc(var(--1280) - var(--168));
    height: calc(var(--340) + var(--109));*/
    background-color: #fff;
    border-top-left-radius: calc(var(--96) + var(--4));
    overflow: hidden;
}

.certificate-block:before {
    content: '';
    position: absolute;
    inset: var(--30);
    /*width: calc(var(--1280) - var(--218) - var(--9));
    height: calc(var(--340) + var(--52));*/
    border: 3px solid #C0C0C0;
    border-top-left-radius: calc(var(--96) - var(--6));
    box-sizing: border-box;
    pointer-events: none;
}

.certificate-block:after {
    content: 'cправка';
    position: absolute;
    top: var(--30);
    right: var(--30);
    bottom: var(--30);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--84);
    /*height: calc(var(--340) + var(--52));*/
    font-family: 'Inter';
    font-weight: 600;
    font-size: var(--30);
    letter-spacing: var(--12);
    /*letter-spacing: calc(var(--16) * 0.4);*/
    color: #C0C0C0;
    writing-mode: vertical-rl;
    /*text-orientation: upright;*/
    text-transform: uppercase;
    border: 3px solid #C0C0C0;
    box-sizing: border-box;
}


.certificate-block__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--14);
    /*width: calc(var(--736) + var(--60));*/
    /*width: min-content;*/
    /*margin-right: var(--84);*/
    /*height: calc(var(--84) + var(--2) + var(--1));*/
}

.certificate-block__title {
    display: flex;
    flex-direction: column;
    font-family: 'Upheaval Pro', sans-serif;
    font-size: var(--150);
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: var(--2) var(--dark-grey);
}

.certificate-block__title_sm {
    font-size: calc(var(--96) - var(--6));
    line-height: normal;
}

.certificate-block__title_sm span {
    display: flex;
    flex-direction: column;
    font-size: calc(var(--52) + var(--4));
    line-height: 1;
}

.certificate-block__title_sm b {
    font-weight: normal;
}

.certificate-block__title_sm span > span {
    margin-left: auto;
}

.certificate-block__title_sm div {
    display: inline;
    line-height: normal;
}

.certificate-block__text.w-688 {
    max-width: calc(var(--736) - var(--48));
}

.certificate-block__text {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: var(--24);
    line-height: 1.2;
    color: #313131;
}

/*.certificate-block_big {
    height: calc(var(--736) - var(--36) + var(--2));
}

.certificate-block_big:before {
    height: calc(var(--736) - var(--96) + var(--2));
}

.certificate-block_big:after {
    height: calc(var(--736) - var(--96) + var(--2));
}*/

/* sertificat 5 */

.certificate-5 {
    position: relative;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--120);
    gap: calc(var(--16) * 2.85);
    height: 100%;
    transform: rotate(0deg);
    transition: transform 1s;
}

.certificate-5 .certificate-block {
    margin-left: 0;
    padding-right: var(--120);
    max-width: calc(var(--1280) - var(--30));
    box-shadow: 8px 8px 30px 0px rgba(217, 217, 217, 0.24);
    /*width: calc(var(--1280) - var(--30));
    height: calc(var(--551) + var(--84));*/
}

/*.certificate-5 .certificate-block:before {
    width: calc(var(--1280) - var(--84) - var(--6));
    height: calc(var(--551) + var(--24));
}*/

.certificate-5 .certificate-block:after {
    display: none;
}

.certificate-5 .certificate-block:after {
    content: '';
    display: flex;
    width: calc(var(--509) + var(--20));
    height: calc(var(--272) + var(--2));
    top: var(--84);
    right: 0;
    background-image: url('../img/s5-decor.svg');
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}

.certificate-5 .certificate-block__wrapper {
    /*width: calc(var(--1280) - var(--260) + var(--10));*/
    margin-right: 0;
    gap: var(--40);
}

.certificate-5-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: calc(var(--20) - var(--1));
    line-height: 100%;
    color: #313131;
}

.certificate-5-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--24) + var(--2));
}

.certificate-5-list-item {
    position: relative;
    display: flex;
    gap: var(--10);
}

.certificate-5-number {
    position: relative;
    left: 0;
    transform: translateX(-30px);
    opacity: 0;
    transition: opacity 1s, transform 1s;
}

.certificate-5-list-item:nth-of-type(2) {
    margin-left: var(--30);
}

.certificate-5-list-item:nth-of-type(3) {
    margin-left: calc(var(--30) * 2);
}

.certificate-5-list-item:nth-of-type(4) {
    margin-left: calc(var(--30) * 3);
}

.certificate-5-list-item:nth-of-type(5) {
    margin-left: calc(var(--30) * 4);
}


.certificate-5-list-item span {
    font-family: 'Upheaval Pro', sans-serif;
    font-size: calc(var(--72) - var(--2));
    line-height: normal;
    color: var(--pink);
}

/* Quote */
.section_quote {
    padding: 0;
    /* background-color: var(--light-green); */
}

.section_quote *::selection,
.years-block *::selection {
    color: var(--dark-green);
}

.section_quote .step-1 {
    z-index: 3;
    transform: translateX(-120px);
}

.section_quote-right .step-1 {
    z-index: 1;
}

.section_quote .step-2 {
    z-index: 2;
    /*transform: translateX(-80px);*/
}

.section_quote .step-3 {
    z-index: 1;
    transform: translateX(80px);
}

.section_quote .step-3.img13 {
    z-index: 1;
    transform: translateX(-200px);
}

.section_quote-right .step-3 {
    z-index: 3;
}

.section_quote-transparent .step-1 {
    transform: translateX(-80px);
}

.section_quote-transparent.section_quote-transparent_right .step-1 {
    transform: translateX(80px);
}

.section_quote-transparent .section_quote-transparent-wrapper {
    max-width: calc(var(--1280) + var(--200) + var(--36));
}

.section_quote-transparent .col-sm-2 {
    min-width: calc(var(--340) + var(--40));
}

/*.section_quote-transparent .step-2,*/
/*.section_quote-transparent .step-1,
.section_quote-transparent .step-3 {
    transform: translateX(0);
}*/

.section_quote .content-container {
    padding: 0;
    overflow: hidden;
    background-color: var(--green);
}

.section_quote {
    padding: 0;
}

.section_quote-transparent .content-container {
    padding-right: 10%;
}

.section_quote-transparent.section_quote-transparent_right .content-container {
    padding-right: 0;
    padding-left: 10%;
}

.section_quote-transparent {
    background-color: var(--light-green);
}

.section_quote-transparent .content-container {
    background-color: var(--light-green);
}

.section_quote-transparent .col-md-2 {
    min-width: calc(var(--340) + var(--40));
    margin: 3px 0;
}

.section_quote .img-box {
    position: relative;
    height: 100%;
    margin-left: calc(var(--260) * -1);
    background-image: url('../img/bg.png');
    background-position: center;
    z-index: 0;
}

.section_quote img {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section_quote .img-auto {
    width: auto;
    height: auto;
    right: -20%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.section_quote .img-w-auto {
    width: auto;
}

.author {
    display: flex;
    flex-direction: column;
    gap: var(--6);
    color: var(--light-green);
    text-align: right;
}

.author span {
    font-size: var(--24);
    font-weight: 600;
}

.author p {
    margin: 0;
    font-size: calc(var(--20) - var(--1));
    font-weight: 400;
    color: var(--light-green);
}

.section_quote .row > * {
    position: relative;
    padding: 0;
}

/*.section_quote .row div:nth-of-type(1) {
    min-width: calc(var(--340) + var(--40) + var(--2));
}

.section_quote .row div:nth-of-type(3) {
    min-width: calc(var(--340) + var(--60));
}*/

.quote-block-text {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--20);
    height: calc(100% + var(--6));
    padding: var(--80);
    margin: calc((var(--2) + var(--1)) * -1) 0;
    /*background-color: var(--green);
    border: calc(var(--2) + var(--1)) solid var(--light-green);
    border-left: none;
    border-top-right-radius: var(--160);*/
    z-index: 1;
}

.quote-title {
    margin: 0;
    font-family: 'Upheaval Pro', sans-serif;
    line-height: normal;
    font-size: calc(var(--96) - var(--6));
    color: transparent;
    -webkit-text-stroke: var(--2) var(--dark-green);
}

.quote-text {
    position: relative;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    font-size: var(--32);
    color: var(--light-green);
}

.quote-block-text:before {
    content: '';
    position: absolute;
    top: calc(var(--52) - var(--2));
    left: var(--20);
    width: calc(var(--96) + var(--4));
    height: calc(var(--96) + var(--4));
    background-image: url('../img/quote-open.svg');
    z-index: -1;
}

.quote-block-text:after {
    content: '';
    position: absolute;
    bottom: calc(var(--52) - var(--2));
    right: var(--20);
    width: calc(var(--96) + var(--4));
    height: calc(var(--200) + var(--14));
    background-image: url('../img/quote-close.svg');
    z-index: -1;
}

.section_quote-right .quote-block-text:before,
.section-quote-3 .quote-block-text:before,
.section-quote-4 .quote-block-text:before {
    left: var(--36);
}

.section_quote-right .quote-block-text:after {
    right: var(--48);
}

.section_quote-transparent .quote-block-text:before,
.section_quote-transparent .quote-block-text:after {
    display: none;
}

.section_quote .row > div:nth-of-type(1) img {
    border-top-right-radius: var(--160);
}

.section_quote-transparent .quote-block-text {
    margin: 0;
    height: 100%;
    background-color: transparent;
    color: var(--dark-green);
    border-color: #4CAF50;
    border: none;
}

.section_quote-transparent-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.section_quote-transparent-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid var(--green);
    border-left: none;
    border-top-right-radius: var(--160);
    z-index: 10;
}

.section_quote-transparent.section_quote-transparent_right .section_quote-transparent-wrapper  {
    justify-content: flex-end;
}

.section_quote-transparent.section_quote-transparent_right .section_quote-transparent-wrapper:before  {
    border-left: 3px solid var(--green);
    border-right: none;
    border-top-left-radius: var(--160);
    border-top-right-radius: 0;
}

.img-box13 {
    display: flex;
    align-items: center;
}

.img13 {
    max-width: calc(var(--340) + var(--96) + var(--9));
    max-height: calc(var(--340) + var(--84));
}

/*.section_quote-transparent .row{
    border: calc(var(--2) + var(--1)) solid #4CAF50;
    border-right: 0;
}*/

/*.section_quote-transparent .row>div:nth-of-type(1) {
    border: calc(var(--2) + var(--1)) solid #4CAF50;
    border-right: 0;
}

.section_quote-transparent.section_quote-transparent_right .row>div:nth-of-type(2) {
    border: calc(var(--2) + var(--1)) solid #4CAF50;
    border-left: 0;
}*/

.section_quote-transparent.section_quote-transparent_right .section_quote-transparent-wrapper > div:nth-of-type(2) img {
    border-top-left-radius: var(--160);
    border-top-right-radius: 0;
}

.section_quote-transparent .quote-text {
    color: var(--dark-green);
}

.section_quote-transparent_right .row {
    justify-content: flex-end;
}

/*.section_quote-transparent_right .quote-block-text {
    border-left: calc(var(--2) + var(--1)) solid #4CAF50;
    border-right: none;
    border-top-right-radius: 0;
    border-top-left-radius: var(--160);
}*/

.section_quote-transparent_right .quote-title {
    text-align: right;
}

.section_quote-transparent_right .row>div:nth-of-type(1) {
    border: 0;
}

.section_quote-right .quote-block-text {
    border-color: var(--dark-grey);
    border-left: calc(var(--2) + var(--1)) solid var(--dark-grey);
    border-right: none;
    border-top-right-radius: 0;
    border-top-left-radius: var(--160);
}

.section_dark .quote-block-text {
    border-color: var(--dark-grey);
}

.section_quote-right .img-box {
    margin-left: 0;
    margin-right: calc(var(--260) * -1);
}

.section_quote-right .row > div:nth-of-type(3) img {
    border-top-left-radius: var(--160);
}

.container-iframe {
    margin: 0 auto;
    height: calc(var(--260) - var(--10));
    width: 100%;
    max-width: calc(var(--1280) + var(--20));
}

/* Years */
.years-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: var(--96);
    padding: var(--80);
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: calc(var(--96) + var(--4));
}

.years-block:before {
    content: '';
    position: absolute;
    inset: var(--30);
    border: var(--2) solid #C0C0C0;
    border-top-left-radius: calc(var(--96) - var(--6));
    box-sizing: border-box;
    pointer-events: none;
}

.years-block:after {
    content: '';
    position: absolute;
    top: var(--30);
    bottom: var(--30);
    left: 50%;
    border-right: var(--2) solid #C0C0C0;
    box-sizing: border-box;
    transform: translateX(-50%);
    pointer-events: none;
}

.years-block-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: calc(var(--135) - var(--4));
    width: 100%;
}

.years-block-col {
    display: flex;
    flex-direction: column;
    gap: var(--40);
    width: 50%;
}

.years-block-row {
    display: flex;
    gap: var(--20);
}

.years-block-row > div {
    font-family: 'Inter', sans-serif;
    line-height: normal;
    color: var(--dark-grey);
}

.years-block-row > div:nth-of-type(1) {
    min-width: var(--120);
    font-size: var(--30);
    font-weight: 700;
}

.years-block-row > div:nth-of-type(2) {
    font-size: calc(var(--20) - var(--1));
}

/* Footer */
.footer {
    position: relative;
    padding: var(--96);
    background-color: var(--dark-grey);
}

.footer-text {
    position: relative;
    margin: 0 auto;
    max-width: calc(var(--1280) + var(--128) + var(--2));
    font-family: 'Inter', sans-serif;
    line-height: normal;
    font-size: calc(var(--32) + var(--2));
    text-align: center;
    color: var(--light-green);
    z-index: 1;
}

.footer-text div:nth-of-type(1) {
    font-size: calc(var(--20) - var(--1));
    font-weight: 600;
    margin-bottom: var(--20);
}

.footer-text div:nth-of-type(2) {
    font-size: calc(var(--20) - var(--1));
    font-weight: 400;
    margin-bottom: var(--40);
}

.footer-text div:nth-of-type(3) {
    font-size: var(--14);
    font-weight: 400;
}

.footer-bg {
    position: absolute;
    inset: calc(var(--72) * -1) 0 0;
    height: calc(100% + var(--72));
    width: 100%;
    background-image: url('../img/footer-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

/* --- */

.anim-lr {
    transform: translateX(-80px) translateY(0);
}

.anim-rl {
    transform: translateX(80px) translateY(0);
}

.section-quote-5 .section-quote-col-3 .anim-rl {
    transform: translateX(-80px) translateY(0);
}

.section-quote {
    position: relative;
    display: flex;
}

.section-quote-container {
    width: 100%;
}

.section-quote-row {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.section-quote-col {
    position: absolute;
    width: 100%;
    height: 100%;
}

.section-quote-col-1 {
    left: 0;
    width: 20%;
    max-width: calc(var(--340) + var(--40) + var(--2) + var(--1));
    border-top-right-radius: var(--160);
    overflow: hidden;
    z-index: 3;
}

.section-quote-3 .section-quote-col-1 {
    background-color: var(--green);
    background-image: url(../img/bg.png);
    background-position: center;
    overflow: hidden;
}

.section-quote-3 .section-quote-col-1,
.section-quote-4 .section-quote-col-1 {
    width: 30%;
    max-width: calc(var(--551) - var(--12));
    border-top-right-radius: 0;
    z-index: 1;
}

.section-quote-4 .anim-lr {
    transform: translateX(-20px) translateY(0);
}

.section-quote-col-2 {
    position: relative;
    left: 0;
    width: 100%;
    padding-left: 20%;
    /*padding-left: calc(var(--340) + var(--40) + var(--2) + var(--1));*/
    margin: calc((var(--2) + var(--1)) * -1) 0;
    margin-right: 20%;
    /*margin-right: calc(var(--340) + var(--60));*/
    background-color: var(--green);
    border-top-right-radius: var(--160);
    overflow: hidden;
    border: 3px solid var(--light-green);
    z-index: 2;
}

.section-quote-3 .section-quote-col-2,
.section-quote-4 .section-quote-col-2 {
    border-top-right-radius: 0;
    border-top-left-radius: var(--160);
    margin-right: 0;
    margin-left: 20%;
    /*margin-left: calc(var(--340) + var(--60));*/
    padding-left: 0;
    padding-right: 20%;
    /*padding-right: calc(var(--340) + var(--40) + var(--2) + var(--1));*/
}

.section_dark .section-quote-col-2 {
    border-color: var(--dark-grey);
}

.section-quote-col-3 {
    right: 0;
    width: 30%;
    max-width: calc(var(--551) - var(--12));
    background-color: var(--green);
    background-image: url(../img/bg.png);
    background-position: center;
    overflow: hidden;
    z-index: 1;
}

.section-quote-3 .section-quote-col-3,
.section-quote-4 .section-quote-col-3 {
    width: 20%;
    max-width: calc(var(--340) + var(--40) + var(--2) + var(--1));
    border-top-right-radius: 0;
    border-top-left-radius: var(--160);
    z-index: 3;
}

.section-quote-col .img-box {
    height: 100%;
}

.section-quote-5 .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-quote-5 .img-box img {
    height: auto;
    width: auto;
}

.section-quote-col img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/*.section-quote-col-3 img {
    object-position: right;
}*/

/* --- */

/* ---------------------------------------------- MARGINS ---------------------------------------------- */

/* ---------------------------------------------- MEDIA ---------------------------------------------- */
@media (min-width:1920.02px){
:root{
---40: -2.08333334vw;
---30: -1.5625vw;
---24: -1.25vw;
---20: -1.04166667vw;
---16: -.83333334vw;
---12: -.625vw;
---10: -.52083334vw;
---8: -.41666667vw;
---4: -.20833334vw;
---2: -.10416667vw;
---1: -.05208334vw;
--1: .05208333vw;
--2: .10416666vw;
--4: .20833333vw;
--6: .3125vw;
--7: .36458333vw;
--8: .41666666vw;
--9: .46875vw;
--10: .52083333vw;
--12: .625vw;
--14: .72916666vw;
--16: .83333333vw;
--20: 1.04166666vw;
--22: 1.14583333vw;
--24: 1.25vw;
--28: 1.45833333vw;
--30: 1.5625vw;
--32: 1.66666666vw;
--36: 1.875vw;
--40: 2.08333333vw;
--48: 2.5vw;
--52: 2.70833333vw;
--60: 3.125vw;
--64: 3.33333333vw;
--72: 3.75vw;
--80: 4.16666666vw;
--84: 4.375vw;
--96: 5vw;
--109: 5.67708333vw;
--112: 5.83333333vw;
--120: 6.25vw;
--128: 6.66666666vw;
--135: 7.03125vw;
--150: 7.8125vw;
--160: 8.33333333vw;
--168: 8.75vw;
--184: 9.58333333vw;
--200: 10.41666666vw;
--218: 11.35416666vw;
--260: 13.54166666vw;
--272: 14.16666666vw;
--325: 16.92708333vw;
--340: 17.70833333vw;
--509: 26.51041666vw;
--551: 28.69791666vw;
--736: 38.33333333vw;
--1280: 66.66666666vw;
}
}

@media (max-width:1551px){
    justify-content-xxxl-end {
        justify-content: flex-end !important;
    }
}

/* 1440.98px */

@media (max-width:1550.98px){
    :root{
        ---40: -2.77777778vw;
        ---30: -2.08333334vw;
        ---24: -1.66666667vw;
        ---20: -1.38888889vw;
        ---16: -1.11111112vw;
        ---12: -.83333334vw;
        ---10: -.69444445vw;
        ---8: -.55555556vw;
        ---4: -.27777778vw;
        ---2: -.13888889vw;
        ---1: -.06944445vw;
        --1: .06944444vw;
        --2: .13888888vw;
        --4: .27777777vw;
        --6: .41666666vw;
        --7: .48611111vw;
        --8: .55555555vw;
        --9: .625vw;
        --10: .69444444vw;
        --12: .83333333vw;
        --14: .97222222vw;
        --16: 1.11111111vw;
        --20: 1.38888888vw;
        --22: 1.52777777vw;
        --24: 1.66666666vw;
        --28: 1.94444444vw;
        --30: 2.08333333vw;
        --32: 2.22222222vw;
        --36: 2.5vw;
        --40: 2.77777777vw;
        --48: 3.33333333vw;
        --52: 3.61111111vw;
        --60: 4.16666666vw;
        --64: 4.44444444vw;
        --72: 5vw;
        --80: 5.55555555vw;
        --84: 5.83333333vw;
        --96: 6.66666666vw;
        --109: 7.56944444vw;
        --112: 7.77777777vw;
        --120: 8.33333333vw;
        --128: 8.88888888vw;
        --135: 9.375vw;
        --150: 10.41666666vw;
        --160: 11.11111111vw;
        --168: 11.66666666vw;
        --184: 12.77777777vw;
        --200: 13.88888888vw;
        --218: 15.13888888vw;
        --260: 18.05555555vw;
        --272: 18.88888888vw;
        --325: 22.56944444vw;
        --340: 23.61111111vw;
        --509: 35.34722222vw;
        --551: 38.26388888vw;
        --736: 51.11111111vw;
        --1280: 88.88888888vw;
    }



    h2, .h2 {
        font-size: clamp(2.6875rem, 0.3125rem + 6.5972vw, 6.25rem);
        /*font-size: calc(var(--120) - var(--20));*/
        margin-bottom: calc(var(--72) - var(--2));
    }

    .section {
        padding: calc(var(--72) - var(--2)) 0;
    }

    .menu {
        height: calc(var(--48) + var(--2));
        max-width: calc(var(--1280) - var(--40));
        padding: 0 var(--24);
    }

    .trigger {
        height: var(--36);
        width: var(--36);
    }

    .trigger i {
        height: var(--2);
    }

    .logo {
        width: calc(var(--120) - var(--10));
    }

    .menu-content {
        padding: calc(var(--120) - var(--20)) calc(var(--109) - var(--9)) var(--40);
    }

    .menu-content ul {
        width: 100%;
        padding: 40px 0 40px 38px;
    }

    .menu-content ul:before {
        width: var(--72);
        border: 1px solid var(--white);
        left: 0;
        right: auto;
        border-left: 2px solid var(--white);
        border-right: 0;
        border-top-left-radius: var(--28);
        border-bottom-left-radius: var(--28);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .title {
        padding-bottom: var(--260);
    }

    .title-item-description {
        height: calc(var(--260) - var(--28));
        max-width: calc(var(--736) - var(--64) - (var(--2)));
        top: calc((var(--32) + var(--2) + var(--1)) * -1);
    }

    .title-item-description:before {
        height: calc(var(--168) + var(--4));
    }

    .title-arrow-container {
        bottom: calc(var(--64) * -1);
        width: var(--96);
        height: var(--96);
    }

    .title-arrow {
        /*bottom: calc(var(--64) * -1);*/
        width: var(--96);
        height: var(--96);
    }

    .title-item-description p {
        max-width: calc(var(--551) - var(--20));
        font-size: calc(var(--24) + var(--2));
    }

    .title-text p {
        font-size: var(--22);
        margin-bottom: var(--20);
        letter-spacing: normal;
    }

    /*.molekula {
        bottom: calc(calc(var(--96) + var(--72)) * -1);
    }*/

    .molekula-container svg {
        width: 118%;
    }

    .gap-70 {
        gap: calc(var(--52) - var(--2));
    }

    .certificate-block {
        padding: var(--96);
        padding-right: calc(var(--96) + var(--84));
        max-width: calc(var(--1280) - var(--260) - var(--10));
    }

    .certificate-5 {
        margin-bottom: calc(var(--60) + var(--10));
    }

    .certificate-5-list-item span {
        font-size: calc(var(--52) + var(--2));
    }

    /*.certificate-block {
        width: calc(var(--1280) - var(--260) - var(--10));
        height: calc(var(--340) + var(--40) + var(--4));
    }

    .certificate-block:before {
        width: calc(calc(var(--1280) - var(--260) - var(--10)) - var(--30) * 2);
        height: calc(var(--340) - var(--16));
    }

    .certificate-block:after {
        height: calc(var(--340) - var(--16));
    }*/

    .certificate-5 .certificate-block {
        padding: var(--80);
        padding-right: var(--80);
        max-width: calc(var(--1280) - var(--260) + var(--12) );
    }

    .certificate-5-text {
        font-size: calc(var(--20) - var(--2));
    }

    .certificate-5 .certificate-block:after {
        /*right: calc(var(--150) * -1);*/
        top: var(--72);
        right: 0;
        width: calc(var(--340) + var(--8));
        height: calc(var(--260) - var(--6));
    }

    .certificate-5 .certificate-block__wrapper {
        gap: var(--30);
    }

    .certificate-5-list {
        gap: calc(var(--24) - var(--4));
    }

    /*.certificate-block__wrapper {
        width: calc(var(--736) - var(--16) - var(--2));
    }*/

    .certificate-block__title {
        font-size: calc(var(--128) - var(--4));
    }

    .certificate-block__title_sm {
        font-size: var(--80);
    }

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

    .certificate-block_big {
        width: calc(var(--1280) - var(--260) - var(--10));
        height: calc(var(--340) + var(--272) + var(--24));
    }

    .certificate-block_big:before,
    .certificate-block_big:after {
        height: calc(calc(var(--340) + var(--272) + var(--24)) - var(--30) * 2);
    }


    .molekula-decor-title {
        top: calc(var(--109) * -1);
        right: -50%;
        max-height: calc(var(--509) - var(--96) - var(--2));
    }

    .molekula-decor-title_2 {
        top: calc(calc(var(--96) - var(--9)) * -1);
        right: -36%;
    }

    .molekula-decor-title_3 {
        top: 0;
        right: -43%;
    }

    .molekula-decor-title_4 {
        top: calc(calc(var(--84) - var(--9)) * -1);
        right: -45%;
    }

    .molekula-decor-title_6 {
        top: var(--64);
        right: -15%;
    }

    .content-container {
        padding-left: calc(var(--120) - var(--20));
        padding-right: calc(var(--120) - var(--20));
    }

    .img-container {
        max-width: calc(var(--736) - var(--24));
    }

    .img_right {
        border-top-left-radius: var(--160);
    }

    .img_left {
        border-top-right-radius: var(--160);
    }

    .img13 {
        max-width: calc(var(--340) + var(--28));
        max-height: calc(var(--340) + var(--12));
    }

    .years-block {
        border-top-left-radius: calc(var(--96) - var(--6));
    }

    .years-block:before {
        border-top-left-radius: var(--80);
    }

    .years-block-row > div:nth-of-type(1) {
        min-width: calc(var(--96) - var(--2));
        font-size: calc(var(--24) + var(--2));
    }

    .years-block-row > div:nth-of-type(2) {
        font-size: calc(var(--20) - var(--2));
    }

    /* .img {
        max-width: calc(var(--736) - var(--24));
    } */

    .text-wrapper {
        max-width: calc(var(--736) - var(--218) - var(--10));
    }

    .text-container {
        gap: var(--14);
    }

    .text {
        font-size: calc(var(--16) + var(--2));
    }

    .list-item {
        font-size: calc(var(--52) + var(--2));
    }

    .list {
        gap: var(--24);
    }

    .list-border {
        width: calc(var(--52) - var(--2));
    }

    .list_left {
        padding: var(--24) 0 var(--24) var(--24);
    }

    .list-border_left {
        border-top-left-radius: var(--28);
        border-bottom-left-radius: var(--28);
    }

    .list_right {
        padding: var(--24) var(--24) var(--24) 0;
    }

    .list-border_right{
        border-top-right-radius: var(--28);
        border-bottom-right-radius: var(--28);
    }

    .title-text {
        max-width: calc(var(--736) - var(--16) - var(--2));
    }

    .title-decor-1 {
        width: calc(var(--168) + var(--10));
        height: calc(var(--168) + var(--10));
    }

    .title-decor-2 {
        width: calc(var(--340) + var(--40));
        height: calc(var(--340) + var(--28));
    }

    .quote-block-text:before {
        top: var(--30);
        width: calc(var(--96) + var(--2));
        height: calc(var(--96) + var(--2));
    }

    .quote-block-text:after {
        bottom: var(--30);
        width: calc(var(--96) - var(--6));
        height: calc(var(--200) - var(--6));
    }

    .section_quote-right .quote-block-text:before,
    .section-quote-3 .quote-block-text:before,
    .section-quote-4 .quote-block-text:before {
        left: var(--48);
    }

    .section_quote-transparent .section_quote-transparent-wrapper {
        max-width: calc(var(--1280) - var(--40) - var(--4));
    }

    .section_quote-transparent .col-sm-2 {
        min-width: calc(var(--272) - var(--22));
    }

    .quote-block-text {
        padding: var(--60);
    }

    .quote-text {
        font-size: calc(var(--28) - var(--2));
    }

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

    .author p {
        font-size: var(--16);
    }

    .quote-block-text {
        border-top-right-radius: calc(var(--150) - var(--10));
    }

    .section_quote-right .quote-block-text {
        border-top-left-radius: calc(var(--150) - var(--10));
    }

    .section_quote .row > div:nth-of-type(1) img {
        border-top-right-radius: calc(var(--150) - var(--10));
    }

    .quote-title {
        font-size: var(--80);
    }

    .decor-img:after {
        bottom: calc(calc(var(--736) - var(--36)) * -1);
        left: 40%;
        z-index: 2;
    }

    .section_quote-transparent-wrapper:before {
        border-top-right-radius: calc(var(--150) - var(--10));
    }

    .section_mol-bg:before {
        max-width: calc(var(--736) - var(--8));
        max-height: calc(var(--551) - var(--135) - var(--6));
    }

    .footer {
        padding: calc(var(--72) - var(--2));
    }

    /* !-quote */

    .section-quote-col-1 {
        width: calc(var(--260) + var(--30));
        border-top-right-radius: calc(var(--150) - var(--10));
    }

    .section-quote-3 .section-quote-col-1,
    .section-quote-4 .section-quote-col-1 {
        width: calc(var(--200) + var(--150));
    }

    .section-quote-col-2 {
        padding-left: calc(var(--260) + var(--30));
        margin-right: calc(var(--200) + var(--10));
        border-top-right-radius: calc(var(--150) - var(--10));
    }

    .section-quote-3 .section-quote-col-2,
    .section-quote-4 .section-quote-col-2 {
        border-top-left-radius: calc(var(--150) - var(--10));
        margin-left: calc(var(--200) + var(--10));
        padding-right: calc(var(--260) + var(--30));
    }

    .section-quote-col-3 {
        width: calc(var(--200) + var(--150));
    }

    .section-quote-3 .section-quote-col-3,
    .section-quote-4 .section-quote-col-3 {
        width: calc(var(--260) + var(--30));
    }

    .section-quote-5 .img-box img {
        /*height: auto;*/
        width: 100%;
    }

    .years-block-col {
        gap: var(--20);
    }
}

@media (max-width: 1920px) and (max-height: 751px) {
    .menu-content ul li {
        margin-bottom: var(--24);
    }

    .menu-content ul li a {
        font-size: calc(var(--36) + var(--2));
    }
}

@media (max-width: 1920px) and (max-height: 735px) {
    .menu-content ul li {
        margin-bottom: var(--22);
    }

    .menu-content ul li a {
        font-size: var(--36);
    }
}

@media (max-width: 1920px) and (max-height: 722px) {
    .menu-content ul li {
        margin-bottom: var(--20);
    }

    .menu-content ul li a {
        font-size: calc(var(--36) - var(--2));
    }
}

@media (max-width: 1920px) and (max-height: 705px) {
    .menu-content ul li {
        margin-bottom: calc(var(--20) - var(--2));
    }

    .menu-content ul li a {
        font-size: var(--32);
    }
}

@media (min-width:577px) and (max-width:1441px) {
    .img-list-wrapper .list-wrapper {
        margin-right: auto;
        margin-left: var(--72);
    }

    .img-list-wrapper_left .list-wrapper {
        margin-left: auto;
        margin-right: var(--72);
    }

    .img-list-wrapper {
        gap: calc(var(--48) + var(--2));
    }
}

@media (max-width:1279.98px){
:root{
---40: -3.125vw;
---30: -2.34375vw;
---24: -1.875vw;
---20: -1.5625vw;
---16: -1.25vw;
---12: -.9375vw;
---10: -.78125vw;
---8: -.625vw;
---4: -.3125vw;
---2: -.15625vw;
---1: -.078125vw;
--1: .078125vw;
--2: .15625vw;
--4: .3125vw;
--6: .46875vw;
--7: .546875vw;
--8: .625vw;
--9: .703125vw;
--10: .78125vw;
--12: .9375vw;
--14: 1.09375vw;
--16: 1.25vw;
--20: 1.5625vw;
--22: 1.71875vw;
--24: 1.875vw;
--28: 2.1875vw;
--30: 2.34375vw;
--32: 2.5vw;
--36: 2.8125vw;
--40: 3.125vw;
--48: 3.75vw;
--52: 4.0625vw;
--60: 4.6875vw;
--64: 5vw;
--72: 5.625vw;
--80: 6.25vw;
--84: 6.5625vw;
--96: 7.5vw;
--109: 8.515625vw;
--112: 8.75vw;
--120: 9.375vw;
--128: 10vw;
--135: 10.546875vw;
--150: 11.71875vw;
--160: 12.5vw;
--168: 13.125vw;
--184: 14.375vw;
--200: 15.625vw;
--218: 17.03125vw;
--260: 20.3125vw;
--272: 21.25vw;
--325: 25.390625vw;
--340: 26.5625vw;
--509: 39.765625vw;
--551: 43.046875vw;
--736: 57.5vw;
--1280: 100vw;
}

h2, .h2 {
    font-size: var(--96);
    margin-bottom: var(--60);
}

.years-block-wrapper {
    gap: calc(var(--64) + var(--6));
}

.title-decor-1 {
    width: calc(calc(var(--168) + var(--10)) - var(--24));
    height: calc(calc(var(--168) + var(--10)) - var(--24));
}

.title-decor-2 {
    width: calc(calc(var(--340) + var(--40)) - var(--72));
    height: calc(calc(var(--340) + var(--28)) - var(--72));
}

.img-list-wrapper .list-wrapper {
    margin-right: auto;
    margin-left: 0;
}

.img-list-wrapper_left .list-wrapper {
    margin-left: auto;
    margin-right: 0;
}
}

@media (max-width:575.98px){
:root{
---40: -10.66666667vw;
---30: -8vw;
---24: -6.4vw;
---20: -5.33333334vw;
---16: -4.26666667vw;
---12: -3.2vw;
---10: -2.66666667vw;
---8: -2.13333334vw;
---4: -1.06666667vw;
---2: -.53333334vw;
---1: -.26666667vw;
--1: .26666666vw;
--2: .53333333vw;
--4: 1.06666666vw;
--6: 1.6vw;
--7: 1.86666666vw;
--8: 2.13333333vw;
--9: 2.4vw;
--10: 2.66666666vw;
--12: 3.2vw;
--14: 3.73333333vw;
--16: 4.26666666vw;
--20: 5.33333333vw;
--22: 5.86666666vw;
--24: 6.4vw;
--28: 7.46666666vw;
--30: 8vw;
--32: 8.53333333vw;
--36: 9.6vw;
--40: 10.66666666vw;
--48: 12.8vw;
--52: 13.86666666vw;
--60: 16vw;
--64: 17.06666666vw;
--72: 19.2vw;
--80: 21.33333333vw;
--84: 22.4vw;
--96: 25.6vw;
--109: 29.06666666vw;
--112: 29.86666666vw;
--120: 32vw;
--128: 34.13333333vw;
--135: 36vw;
--150: 40vw;
--160: 42.66666666vw;
--168: 44.8vw;
--184: 49.06666666vw;
--200: 53.33333333vw;
--218: 58.13333333vw;
--260: 69.33333333vw;
--272: 72.53333333vw;
--325: 86.66666666vw;
--340: 90.66666666vw;
--509: 135.73333333vw;
--551: 146.93333333vw;
--736: 196.26666666vw;
--1280: 341.33333333vw;
}

/* .row>* {
    padding: 0;
} */

body{font-size:var(--14);}

h2, .h2 {
    font-size: calc(var(--40) + var(--2) + var(--1));
    margin-top: 40px;
    margin-bottom: 40px;
}

.section {
    padding: 40px 0;
}

.section-game {
    padding: 40px;
}

.section_quote {
    padding: 0;
}

.content-container {
    /* padding-left: var(--14);
    padding-right: var(--14); */
    padding: 0;
}

.header-inner {
    padding-top: 14px;
}

.header-inner .content-container {
    padding: 0 14px;
}

.menu {
    height: var(--40);
    padding: var(--6) var(--14);
}

.logo {
    width: calc(var(--84) + var(--2));
}

.burger {
    width: calc(var(--16) + var(--2));
    height: calc(var(--16) + var(--2));
}
/*
.burger span {
    height: 1px;
    width: 18px;
} */

.menu-content {
    padding: 74px 14px 14px;
}

.menu-content ul {
    width: 100%;
    padding: 16px 0 12px 12px;
}

.menu-content ul:before {
    width: 34px;
    border: 1px solid var(--white);
    left: 0;
    right: auto;
    border-left: 1px solid var(--white);
    border-right: 0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.menu-content ul li {
    margin-bottom: 19px;
}

.menu-content ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 6px 26px;
    font-size: 26px;
    border-radius: 6px;
}


.trigger i {
    height: 1px;
}

.title {
    padding: 106px 0 150px;
}

.title .content-container {
    padding: 0 14px;
}

.title-item-description {
    height: 210px;
    border-top-left-radius: 70px;
}

.title-item-description:before {
    height: 170px;
    width: calc(100% - 40px);
    border-top-left-radius: 60px;
}

.title-item-description p {
    font-size: calc(var(--16) + var(--2));
}

.title-arrow-container {
    width: 61px;
    height: 61px;
    bottom: -40px;
}

.title-arrow {
    width: 61px;
    height: 61px;
    /*bottom: -40px;*/
}

.molekula {
    bottom: 0;
    height: 220px;
    background-position-x: center;
}

.molekula-container svg {
    width: 210%;
}

.title-text p {
    font-size: var(--16);
    line-height: 1.2;
}

.title-decor-1 {
    display: none;
}

.title-decor-2 {
    bottom: 0;
    right: -70px;
    width: 245px;
    height: 238px;
    background-size: cover;
    opacity: 0.4;
}

.list {
    gap: 24px;
}

.list-border_left,
.list-border_right {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.list-border{
    border-width: 3px;
    width: 32px;
}

.list_left,
.list_right {
    padding: 17px 0 17px 18px;
}

.list_right {
    text-align: left;
}

.list-border_right {
    right: auto;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 3px solid var(--pink);
    border-right: 0;
}

.list-item {
    font-size: calc(var(--40) - var(--1));
}

.molekula-decor-title {
    top: -50px;
    right: -40%;
    max-height: var(--168);
}

.molekula-decor-title_2 {
    top: -40px;
    right: -30%;
}

.molekula-decor-title_3 {
    top: 0;
    right: -15%;
}

.molekula-decor-title_4 {
    top: var(---10);
    right: -30%;
}

.molekula-decor-title_6 {
    top: var(--10);
    right: -8%;
}

.text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.text-container {
    gap: var(--12);
}

.text {
    position: relative;
    font-size: var(--16);
    z-index: 10;
}

.gap-70 {
    gap: 30px
}

.trigger i:first-child{transform:translateY(700%);}
.trigger i:last-child{transform:translateY(-700%);}

#i2 .content-container {
    z-index: 2;
}

.row-2_mr {
    flex-direction: column-reverse;
    gap: 30px;
}

.row-2_ml {
    gap: 30px;
}

.pt-mob-0 {
    padding-top: 0;
}

.pb-mob-0 {
    padding-bottom: 0;
}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}

.img_right {
    border-top-left-radius: 90px;
    right: 0;
    width: calc(100% + 14px);
}

.img_left {
    border-top-right-radius: 90px;
    /*left: -14px;*/
    width: calc(100% + 14px);
}

.img_sm-left {
    border-top-right-radius: 90px;
    border-top-left-radius: 0;
    left: -14px;
}

.certificate {
    margin: 50px 0;
}

.certificate-block {
    width: 100%;
    /*height: 350px;*/
    padding: calc(var(--48) + 40px) var(--36) var(--48);
    border-top-left-radius: 70px;
}

.certificate-block:before {
    inset: 18px;
    /*height: 318px;*/
    width: auto;
    border-top-left-radius: 60px;
}

.certificate-block:after {
    top: 18px;
    right: 18px;
    left: 23px;
    bottom: auto;
    justify-content: flex-end;
    padding-right: 10px;
    height: 40px;
    width: auto;
    font-size: 16px;
    writing-mode: horizontal-tb;
    border: none;
    border-bottom: 2px solid #C0C0C0;;
}

.certificate-block__wrapper {
    /*padding-top: 40px;
    width: calc(100% - (18px * 2) - (24px * 2));*/
    margin-right: 0;
}

.certificate-block__title {
    font-size: var(--52);
    /*text-align: right;*/
    -webkit-text-stroke: 1px var(--dark-grey);
}

.certificate-block__text {
    font-size: calc(var(--16) + var(--1));
    line-height: 1.2;
    font-weight: 400;
}

.img13 {
    max-width: calc(var(--272) + var(--16) + var(--2));
    max-height: calc(var(--272) + var(--4));
}

.section_quote .step-1.sm-top {
    z-index: 1;
    transform: translate3d(0px, -120px, 0px);
}

.section_quote .step-1.sm-top-stop {
    z-index: 1;
    transform: translate3d(0px, 0px, 0px)!important;
}

.section_quote .step-3.sm-top {
    z-index: 1;
    transform: translate3d(0px, 80px, 0px);
}

.col-md-5 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quote-block-text {
    gap: 14px;
    margin: 0;
    padding: 40px 12px;
    /*border-top-right-radius: 80px;*/
    /*border-left: 3px solid var(--light-green);*/
    /*border-bottom: 0;*/
}

.quote-text {
    font-size: calc(var(--16) + var(--2));
}

.sq-col-rev {
    margin: 0;
    flex-direction: column-reverse;
}

.section_quote .img-box {
    margin-left: auto;
}

.section_quote-1 .content-container {
   border-top-left-radius: 80px;
}

.section_quote-2 .content-container {
    border-top-right-radius: 80px;
}

.section_quote-3 .content-container {
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
}

.section_quote-2 .quote-block-text {
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
}

.section_quote-3 .quote-block-text {
    border-top-right-radius: 80px;
    border-top-left-radius: 0;
    border-right: 3px solid var(--dark-grey);
}

.section_quote-3 .row > div:nth-of-type(3) img {
    border-top-right-radius: 80px;
    border-top-left-radius: 0;
    margin-bottom: -2px;
    transform: translate3d(-80px, 80px, 0px);
}

.section_quote .col-md-2 {
    border: 3px solid var(--light-green);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

.section_dark.section_quote-3 .col-md-2 {
    border-color: var(--dark-grey);
}

.section_quote .col-md-3 {
    height: 155px;
}

.section_quote .img-box {
    height: 250px;
}

.section_quote .img-box img {
    /* top: -20px; */
    display: flex;
    margin-left: auto;
    width: auto;
}

.section_quote .row > div:nth-of-type(1) img {
    border-top-right-radius: 80px;
    margin-bottom: -2px;
}

.section_quote-transparent-2 .row > div:nth-of-type(1) img {
    border-top-right-radius: 0;
}

.section_quote-transparent.section_quote-transparent_right .section_quote-transparent-wrapper > div:nth-of-type(2) img {
    border-top-left-radius: 80px;
}

.section_quote-2 .row > div:nth-of-type(1) img {
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
    margin-bottom: -2px;
    transform: translateX(120px);
}

.section_quote-2 .row > div:nth-of-type(1) img.sm-top {
    transform: translate3d(0px, 120px, 0px);
}

.quote-block-text:before {
    top: var(--12);
    left: 12px!important;
    width: 63px;
    height: 63px;
}

.quote-block-text:after {
    width: 69px;
    height: 148px;
    right: 12px!important;
    bottom: var(--12);
}

.section_quote img {
    position: relative;
    height: auto;
    width: 100%;
}

.author span {
    font-size: var(--16);
}

.author p {
    font-size: calc(var(--12) + var(--1));
}

.quote-title {
    font-size: var(--60);
}

.section_quote-transparent .row {
    width: 100%;
    margin: 0;
    padding-right: 14px;
}

.section_quote-transparent .content-container {
    padding-right: 0;
}

.section_quote-transparent.section_quote-transparent_right .content-container {
    padding-left: 0;
}

.section_quote-transparent .quote-block-text {
    border-left: 0;
    border-bottom: 3px solid var(--green);
}

.section_quote-transparent img {
    height: 280px;
    margin: 0 -16px;
    width: calc(100% + 26px);
    border-top-right-radius: 80px;
}

.section_quote-transparent-2 .row {
    padding-left: 14px;
    padding-right: 0;
}

.section_quote-transparent-wrapper:before {
    width: 100%;
    border: 2px solid var(--green);
    border-left: none;
    border-top-right-radius: 80px;
}

.section_quote-transparent.section_quote-transparent_right  .section_quote-transparent-wrapper:before,
.section_quote-transparent-2 .section_quote-transparent-wrapper:before {
    border: 2px solid var(--green);
    border-right: none;
    border-top-left-radius: 80px;
    border-top-right-radius: 0;
}

/*.section_quote-transparent-2 .quote-block-text {
    border-left: 3px solid var(--green);
    border-right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
}*/

.section_quote-transparent-2 .quote-title {
    text-align: right;
}

.section_quote-transparent-2 img {
    margin: 0 -12px;
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
}

.section_quote-2 .col-md-3 {
    height: 220px;
}

.section_quote-2 .img-box img {
    width: 100%;
}

.certificate-block__title_sm div {
    font-size: 33px;
    letter-spacing: 1px;
    line-height: 1;
}

.certificate-block__title_sm div.fs-sm {
    font-size: 40px;
    line-height: 1.1;
}

.certificate-block__title_sm b {
    display: none;
}

.certificate-block_mid .certificate-block__title_sm div {
    font-size: 42px;
}

.title-item-description {
    padding: 52px 56px;
}

.years-block {
    border-top-left-radius: 0;
    border-top-right-radius: 80px;
    padding: 50px 30px;
}

.years-block:before {
    inset: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 70px;
}

.years-block:after {
    display: none;
    top: 50%;
    bottom: auto;
    width: 205px;
    border-top: 2px solid #C0C0C0;
    transform: translate(-50%,-50%);
}

.years-block-wrapper {
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.years-block-row {
    gap: 10px;
}

.years-block-col {
    gap: 12px;
    width: 100%;
}

.years-block-row > div:nth-of-type(1) {
    font-size: 18px;
    min-width: 66px;
}

.years-block-row > div:nth-of-type(2) {
    font-size: 14px;
}

.years-block-row--sm-divider:after {
    content: "";
    display: block;
    width: 205px;
    height: 2px;
    margin: 30px auto;
    background-color: #C0C0C0;
}

.row {
    margin: 0;
}

.footer {
    padding: 64px 14px;
}

.footer-text div:nth-of-type(1) {
    font-size: 14px;
    margin-bottom: 10px;
}

.footer-text div:nth-of-type(2) {
    font-size: 14px;
    margin-bottom: 30px;
}

.footer-text div:nth-of-type(3) {
    font-size: 12px;
}

.decor-img:after {
    width: 170px;
    height: 294px;
    bottom: -50px;
    left: auto;
    right: -150px;
    opacity: 0.5;
    z-index: 1;
}

.certificate-block__title_sm {
    display: flex;
    flex-direction: column;
    line-height: normal;
    text-align: right;
}

.certificate-block__title_sm span {
    font-size: 28px;
    line-height: 1;
}

.certificate-block_big {
    height: 698px;
}

.certificate-block_big:before {
    height: 654px;
}

.certificate-block_big .certificate-block__wrapper {
    padding-top: 0;
}

.certificate-block_mid {
    height: 498px;
}

.certificate-block_mid:before {
    height: 466px;
}

.section_mol-bg:before {
    top: -20px;
    width: 711px;
    height: 167px;
    max-width: 100%;
    max-height: 100%;
    background-size: contain;
    background-position: right;
}

.certificate-5 {
    margin-bottom: 34px;
}

.certificate-5 .certificate-block {
    width: 100%;
    height: 446px;
    padding: var(--36);
    border-top-left-radius: 70px;
}

.certificate-5 .certificate-block:before {
    height: 414px;
    width: calc(100% - 36px);
    border-top-left-radius: 60px
}

.certificate-5 .certificate-block:after {
    top: 50%;
    left: auto;
    right: 0;
    width: 130px;
    height: 165px;
    background-image: url('../img/s5-decor-mob.svg');
    transform: translateY(-50%);
    z-index: 0;
}

.certificate-5 .certificate-block__wrapper {
    padding-top: 0;
    width: calc(100% - (18px * 2));
    gap: 18px;
    z-index: 1;
}

.certificate-5-list {
    gap: 18px;
}

.certificate-5-text {
    font-size: 14px;
    font-weight: 400;
}

.certificate-5-number {
    width: 28px;
}

.certificate-5-list-item {
    margin-left: 0!important;
}

.certificate-5-list-item span {
    font-size: 34px;
}

.certificate-5-list-item span:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    font-size: 24px;
}

.certificate-5-list-item span:nth-of-type(2) span {
    font-size: 34px;
}

.section-years {
    padding: 40px 14px 0;
}

.years-block {
    margin-bottom: var(--80);
}

.footer-bg {
    top: -20px;
    height: 174px;
    background-image: url('../img/footer-bg-mob.png');
}

/* !-quote */

.anim-sm-rl {
    transform: translateX(80px) translateY(0);
}

.anim-sm-bt {
    transform: translateX(0) translateY(80px);
}

.section-quote-2 .anim-sm-bt {
    transform: translateX(0) translateY(0);
}

.section-quote-4 .anim-sm-bt {
    transform: translateX(0) translateY(0);
}

.section-quote-5 .section-quote-col-3 .anim-sm-bt {
    transform: translateX(0) translateY(80px);
}

.section-quote-row {
    flex-direction: column-reverse;
}

.section-quote-row::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 3px;
    height: 50%;
    background-color: var(--light-green);
    z-index: 10;
}

.section-quote-1 .section-quote-row::before,
.section-quote-5 .section-quote-row::before {
    left: 0;
}

.section-quote-2 .section-quote-row::before,
.section-quote-3 .section-quote-row::before,
.section-quote-4 .section-quote-row::before {
    right: 0;
}

.section-quote-3 .section-quote-row::before,
.section-quote-4 .section-quote-row::before,
.section-quote-5 .section-quote-row::before {
    background-color: var(--dark-grey);
}

.section-quote-3 .section-quote-row,
.section-quote-4 .section-quote-row {
    flex-direction: column;
}

.section-quote-col,
.section-quote-3 .section-quote-col,
.section-quote-4 .section-quote-col{
    width: 100%;
}

.section-quote-col-1 {
    bottom: 0;
    left: -3px;
    height: 300px;
    border-top-right-radius: 80px;
}

.section-quote-3 .section-quote-col-1,
.section-quote-4 .section-quote-col-1 {
    left: 3px;
}

.section-quote-3 .section-quote-row,
.section-quote-4 .section-quote-row {
    flex-direction: column;
}

.section-quote-2 .section-quote-col-1 {
    left: 3px;
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
}

.section-quote-3 .section-quote-col-1,
.section-quote-4 .section-quote-col-1 {
    top: 0;
    bottom: auto;
    height: 250px;
    border-top-left-radius: 80px;
}

.section-quote-col-2 {
    padding-left: 0;
    margin-right: 0;
    padding-bottom: 300px;
    margin-top: 185px;
    border-top-right-radius: 40px;
}

.section-quote-3 .section-quote-col-2,
.section-quote-4 .section-quote-col-2 {
    margin-left: 0;
    padding-right: 0;
    border-top-right-radius: 40px;
    border-top-left-radius: 0;
}

.section-quote-2 .section-quote-col-2 {
    border-top-right-radius: 0;
    border-top-left-radius: 40px;
}

.section-quote-col-3 {
    top: 0;
    left: 0;
    height: 250px;
    margin-left: 3px;
    border-top-left-radius: 80px;
    margin-bottom: -1px;
}

.section-quote-2 .section-quote-col-3 {
    border-top-right-radius: 80px;
    border-top-left-radius: 0;
}

.section-quote-3 .section-quote-col-3,
.section-quote-4 .section-quote-col-3 {
    top: auto;
    bottom: 0;
    height: 300px;
    border-top-left-radius: 80px;
}

.section-quote-5 .img-box img {
    height: 100%;
    width: 100%;
}

.section-quote-col img {
    object-position: top center;
}

}

@media (min-width:599.98px) {
    .row-2_ml {
        margin-left: calc(calc(var(--120) + calc(var(--bs-gutter-x) * .5)) * -1);
    }

    .row-2_mr {
        margin-right: calc(calc(var(--120) + calc(var(--bs-gutter-x) * .5)) * -1);
    }

    /* .row-2 > div:nth-of-type(1) {
        padding-right: var(--80);
    }

    .row-2 > div:nth-of-type(2) {
        padding-left: var(--80);
    } */


}