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

:root {
	
--basic-white: #fff; /* белый */

--basic-total-black: #0A0A0A; /* черный */
--basic-black: #343434; /* темный */
--basic-grey: #9B9B9B; /* темный */

--basic-violet: #C6A0F7; /* фиолетовый */
--basic-green: #D3FDB1; /* зеленый */
--basic-olive: #362c00; /* оливковый */

--basic-gradient: linear-gradient(90deg, rgba(149,64,255,1) 0%, rgba(164,85,255,1) 50%, rgba(149,64,255,1) 100%);

--transitionLong: all 1.2s cubic-bezier(.19,1,.22,1); /* transition долгий */
--transition: all .6s cubic-bezier(.19,1,.22,1); /* transition */

}

html,
input,
textarea {}

html,
input,
textarea,
select,
p,
.__p {
    position: relative;
    font-family: 'platform', Tahoma, Calibri;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: var(--basic-white);
}

html,
input,
textarea,
select,
p {
    color: var(--basic-blue);
}

body {
    position: relative;
    text-align: left;
    margin: 0 auto;
    color: var(--basic-white);
    background: var(--basic-total-black);
    -webkit-font-smoothing: antialiased;
    min-width: 980px;
    overflow-x: hidden;
}

@media screen and (max-width: 920px) {
		
	body {
		min-width:320px;
	}	
	
}

/*body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--basic-green);
    opacity: 0;
    transition: var(--transition);
}

body.show-menu:before {
    opacity: .64;
    transition: var(--transition);
    z-index: 998;
}*/

::selection {
    color: var(--basic-violet);
    background-color: var(--basic-green);
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: var(--basic-total-black);
}

::-webkit-scrollbar-thumb {
    background: var(--basic-violet);
}

a,
input,
select,
textarea {
    outline: none !important;
}

img {
    vertical-align: top;
}

iframe {
    border: none;
    vertical-align: top;
}

ul,
ol {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}




/*** ------------ headings, text ------------ ***/

h1, .__h1,
h2, .__h2,
h3, .__h3,
h4, .__h4,
h5, .__h5,
.text__title {
    position: relative;
    font-family: 'platform';
    color: var(--basic-white);
    font-weight: 400;
    margin: 0 0 40px;
}

* + h1, * + .__h1,
* + h2, * + .__h2,
* + h3, * + .__h3,
* + h4, * + .__h4,
* + h5, * + .__h5,
* + .text__title {
    margin-top: 48px;
}

.text__title:last-child {
    margin-bottom: 0;
}

h1,
.__h1 {
    font-size: 64px;
    line-height: 72px;
}

h2,
.__h2 {
    font-size: 48px;
    line-height: 56px;
}

h3,
.__h3 {
    font-size: 40px;
    line-height: 48px;
}

h4,
.__h4 {
    font-size: 32px;
    line-height: 40px;
}

h5,
.__h5 {
    font-size: 24px;
    line-height: 32px;
}

p,
.__p {
    margin: 0;
}

p + p,
.__p + .__p,
* + ul.ul__list,
ul.ul__list + p,
ul.ul__list li + li {
    margin-top: 12px;
}

.text__big {
    font-size: 20px;
    line-height: 28px;
}

.text__big + *  {
    margin-top: 16px;
}

* + .text__big  {
    margin-top: 48px;
}

.text__small {
    font-size: 14px;
    line-height: 20px;
}

.text__extra-small {
    font-size: 12px;
    line-height: 16px;
}

.text__uppercase {
    text-transform: uppercase;
}

.text__lowercase {
    text-transform: lowercase;
}

.text__center {
    text-align: center;
}

.text__indent-64 {
    text-indent: 64px;
}

.text__indent-96 {
    text-indent: 96px;
}

.text__indent-128 {
    text-indent: 128px;
}

.text__mt-0 {
    margin-top: 0 !important;
}

.text__mt {
    margin-top: 32px !important;
}

.text__mt-big {
    margin-top: 48px !important;
}

.text__mt-extrabig  {
    margin-top: 64px !important;
}

.text__color-black {
    color: var(--basic-black);
}

.text__color-grey {
    color: var(--basic-grey);
}

.text__color-green {
    color: var(--basic-green);
}

.text__color-violet {
    color: var(--basic-violet);
}

.text__color-white {
    color: var(--basic-white);
}

.__green-shadow {
    text-shadow: 0 0 24px var(--basic-green);
}

.__violet-shadow {
    text-shadow: 0 0 24px var(--basic-violet);
}

.text__width-75 {
    max-width: 75%;
}

.text__width-66 {
    max-width: 66%;
}

.text__width-50 {
    max-width: 50%;
}

.text__light {
    font-weight: 300;
}

.text__normal {
    font-weight: 400;
}

.text__bold,
b,
strong {
    font-weight: 500;
}

.text__extra-bold {
    font-weight: 700;
}

.text__opacity,
.opacity {
    opacity: .4;
}

.text__italic,
i {
    font-style: italic;
}

ul,
ol {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.ul__list li {
    position: relative;
    padding-left: 16px;
}

ul.ul__list li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--basic-violet);
    z-index: 12;
}

ul.ul__list.__h5 li:before {
    top: 13px;
}

.bg__black ul.ul__list li:before {
    background: var(--basic-white);
}

ul.ul__list.text__small li:before {
    top: 8px;
}

img.img__wrap, 
img.img__contain {
    height: 100%;
    -o-object-position: center;
    object-position: center;
}

img.img__wrap {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

img.img__contain {
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.__mobile {
    display: none !important;
}

.icon__no-cloudzen,
.icon__with-cloudzen {
    padding-left: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

.icon__no-cloudzen:before,
.icon__with-cloudzen:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    z-index: 1;
}

.icon__no-cloudzen:before {
    background: url('../images/icons/icons__all/icon__cancel.svg') center no-repeat transparent;
    background-size: contain;
}

.icon__with-cloudzen:before {
    background: url('../images/icons/icons__all/icon__check.svg') center no-repeat transparent;
    background-size: contain;
}

@media screen and (max-width: 920px) {
             
    h1, .__h1,
    h2, .__h2,
    h3, .__h3,
    h4, .__h4,
    h5, .__h5,
    .text__title {
        margin: 0 0 24px;
    }
 
    h1,
    .__h1 {
        font-size: 36px;
        line-height: 42px;
    }
    
    h2,
    .__h2 {
        font-size: 32px;
        line-height: 40px;
    }
    
    h3,
    .__h3 {
        font-size: 28px;
        line-height: 36px;
    }
    
    h4,
    .__h4 {
        font-size: 24px;
        line-height: 32px;
    }
    
    h5,
    .__h5 {
        font-size: 20px;
        line-height: 28px;
    }
  
    .text__width-75,
    .text__width-66,
    .text__width-50 {
        max-width: 100%;
    }
        
    .__desktop {
        display: none !important;
    }

    .__mobile {
        display: block !important;
        width: fit-content;
    }
    
}

/*** ------------ end.headings, text ------------ ***/



/*** ------------ clear ------------ ***/

header:after,
.wrap:not(.d-flex):after,
.container:not(.d-flex):after,
ul:after,
ol:after,
form:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}

*:first-child {
    margin-top: 0;
}

*:last-child {
    margin-bottom: 0;
}

/*** ------------ end.clear ------------ ***/



/*** ------------ links ------------ ***/

a {
    position: relative;
    color: var(--basic-white);
}

a,
a:hover {
    text-decoration: none !important;
    transition: var(--transition);
}

.link__scroll-location {
    position: absolute;
    top: 0px;
}

    /*** ------------ link__button ------------ ***/

.link__button {
    position: relative;
    display: block;
    width: fit-content;
    font-weight: 400;
    padding: 16px 48px;
    overflow: hidden;
    border-radius: 40px;
}

.link__button.__white:not(:hover) {
    color: var(--basic-black);
}

*:not(.link__button) + .link__button {
    margin-top: 48px;
}

.link__button > span {
    position: relative;
    display: block;
    z-index: 23;
}

.link__button:before,
.link__button:after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
    transition: var(--transitionLong);
}

.link__button.__bg:before {
    background: linear-gradient(90deg, rgba(149,64,255,1) 0%, rgba(164,85,255,1) 50%, rgba(149,64,255,1) 100%);
}

.link__button.__bg.__white:before {
    background: var(--basic-white);
}

.link__button.__bg:hover {
    box-shadow: 0 0 16px rgba(149,64,255,.32);
}

.link__button.__border:before {
    background: 
    linear-gradient(
        var(--basic-total-black),
        var(--basic-total-black)
    ) padding-box,
    var(--basic-gradient) border-box;
    border: 2px solid transparent;
    border-radius: 40px;
}

.link__button::after {
    z-index: 10;
}

.link__button:after {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    opacity: 0;
}

.link__button.__bg:after {
    background: linear-gradient(90deg, rgba(149,64,255,1) 0%, rgba(198,160,247,1) 50%, rgba(149,64,255,1) 100%);
}

.link__button.__border:after {
    background: linear-gradient(90deg, rgba(149,64,255,0) 0%, rgba(164,85,255,1) 50%, rgba(149,64,255,0) 100%);
}

.link__button:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: var(--transitionLong);
}

@media screen and (max-width: 920px) {
           
    .link__button {
        padding: 16px 24px;
    }

}

    /*** ------------ links__wrap ------------ ***/

.links__wrap {
    position: relative;
    width: fit-content;
}

* + .links__wrap {
    margin-top: 48px;
}

.links__wrap > *:first-child {
    margin-left: auto;
}

.links__wrap > *:last-child {
    margin-right: auto;
}

.links__wrap > * + * {
    margin-left: 32px;
}

/*** ------------ end.links ------------ ***/



/*** ------------ form ------------ ***/

form,
button,
submit {}

input,
button,
submit,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="text"],
input[type="password"],
input[type="submit"],
textarea {
    position: relative;
    display: inline-block;
    border: 0;
}

textarea {
    width: 100%;
}

input[type="submit"] {
    width: auto;
    color: var(--basic-blue);
    background: var(--basic-yellow);
    box-shadow: var(--basic-yellow) 1px 0 8px;
    transition: var(--transition);
}

input[type="submit"]:hover {
    color: var(--basic-blue);
    transition: var(--transition);
}

textarea {
    min-width: 100%;
    max-width: 100%;
    height: 112px;
    min-height: 112px;
    max-height: 112px;
}

input + input,
input + textarea,
textarea + input {
    margin-top: 8px;
}

::-webkit-input-placeholder {color: var(--basic-blue);}
::-moz-placeholder          {color: var(--basic-blue);}
:-moz-placeholder           {color: var(--basic-blue);}
:-ms-input-placeholder      {color: var(--basic-blue);}

form + p {
    margin-top: 24px;
}

/*** ------------ end.form ------------ ***/



/*** ------------ wrap ------------ ***/

.wrap {
    position: relative;
    display: block;
    width: 100%;
}

.container {
    position: relative;
    display: block;
    max-width: 1336px;
    width: calc(100% - 128px);
    padding: 0 16px;
    margin: auto;
}

.__none {
    display: none !important;
}

@media screen and (max-width: 920px) {
			
	.container {
		width: 100%;
	}

}

/*** ------------ end.wrap ------------ ***/



/*** ------------ flex ------------ ***/

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.fw-nowrap {
    flex-wrap: nowrap;
}

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

.fd-row-reverse {
    flex-direction: row-reverse;
}

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

.jc-space-between {
    justify-content: space-between;
}

.jc-center {
    justify-content: center;
}

.ai-center {
    align-items: center;
}

.ai-baseline {
    align-items: baseline;
}

.__auto-top {
    margin-top: auto;
}

.__auto-right {
    margin-right: auto;
}

.__auto-bottom {
    margin-bottom: auto;
}

.__auto-left {
    margin-left: auto;
}

.__h-100 {
    height: 100%;
}

/*** ------------ end.flex ------------ ***/



/*** ------------ content ------------ ***/

main,
#wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
}

#content__wrap {
    position: relative;
    width: 100%;
    min-height: calc(100% - 432px);
    z-index: 20;
}

.content {
    padding-top: 64px;
    padding-bottom: 64px;
}

.__is-hidden {
    overflow: hidden;
}

@media screen and (max-width: 920px) {
    
    #content__wrap {
        overflow-x: hidden;
    }

}

/*** ------------ end.content ------------ ***/



/*** ------------ shadow-effect ------------ ***/

.shadow-effect:before {
    content:' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: 40;
    transition: var(--transition);
}

.shadow-effect.shadow-effect__white:before {
    background: var(--basic-white);
}

.shadow-effect.shadow-effect__black:before {
    background: var(--basic-blue);
}

/*** ------------ end.shadow-effect ------------ ***/



/*** ------------ header ------------ ***/

header {
    position: fixed;
    width: 100%;
    padding: 16px 0;
    transition: var(--transitionLong);
    z-index: 500;
}

header.header__scroll {
    padding-top: 0;
    transition: var(--transitionLong);
}

    /*** ------------ header__wrap ------------ ***/

.header__wrap {
    padding: 8px;
}

.header__wrap:before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 48px;
    transition: var(--transitionLong);
    z-index: 1;
}

header.header__scroll .header__wrap:before {
    border-radius: 0 0 40px 40px;
}

.__header-transparent .header__wrap:before {
    background: rgba(52,52,52,.32);
}

header.__scroll .header__wrap:before {
    background: rgba(52,52,52,.48);
}

.header__wrap > * {
    z-index: 10;
}

@media screen and (max-width: 920px) {
          
    .header__wrap {
        padding: 0;
    }
    
    .header__wrap:before {
        width: 128px;
    }

}

    /*** ------------ header__lang ------------ ***/

.header__lang {
    position: relative;
    font-weight: 400;
    z-index: 10;
}

* + .header__lang {
    margin-left: 96px;
}

.header__lang > li.active {
    display: none;
}

.header__lang a {
    color: var(--basic-white);
}

.header__lang a:hover {
    color: var(--basic-green);
}

@media screen and (max-width: 920px) {
        
    .header__lang {
        margin-left: auto;
    }
    
    .header__lang a {
        display: block;
        width: 2ch;
        text-transform: uppercase;
        letter-spacing: 1px;
        overflow: hidden;
    }

}

    /*** ------------ header__button ------------ ***/

* + .header__button {
    margin-left: 16px;
}

nav + .header__button {
    margin-left: 48px;
}

@media screen and (max-width: 920px) {
           
    nav + .header__button {
        margin-left: auto;
    }
    
    * + .header__button {
        margin-left: 16px;
    }

}

/*** ------------ end.header ------------ ***/



/*** ------------ logo ------------ ***/

.logo.logo__cloudzen {
    position: relative;
    display: block;
    width: 160px;
    height: 28px;
    background: url('../images/logo/logo__cloudzen-white.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 100;
}

header .logo.logo__cloudzen {
    margin: auto 24px;
}

@media screen and (max-width: 920px) {
        
    .logo.logo__cloudzen {
        width: 40px;
        height: 40px;
        background: url('../images/logo/logo__cloudzen_cut-white.svg') center no-repeat transparent;
        background-size: contain;
    }
    
    header .logo.logo__cloudzen {
        margin: 0 8px;
    }

}

/*** ------------ end.logo ------------ ***/



/*** ------------ menu__button ------------ ***/

.menu__button {
    position: relative;
    display: none;
    width: 32px;
    cursor: pointer;
    transition: var(--transitionLong);
    z-index: 23;
}

* + .menu__button {
    margin-left: 16px;
}

.menu__button > * {
    position: relative;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 1.5px;
    background: var(--basic-white);
    transition: var(--transition);
}

.menu__button > *:first-child {
    margin-top: auto;
}

.menu__button > *:last-child {
    margin-bottom: auto;
}

.menu__button:hover > * {
    transition: var(--transition);
}

.menu__button > * + * {
    margin-top: 4px;
}

.menu__button.__clicked > * {
    width: 66%;
    transition: var(--transition);
}

.menu__button.__clicked > *:nth-child(2) {
    opacity: 0;
    transform: rotate(90deg);
}

.menu__button.__clicked > *:nth-child(1) {
    transform: translateY(5.5px) rotate(45deg);
}

.menu__button.__clicked > *:nth-child(3) {
    transform: translateY(-5px) rotate(135deg);
}

@media screen and (max-width: 920px) {
        
    .menu__button {
        display: flex;
    }

}

/*** ------------ end.menu__button ------------ ***/



/*** ------------ main__menu ------------ ***/

nav {
    position: relative;
    z-index: 23;
}

.main__menu li {
    position: relative;
}

.main-menu__hidden {
    display: none !important;
}

    /*** ------------ header main__menu ------------ ***/

header * + nav {
    margin-left: auto;
}

header .main__menu > li:nth-child(1),
header .main__menu > li:nth-child(4),
header .main__menu > li:nth-child(n+7) {
    display: none;
}

header .main__menu > li + li {
    margin-left: 32px;
}

header .main__menu > li > a {
    font-weight: 400;
    color: var(--basic-white);
} 

header .main__menu > li > a:hover {
    color: var(--basic-green);
} 

header .main__menu > li > a.__with-ul {
    padding-right: 16px;
}

header .main__menu > li > a.__with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) scale(1,1);
    transform: translateY(-50%) scale(1,1);
    width: 8px;
    height: 8px;
    background: url('../images/icons/icons__menu/icon__arrow-white.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
    transition: var(--transition);
}

header .main__menu > li > a.__with-ul:hover:after,
header .main__menu > li.__is-choosen > a.__with-ul:after {
    -webkit-transform: translateY(-50%) scale(1,-1);
    transform: translateY(-50%) scale(1,-1);
    background: url('../images/icons/icons__menu/icon__arrow-green.svg') center no-repeat transparent;
    background-size: contain;
    transition: var(--transition);
}

header .main__menu > li > ul {
    position: absolute;
    display: none;
}

@media screen and (max-width: 920px) {
    
    header nav {
        position: fixed;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);
        display: block;
        width: 100vw;
        height: 100vh;
        background: url('../images/back/__bg/__nav.jpg') top center no-repeat transparent;
        background-size: cover;
        transition: var(--transitionLong);
        z-index: 1;
    }
    
    header nav.__show {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.7,0,0.3,1);
    }
    
    header nav > .wrap {
        height: 100%;
        padding: 96px calc(5% + 8px) 16px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    header nav > .wrap::-webkit-scrollbar-track {
        background: var(--basic-violet);
    }    
        
    header .main__menu {
        flex-direction: column;
    }

    header .main__menu > li:nth-child(4) {
        display: block;
    }
    
    header .main__menu > li + li {
        margin: 24px 0 0;
    }

    header .main__menu > li > a {
        font-size: 32px;
        line-height: 32px;
    } 
    
    header .main__menu > li.item-104 > a,
    header .main__menu > li.item-105 > a {
        pointer-events: none;
    }
    
    header .main__menu > li:nth-child(3) > a.__with-ul:after {
        display: none;
    }

    header .main__menu > li.item-104 > ul.nav-child,
    header .main__menu > li.item-105 > ul.nav-child {
        position: relative;
        display: none;
        margin: 16px 0 0;
        padding: 0 0 0 32px;
        z-index: 1;
    }

    header .main__menu > li.item-104 > ul.nav-child.__show,
    header .main__menu > li.item-105 > ul.nav-child.__show {
        display: block;
    }
    
    header .main__menu > li.item-104 > ul.nav-child > li a,
    header .main__menu > li.item-105 > ul.nav-child > li a {
        font-weight: 400;
        font-size: 18px;
    }
    
    header .main__menu > li.item-104 > ul.nav-child > li + li,
    header .main__menu > li.item-105 > ul.nav-child > li + li {
        margin-top: 12px;
    }

    header .main__menu > li > a.__with-ul:after {
        right: -16px;
        width: 16px;
        height: 16px;
    }
    
}    
    
/*** ------------ end.main__menu ------------ ***/



/*** ------------ popup__nav ------------ ***/

.popup__nav {
    position: absolute;
    top: 96px;
    left: 0;
    padding: 48px 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 32px;
    opacity: 0;
    pointer-events: none;
    transition: var(--transitionLong);
    z-index: 101;
}

.popup__nav.__active {
    top: 80px;
    opacity: 1;
    pointer-events: auto;
    transition: var(--transitionLong);
}

.popup-nav__item:not(.__no-icon) {
    padding-left: 40px;
}

.popup-nav__item:not(.__no-icon):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: var(--basic-white);
    border-radius: 50%;
    z-index: 1;
}

.popup-nav__item.__icon-security:before {
    background: url('../images/icons/icons__menu/icon__security.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-cloud:before {
    background: url('../images/icons/icons__menu/icon__cloud.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-kubernetes:before {
    background: url('../images/icons/icons__menu/icon__kubernetes.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-ci-cd:before {
    background: url('../images/icons/icons__menu/icon__ci-cd.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-aws:before {
    background: url('../images/icons/icons__menu/icon__aws.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-support:before {
    background: url('../images/icons/icons__menu/icon__support.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-about:before {
    background: url('../images/icons/icons__menu/icon__about.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__icon-reviews:before {
    background: url('../images/icons/icons__menu/icon__reviews.svg') center no-repeat transparent;
    background-size: contain;
}

.popup-nav__item.__no-icon {
    width: calc(100% - 32px);
    padding-right: 64px;
    border-right: 1px solid rgba(255,255,255,.16);
}

.popup-nav__link:hover,
.popup-nav__sub-link:hover {
    color: var(--basic-green);
}

.popup-nav__title {
    font-size: 20px;
    font-weight: 400;
}

* + .popup-nav__sub-title {
    margin-top: 12px;
}

* + .popup-nav__sub-link {
    width: fit-content;
    margin-top: 16px;
    padding-right: 24px;
}

.popup-nav__sub-link:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 12px;
    height: 12px;
    background: url('../images/icons/icons__menu/icon__arrow-more.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
}

.popup-nav__sub-link > span {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,.16);
}

.popup-nav__sub-link:hover {
    border-color: var(--basic-green);
}

@media screen and (max-width: 920px) {
    
    .popup__nav {
        display: none;
    }
    
}    
   
/*** ------------ end.popup__nav ------------ ***/



/*** ------------ item-grid ------------ ***/

.item-grid {
    width: calc(100% + 32px);
    margin: -16px;
}

.item-grid > .item {
    padding: 16px;
}
   
.item-grid.__small-padding {
    width: calc(100% + 8px);
    margin: -4px;
}
    
.item-grid.__small-padding > .item {
    padding: 4px;
}
    
.item-grid.__no-padding {
    width: 100%;
    margin: 0 auto;
}
    
.item-grid.__no-padding > .item {
    padding: 0;
}
    
.item-grid > a.item {
    border: 0;
}    
    
.item-grid.item-grid-2 > .item {
    width: 50%;
}
    
.item-grid.item-grid-2 > .item.item-wide,
.item-grid.item-grid-3 > .item.item-extra,
.item-grid.item-grid-4 > .item.item-extra {
    width: 100%;
}
    
.item-grid.item-grid-3 > .item {
    width: 33.333%;
}
    
.item-grid.item-grid-3 > .item.item-wide {
    width: 66.666%;
}
    
.item-grid.item-grid-4 > .item {
    width: 25%;
}
    
.item-grid.item-grid-4 > .item.item-wide,
.item-grid.item-grid-3 > .item.item-50 {
    width: 50%;
}
    
.item-grid.item-grid-5 > .item {
    width: 20%;
}
    
.item-grid.item-grid-6 > .item {
    width: 16.666%;
}
    
.item-grid.item-grid-7 > .item {
    width: 14.28%;
}
    
.item-grid.item-grid-8 > .item {
    width: 12.5%;
}

@media screen and (max-width: 920px) {
    
    .item-grid {
		width: 100%;
		margin: -16px auto;
	}

	.item-grid > .item {
		padding: 16px 0;
	}
    
    .item-grid.item-grid-2 > .item,
    .item-grid.item-grid-3 > .item,
    .item-grid.item-grid-4 > .item,
    .item-grid.item-grid-5 > .item,
    .item-grid.item-grid-6 > .item,
    .item-grid.item-grid-7 > .item,
    .item-grid.item-grid-8 > .item,
    .item-grid.item-grid-2 > .item.item-wide,
    .item-grid.item-grid-3 > .item.item-wide,
    .item-grid.item-grid-4 > .item.item-wide,
    .item-grid.item-grid-3 > .item.item-extra,
    .item-grid.item-grid-3 > .item.item-50	{
        width: 100%;
    }
         
}
    
/*** ------------ end.item-grid ------------ ***/



/*** ------------ title__wrap ------------ ***/

.title__wrap {

}

@media screen and (max-width: 920px) {
        
}

/*** ------------ end.title__wrap ------------ ***/



/*** ------------ hello__wrap ------------ ***/

.hello__wrap,
.hello__wrap > .container {
    z-index: 100;
}

header + main > .hello__wrap:first-child {
    padding-top: 160px;
}

.hello__wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

@media screen and (max-width: 920px) {
            
    header + main > .hello__wrap:first-child {
        padding-top: 112px;
    }

}

    /*** ------------ hello__svg ------------ ***/

.hello__svg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hello__svg > div:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 60%;
    height: 60%;
}

.hello__svg > div:nth-child(2) {
    position: absolute;
    top: 40%;
    left: 0;
    max-width: 66%;
    height: 66%;
}

@media screen and (max-width: 920px) {
            
    .hello__svg > div:nth-child(1) {
        width: 100%;
        max-width: 110%;
        height: 48%;
    }

    .hello__svg > div:nth-child(2) {
        top: 42%;
        width: 100%;
        max-width: 132%;
        height: 64%;
        background: url('../images/back/__svg/__026.svg') center no-repeat transparent;
        background-size: cover;
    }

}

    /*** ------------ hello__counts ------------ ***/

.hello__counts {
    z-index: 10;
}

* + .hello__counts {
    margin-top: 112px;
}

.hello__counts:first-child > .hello-counts__item:first-child {
    margin-left: 50%;
}

.hello__counts:first-child > .hello-counts__item:last-child {
    margin: 192px 0 0 auto;
}

* + .hello__counts > .hello-counts__item:first-child {
    margin-left: 25%;
}

.hello-counts__item {
    position: relative;
    z-index: 10;
}

.hello-counts__item > div + div {
    margin-top: -32px;
}

@media screen and (max-width: 920px) {
             
    .hello__counts:first-child > .hello-counts__item:first-child {
        margin-left: 20%;
    }

    .hello__counts:first-child > .hello-counts__item:last-child {
        margin: 32px 0 0 auto;
    }
           
    * + .hello__counts {
        margin-top: 96px;
    }

    * + .hello__counts > .hello-counts__item:first-child {
        margin-left: 40%;
    }
    
    .hello-counts__item > div + div {
        margin-top: -24px;
    }

}

    /*** ------------ hello__content ------------ ***/

.hello__content {
    position: relative;
    z-index: 23;
}

.hello__counts + .hello__content {
    margin-top: -128px;
}

.hello__title {
    font-weight: 400;
    font-size: 176px;
    line-height: 192px;
}

.hello__title > div + div {
    margin: 0 64px 0 auto;
}

.hello__title + .hello-content__main {
    position: relative;
    margin-top: -144px;
    max-width: 344px;
    z-index: 25;
}

.hello-content__main > * {
    font-weight: 300;
}

@media screen and (max-width: 920px) {
            
    .hello__counts + .hello__content {
        margin-top: 48px;
    }
    
    .hello__title {
        font-size: 72px;
        line-height: 80px;
    }
    
    .hello__title > div + div {
        margin: 0 64px 0 auto;
    }
    
    .hello__title + .hello-content__main {
        margin-top: 64px;
    }

}

    /*** ------------ hello__tags ------------ ***/

.hello__tags {
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

* + .hello__tags,
.hello__tags + * {
    margin-top: 128px;
}

.hello__tags > ul > li:first-child {
    margin-left: auto;
}

.hello__tags > ul > li:last-child {
    margin-right: auto;
}

.hello__tags > ul > li + li {
    margin-left: 24px;
}

.hello__tags > ul + ul {
    margin-top: 12px;
}

.hello__tags a {
    font-size: 24px;
    color: var(--basic-green);
}

@media screen and (max-width: 920px) {
        
    * + .hello__tags,
    .hello__tags + * {
        margin-top: 64px;
    }
        
    .hello__tags a {
        font-size: 16px;
    }
        
    .hello__tags > ul > li:first-child {
        margin-left: 0;
    }
    
    .hello__tags > ul > li:last-child {
        margin-right: 0;
    }

    .hello__tags > ul > li + li {
        margin-left: 0;
    }
    
    .hello__tags > ul {
        justify-content: center;
    }
    
    .hello__tags > ul > li {
        margin: 4px 8px 0;
    }
    
    .hello__tags > ul + ul {
        margin-top: 0;
    }

}

    /*** ------------ hello__about ------------ ***/

* + .hello__about {
    margin-top: 192px;
}

.hello__about:last-child {
    padding-bottom: 256px;
}

.hello__about .text__title {
    font-weight: 300;
}

@media screen and (max-width: 920px) {
         
    * + .hello__about {
        margin-top: 92px;
    }
    
    .hello__about:last-child {
        padding: 0 0 128px 64px;
    }
   
}

/*** ------------ end.hello__wrap ------------ ***/



/*** ------------ do__wrap ------------ ***/

.do__wrap,
.do__wrap > .container {
    z-index: 100;
}

header + main > .do__wrap:first-child {
    padding-top: 160px;
}

@media screen and (max-width: 920px) {
            
    header + main > .do__wrap:first-child {
        padding-top: 128px;
    }

}

    /*** ------------ do__svg ------------ ***/

.do__svg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.do__svg > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
}

.do__svg.__security > div:nth-child(1) {
    max-width: 70%;
    height: 840px;
}

@media screen and (max-width: 920px) {
        
    .do__svg.__security > div:nth-child(1) {
        max-width: 100%;
        height: 40%;
    }
    
}

.do__svg.__kubernetes > div:nth-child(1) {
    max-width: 55%;
    height: 840px;
}

@media screen and (max-width: 920px) {
        
    .do__svg.__kubernetes > div:nth-child(1) {
        max-width: 100%;
        height: 60%;
    }
  
}

.do__svg.__ci-cd > div:nth-child(1) {
    max-width: 66%;
    height: 1480px;
}

@media screen and (max-width: 920px) {
        
    .do__svg.__ci-cd > div:nth-child(1) {
        max-width: 100%;
        height: 60%;
    }
   
}

.do__svg.__aws > div:nth-child(1) {
    max-width: 75%;
    height: 820px;
}

@media screen and (max-width: 920px) {
        
    .do__svg.__aws > div:nth-child(1) {
        max-width: 100%;
        height: 70%;
    }
   
}

.do__svg.__support > div:nth-child(1) {
    max-width: 80%;
    height: 700px;
}

@media screen and (max-width: 920px) {
          
    .do__svg.__support > div:nth-child(1) {
        max-width: 80%;
        height: 90%;
    }

}

.do__svg.__cloud > div:nth-child(1) {
    max-width: 80%;
    height: 1120px;
}

@media screen and (max-width: 920px) {
        
    .do__svg.__cloud > div:nth-child(1) {
        max-width: 100%;
        height: 115%;
    }
  
}

    /*** ------------ do__hello ------------ ***/

.do__hello {
    z-index: 123;
}

.do-hello__title.__center > *:first-child,
.do-hello__title.__center.fd-column > *:last-child {
    margin-left: auto;
}

.do-hello__title.__center > *:last-child,
.do-hello__title.__center.fd-column > *:first-child {
    margin-right: auto;
}

.do-hello__icon {
    position: relative;
    width: 96px;
    height: 96px;
    overflow: hidden;
}

.do-hello__icon > * {
    margin: auto;
}

.do-hello__title.fw-nowrap .do-hello__icon + * {
    margin-left: 24px;
}

.do-hello__title.fd-column .do-hello__icon + * {
    margin-top: 24px;
}

.do-hello__sub-title {
    margin-top: 24px;
}

@media screen and (max-width: 920px) {
        
    .do-hello__title.fw-nowrap {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .do-hello__title.fw-nowrap > * {
        margin-left: auto;
        margin-right: auto;
    }
    
    .do-hello__title.fw-nowrap .do-hello__icon + * {
        margin: 24px 0 0;
    }

}

    /*** ------------ do__content ------------ ***/

* + .do__content {
    margin-top: 128px;
}

.do__content {
    padding-bottom: 128px;
}

    /*** ------------ do__list ------------ ***/

* + .do__list {
    margin-top: 64px;
}

.do__list > li {
    width: fit-content;
    padding: 8px 24px 8px 8px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 32px;
}

.do__list > li + li {
    margin-top: 12px;
}

.do__list > li:nth-child(2) {
    margin-left: 96px;
}

.do__list > li:nth-child(3) {
    margin-left: 192px;
}

.do__list > li:nth-child(4) {
    margin-left: 288px;
}

.do__list > li:nth-child(5) {
    margin-left: 384px;
}

.do-list__num {
    position: relative;
    width: 40px;
    height: 40px;
    background: var(--basic-green);
    border-radius: 50%;
}

.do-list__num > * {
    color: var(--basic-black);
    margin: auto;
}

.do-list__num + * {
    margin-left: 24px;
    padding-top: 8px;
}

@media screen and (max-width: 920px) {
        
    * + .do__list {
        margin-top: 48px;
    }
        
    .do__list > li:nth-child(2),
    .do__list > li:nth-child(3),
    .do__list > li:nth-child(4),
    .do__list > li:nth-child(5) {
        margin-left: 0;
    }

    .do-list__num + * {
        width: calc(100% - 64px);
    }
    
}

/*** ------------ end.do__wrap ------------ ***/



/*** ------------ info__wrap ------------ ***/

.info__wrap {
    padding: 96px 0;
    background: url('../images/back/__bg/__002.jpg') center no-repeat transparent;
    background-size: cover;
}

.info__wrap.__big {
    background: url('../images/back/__bg/__003.jpg') center no-repeat transparent;
    background-size: cover;
}

.info__wrap.__small {
    background: url('../images/back/__bg/__004.jpg') center no-repeat transparent;
    background-size: cover;
}

.info__wrap + * {
    margin-top: 128px;
}

@media screen and (max-width: 920px) {
       
    .info__wrap {
        background: url('../images/back/__bg/__006.jpg') center no-repeat transparent;
        background-size: cover;
    }
    
    .info__wrap.__big {
        background: url('../images/back/__bg/__007.jpg') center no-repeat transparent;
        background-size: cover;
    }

    .info__wrap.__small {
        background: url('../images/back/__bg/__008.jpg') center no-repeat transparent;
        background-size: cover;
    }

}

/*** ------------ end.info__wrap ------------ ***/



/*** ------------ about__wrap ------------ ***/

.about__wrap,
.about__wrap > .container {
    z-index: 100;
}

header + main > .about__wrap:first-child {
    padding-top: 192px;
}

.about__wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

* + .about-block__title {
    margin-top: 32px;
}

.about-block__title + * {
    margin-top: 64px;
}

.about-block__img > img {
    width: 75%;
    margin: -64px 0 0 auto;
}

@media screen and (max-width: 920px) {
        
    header + main > .about__wrap:first-child {
        padding-top: 128px;
    }
     
    .about__block h1 {
        text-align: center;
    }

    .about-block__img > img {
        width: 100%;
        margin: -32px auto 32px;
    }
    
}

/*** ------------ end.about__wrap ------------ ***/



/*** ------------ contact__wrap ------------ ***/

.contact__wrap,
.contact__wrap > .container {
    z-index: 100;
}

header + main > .contact__wrap:first-child {
    padding-top: 160px;
}

.contact__wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.contact__wrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 100vw;
    height: 80vh;
    background: url('../images/back/__svg/__011.svg') top center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

* + .contact__block {
    margin-top: 128px;
}

.contact__block:last-child {
    padding-bottom: 96px;
}

.contact__block:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 432px;
    height: 432px;
    background: url('../images/back/__svg/__004.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
}

.contact-block__main {
    color: var(--basic-violet);
}

.contact-block__list a:hover {
    color: var(--basic-green);
}

.contact-block__soc * + * {
    position: relative;
    margin-left: 24px;
    padding-left: 24px;
}

.contact-block__soc * + *:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
    display: block;
    width: 8px;
    height: 8px;
    background: var(--basic-violet);
    border-radius: 50%;
    z-index: 1;
}

@media screen and (max-width: 920px) {
            
    header + main > .contact__wrap:first-child {
        padding-top: 128px;
    }

    .contact__block:before {
        position: relative;
        display: block;
        width: 100%;
        height: 360px;
        order: 100;
    }
        
    * + .contact__block {
        margin-top: 64px;
    }

    .contact__block:last-child {
        padding-bottom: 16px;
    }

    * + .contact-block__list {
        margin-top: 12px;
    }

}

/*** ------------ end.contact__wrap ------------ ***/



/*** ------------ steps__wrap ------------ ***/

.steps__wrap + * {
    margin-top: 128px;
}

*:not(.steps__block) + .steps__block {
    margin-top: 64px;
}

.steps__block + .steps__block {
    margin-top: 16px;
}

.steps-block__item {
    position: relative;
    padding: 40px 32px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    overflow: hidden;
}

.steps-block__item > * {
    position: relative;
    z-index: 23;
}

.steps-block__item:before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
}

.steps-block__item.__light-001:before {
    background: url('../images/back/__svg/__014.svg') right bottom no-repeat transparent;
    background-size: contain;
}

.steps-block__item.__light-002:before {
    background: url('../images/back/__svg/__015.svg') left center no-repeat transparent;
    background-size: contain;
}

.steps-block__item.__light-003:before {
    background: url('../images/back/__svg/__016.svg') left top no-repeat transparent;
    background-size: contain;
}

.steps-block__item.__light-004:before {
    background: url('../images/back/__svg/__019.svg') left bottom no-repeat transparent;
    background-size: contain;
}

.steps-block__title > *:first-child {
    position: relative;
    width: calc(100% - 16px);
    padding-right: 32px;
}

.steps-block__title .text__title,
.__title-gradient {
    display: inline-block; 
    background-image: -webkit-linear-gradient(135deg,var(--basic-violet),var(--basic-green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-block__title .text__title {
    font-weight: 500;
}

.steps-block__title > *:last-child {
    position: relative;
    margin-left: auto;
    padding-top: 4px;
}

.steps-block__title > *:last-child:before {
    content: '';
    position: absolute;
    top: -16px;
    right: -16px;
    display: block;
    width: 64px;
    height: 64px;
    background: url('../images/back/__svg/__017.svg') no-repeat right center transparent;
    background-size: contain;
    z-index: 1;
}

* + .steps-block__content {
    margin-top: 64px;
}

/*** ------------ end.steps__wrap ------------ ***/



/*** ------------ faq__wrap ------------ ***/

* + .faq__wrap {
    margin-top: 96px;
}

.faq__wrap {
    padding-bottom: 128px;
}

.faq__wrap:before {
    content: '';
    position: absolute;
    inset: 128px 0 0;
    background: url('../images/back/__svg/__009.svg') top center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.faq__wrap > * {
    position: relative;
    z-index: 23;
}

.faq-content__title:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 400%;
    background: url('../images/back/__svg/__017.svg') no-repeat right center transparent;
    background-size: contain;
    z-index: 1;
}

.faq-content__title > * {
    position: relative;
    z-index: 10;
}

    /*** ------------ faq__block ------------ ***/

.faq__block {
    z-index: 100;
}

* + .faq__block {
    margin-top: 64px;
}

.faq-block__num {
    padding-top: 4px;
}

.faq-block__item {
    padding: 32px 0;
    border-top: 1.5px solid rgba(255,255,255,.16);
}

.faq__block.__hide .faq-block__title {
    pointer-events: none;   
}

.faq-block__title .text__title {
    font-weight: 300;
    padding-right: 48px;
}

.faq-block__title:before {
    content: '';
    position: absolute;
    top: 32px;
    right: 16px;
    display: block;
    width: 16px;
    height: 8px;
    background: url('../images/icons/icons__all/icon__faq.svg') center no-repeat transparent;
    background-size: contain;
    transition: var(--transition);
    z-index: 1;
}

.faq__block.__hide .faq-block__title:before {
    display: none;
}

.show__link-change-before.faq-block__title:before {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1);
    transition: var(--transition);
}

.faq-block__content {
    padding-top: 32px;
}

@media screen and (max-width: 920px) {
            
    .faq-block__title > .item:not(.item-wide):first-child {
        display: none;
    }
    
    .faq__block.__mobile-open .faq-block__title:before  {
        display: none;
    }
    
    .faq__block.__mobile-open .faq-block__item {
        pointer-events: none;
    }
    
    .faq__block.__mobile-open .faq-block__content {
        display: block !important;
        padding-top: 16px;
    }
 
}

/*** ------------ end.faq__wrap ------------ ***/



/*** ------------ cases__wrap ------------ ***/

.cases__wrap,
.cases__wrap > .container {
    z-index: 100;
}

header + main > .cases__wrap:first-child {
    padding-top: 192px;
}

.cases__wrap + * {
    margin-top: 128px;
}

.cases__wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.cases__content {
    padding: 0 16%;
}

* + .cases__block {
    margin-top: 96px;
}

.cases-block__item {
    position: relative;
    padding: 40px 32px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    overflow: hidden;
}

.cases-block__title:not(:last-child) {
    margin-bottom: 24px;
}

.cases-block__title > .text__title + * {
    margin-top: -32px;
}

.cases-block__title > .wrap.d-flex > * {
    position: relative;
}

.cases-block__title > .wrap.d-flex > *:not(:last-child) {
    margin-right: 8px;
    padding-right: 8px;
}

.cases-block__title > .wrap.d-flex > * + *:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    display: block;
    width: 4px;
    height: 4px;
    background: rgba(211,253,177,.48);
    border-radius: 50%;
}

.cases-block__img {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 16px;
}

* + .cases-block__tags {
    margin-top: 8px;
}

.cases-block__tags > div {
    position: relative;
    display: block;
    width: fit-content;
    padding: 8px 16px;
    margin-top: 8px;
    background: rgba(198,160,247,.08);
    /*border: 1.5px solid var(--basic-violet);*/
    border-radius: 16px;
}

.cases-block__tags > div:not(:last-child) {
    margin-right: 12px;
}

* + .cases-block__content {
    margin-top: 32px;
}

* + .cases-block__content:not(:last-child) {
    margin-bottom: auto;
}

* + .cases-block__link {
    margin-top: 24px;
}

.cases-block__link {
    position: relative;
    padding: 8px 16px;
    border: 1.5px solid var(--basic-violet);
    border-radius: 24px;
    text-align: center;
}

.cases-block__link:hover {
    color: var(--basic-green);
    background: var(--basic-violet);
}

@media screen and (max-width: 920px) {
            
    header + main > .cases__wrap:first-child {
        padding-top: 128px;
    }
    
    .cases__wrap + * {
        margin-top: 96px;
    }

    .cases__content {
        padding: 0 24px;
    }

    * + .cases__block {
        margin-top: 64px;
    }
 
}

/*** ------------ end.cases__wrap ------------ ***/



/*** ------------ case__content ------------ ***/

.case__content,
.case__content > .container {
    z-index: 100;
}

header + main > .case__content:first-child {
    padding-top: 192px;
}

.case__content + * {
    margin-top: 128px;
}

.case__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.case-content__logo {
    position: relative;
    max-width: 344px;
    height: 160px;
    overflow: hidden;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 16px;
}

.case-content__main {
    padding: 16px 0 0 20%;
}

.case-content__tags > div {
    position: relative;
    display: block;
    width: fit-content;
    padding: 8px 16px;
    border: 1.5px solid var(--basic-violet);
    border-radius: 24px;
}

.case-content__tags > div:first-child {
    margin-left: auto;
}

.case-content__tags > div + div {
    margin-left: 12px;
}

* + .case-content__text {
    margin-top: 64px;
}

@media screen and (max-width: 920px) {
            
    header + main > .case__content:first-child {
        padding-top: 128px;
    }

    .case__content + * {
        margin-top: 96px;
    }

    .case__content h1 {
        text-align: center;
    }

    .case-content__main {
        padding: 0;
    }
    
    .case-content__tags > div:first-child {
        margin-left: 0;
    }
        
    * + .case-content__text {
        margin-top: 48px;
        padding-left: 48px;
    }

}

/*** ------------ end.case__content ------------ ***/



/*** ------------ case__quote ------------ ***/

.case-quote__text {
    padding-top: 80px;
}

* + .case-quote__text {
    margin-top: 32px;
}

.case-quote__text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 64px;
    height: 48px;
    background: url('../images/icons/icons__all/icon__quote.svg') center no-repeat transparent;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.case-quote__img {
    position: relative;
    display: block;
    width: 128px;
    height: 128px;
    margin: auto;
    background: #D9D9D9;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.case-quote__img.__big {
    width: 256px;
    height: 256px;
}

* + .case-quote__img {
    margin-top: 48px;
}

/*** ------------ end.case__quote ------------ ***/



/*** ------------ case__about ------------ ***/

.case__about {
    padding-top: 128px;
    padding-bottom: 96px;
}

.case-about__block > .item:first-child > .wrap:before {
    content: '';
    position: absolute;
    inset: -192px 0 -128px 64px;
    background: url('../images/back/__svg/__024.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
}

.case-about__block .__p.text__opacity {
    font-size: 20px;
    font-weight: 400;
    opacity: 1;
    color: var(--basic-violet);
    text-shadow: 0 0 24px var(--basic-green);
}

/*** ------------ end.case__about ------------ ***/



/*** ------------ benefits__wrap ------------ ***/

.about__wrap + .benefits__wrap {
    margin-top: 160px;
}

* + .benefits__block {
    margin-top: 96px;
}

.benefits-block__item {
    padding: 40px 32px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    overflow: hidden;
}

.benefits__block > .item:first-child .benefits-block__item:before,
.benefits__block > .item:last-child .benefits-block__item:before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: .64;
    z-index: 1;
}

.benefits__block > .item:first-child .benefits-block__item:before {
    background: url('../images/back/__svg/__005.svg') center no-repeat transparent;
    background-size: cover;
}

.benefits__block > .item:last-child .benefits-block__item:before {
    background: url('../images/back/__svg/__006.svg') center no-repeat transparent;
    background-size: cover;
}

.benefits-block__item > * {
    position: relative;
    z-index: 23;
}

.benefits-block__img {
    width: calc(100% + 32px);
    margin: -48px -16px;
}

@media screen and (max-width: 920px) {
           
    * + .benefits__block {
        margin-top: 48px;
    }
    
    .benefits-block__img:not(:last-child) {
        margin-bottom: 0;
    }

    .benefits-block__img > img {
        height: auto;
    }

    .about__wrap + .benefits__wrap {
        margin-top: 112px;
    }
    
}

/*** ------------ end.benefits__wrap ------------ ***/



/*** ------------ key__wrap ------------ ***/

* + .key__wrap {
    margin-top: 160px;
}

.key__content {
    position: relative;
    width: fit-content;
    margin: auto;
}

* + .key__block {
    margin-top: 64px;
}

.key__block > div:not(.__active) {
    opacity: .64;
    transition: var(--transition);
}

.key__block > div:not(.__active):hover,
.key__block > div.__active {
    opacity: 1;
    cursor: pointer;
    transition: var(--transition);
}

.key__block > div.__active {
    color: var(--basic-violet);
}

.key__block > div:first-child {
    margin-left: auto;
}

.key__block > div:last-child {
    margin-right: auto;
}

.key__block > div + div {
    margin: 0 0 0 24px;
}

.key__count {
    margin-top: 16px;
    font-weight: 400;
    font-size: 144px;
    line-height: 160px;
}

@media screen and (max-width: 920px) {

    .key__block {
        flex-wrap: nowrap;
        align-items: center;
    }

    .key__block > div {
        text-align: center;
        padding: 0 8px;
    }

    .key__block > div + div {
        margin: 0;
    }
    
}

/*** ------------ end.key__wrap ------------ ***/



/*** ------------ cta__wrap ------------ ***/

.cta__wrap.content {
    padding-top: 192px;
    padding-bottom: 192px;
}

.cta__block > * {
    z-index: 10;
}

.cta__block:before {
    content: '';
    position: absolute;
    inset: -128px 0;
    background: url('../images/back/__svg/__007.svg') center no-repeat;
    background-size: contain;
    z-index: 1;
}

.cta__block .text__title {
    padding-left: 64px;
}

@media screen and (max-width: 920px) {
         
    .cta__wrap.content {
        padding-top: 96px;
        padding-bottom: 96px;
    }
    
    .cta__block > .item:first-child {
        order: 88;
    }   
        
    .cta__block > .item:first-child .link__button {
        margin: auto;
    }   
        
    .cta__block .text__title {
        padding-left: 0;
        text-align: center;
    }
   
}

/*** ------------ end.cta__wrap ------------ ***/



/*** ------------ lets__wrap ------------ ***/

.lets__wrap {
    padding: 192px 0;
    background: url('../images/back/__bg/__001.jpg') center no-repeat transparent;
    background-size: cover;
}

.lets__wrap .wrap.d-flex.fd-column > p {
    padding: 0 20%;
}

.lets__wrap .text__big {
    margin-top: 0;
}

@media screen and (max-width: 920px) {
        
    .lets__wrap {
        padding: 160px 0;
        background: url('../images/back/__bg/__005.jpg') center no-repeat transparent;
        background-size: cover;
    }
    
    .lets__wrap .wrap.d-flex.fd-column > p {
        padding: 0 12%;
    }

}

/*** ------------ end.lets__wrap ------------ ***/



/*** ------------ service__wrap ------------ ***/

header + main > .service__wrap:first-child {
    padding-top: 192px;
}

header + main > .service__wrap:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.service__wrap + .lets__wrap {
    margin-top: 128px;
}

.service__wrap > * {
    position: relative;
    z-index: 12;
}

* + .service__block {
    margin-top: 96px;
}

.service-block__item {
    padding: 40px 32px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    overflow: hidden;
}

.service-block__item:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(52,52,52,1) 20%, rgba(149,64,255,1) 100%);
    opacity: 0;
    transition: var(--transition);
    z-index: 1;
}

.service-block__item:hover:before {
    opacity: .32;
    transition: var(--transition);
    z-index: 1;
}

.service-block__item > * {
    position: relative;
    z-index: 23;
}

.service-block__img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
    transition: var(--transition);
    overflow: hidden;
    z-index: 1;
}

.service-block__item:hover .service-block__img {
    background: var(--basic-white);
    transition: var(--transitionLong);
}

.service-block__img > * {
    max-width: 50%;
    max-height: 50%;
    margin: auto;
}

* + .service-block__content {
    margin-top: 48px;
}

.service-block__content > .text__title {
    margin-bottom: 24px;
}

@media screen and (max-width: 920px) {
            
    header + main > .service__wrap:first-child {
        padding-top: 128px;
    }
    
    * + .service__block {
        margin-top: 48px;
    }
    
    .__mobile-list .service-block__img {
        position: absolute;
        
    }
    
    .__mobile-list .service-block__img + .service-block__content {
        margin-top: 0;
        padding: 4px 0 0 96px;
    }
    
    .__mobile-list .service-block__img + .service-block__content > .text__title {
        margin-bottom: 0;
    }

    .__mobile-list .service-block__img + .service-block__content > .__mobile-toggle-content {
        display: none;
        padding-top: 24px;
    }
    
    .__mobile-list .service-block__img + .service-block__content > .__is-clicked + .__mobile-toggle-content {
        display: block;
    }
        
    .__mobile-list .service-block__img + .service-block__content > .text__title:before {
        content: '';
        position: absolute;
        top: 12px;
        right: -16px;
        display: block;
        width: 16px;
        height: 8px;
        background: url('../images/icons/icons__all/icon__faq.svg') center no-repeat transparent;
        background-size: contain;
        transition: var(--transition);
        z-index: 1;
    }
    
    .__mobile-list .service-block__img + .service-block__content > .text__title.__is-clicked:before {
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1);
        transition: var(--transition);
    }

}

/*** ------------ end.service__wrap ------------ ***/



/*** ------------ testimonials__wrap ------------ ***/

header + main > .testimonials__wrap:first-child {
    padding-top: 192px;
}

header + main > .testimonials__wrap:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 120vh;
    background: url('../images/back/__svg/__001.svg') center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.testimonials__wrap > * {
    z-index: 12;
}

.home__page .testimonials__block > .item:first-child > .wrap:before,
.reviews__page .testimonials__block > .item:first-child > .wrap:before {
    content: '';
    position: absolute;
    inset: -144px 0 0 32px;
    background: url('../images/back/__svg/__008.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
}

.__testimonials-before:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 400px;
    height: 400px;
    background: url('../images/back/__svg/__012.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
}

.__testimonials-before > * {
    z-index: 23;
}

* + .testimonials__block {
    margin-top: 64px;
}

.testimonials__block > .item:first-child > .wrap > * {
    z-index: 12;
}

.service__wrap + .testimonials__wrap.content {
    padding: 192px 0 96px;
}

.testimonials-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 40px 32px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    /*overflow: hidden;*/
}

.testimonials-block__item + .testimonials-block__item,
.reviews__page .testimonials__block#filter-items .testimonials-block__item {
    margin-top: 32px;
}

.testimonials-block__item:before {
    content: '';
    position: absolute;
    right: 32px;
    top: 40px;
    display: block;
    width: 64px;
    height: 48px;
    background: url('../images/icons/icons__all/icon__quote.svg') center no-repeat transparent;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.testimonials-block__content > *:first-child {
    padding-right: 80px;
}

* + .testimonials-block__author {
    padding-top: 32px;
}

* + .testimonials-block__author {
    margin-top: auto;
}

.testimonials-author__img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
    transition: var(--transition);
    overflow: hidden;
    z-index: 1;
}

.testimonials-author__name {
    padding-left: 16px;
}

.testimonials-author__name > .__p + .__p {
    margin-top: 4px;
}

.reviews__page .testimonials__block#filter-items {
    margin-top: -16px !important;
}

.testimonials-block__link {
    position: absolute;
    bottom: 48px;
    right: 32px;
    width: fit-content;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border: 1.5px solid var(--basic-violet);
    border-radius: 24px;
}

.testimonials-block__link:hover {
    background: var(--basic-violet);
}

@media screen and (max-width: 920px) {
        
    .service__wrap + .testimonials__wrap.content {
        padding: 96px 0;
    }
    
    .testimonials__block > .item:first-child {
        /*text-align: center;*/
        padding-bottom: 16px;
    }
    
    .testimonials__block > .item:first-child .link__button {
        display: none;
    }
        
    header + main > .testimonials__wrap:first-child {
        padding-top: 128px;
    }
        
    .__testimonials-before:before {
        left: -25%;
    }
    
    .testimonials-block__link {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 24px;
    }

}

/*** ------------ end.testimonials__wrap ------------ ***/



/*** ------------ filter__block ------------ ***/

* + .filter__block {
    margin-top: 48px;
}

.filter__block {
    position: relative;
    z-index: 123;
}

.filter__block ul li {
    position: relative;
}

.filter__block ul li + li {
    margin-left: 2px;
}

.filter__block ul li:nth-child(1) {
    margin-right: 32px;
}

.filter__block ul li.filter-block__item,
.filter__block ul li.filter-block__all {
    padding: 4px 16px;
    cursor: pointer;
    border-radius: 16px;
    transition: var(--transition);
}

.filter__block ul li.filter-block__item:hover,
.filter__block ul li.filter-block__all:hover {
    opacity: .64;
    transition: var(--transition);
}

.filter__block ul li.filter-block__item.active,
.filter__block ul li.filter-block__all.__is-active {
    color: var(--basic-black);
    background: var(--basic-violet);
    transition: var(--transition);
}

#filter-items .__filter-item.hidden {
    display: none;
}

#filter + #filter-items {
    margin-top: 32px;
}

@media screen and (max-width: 920px) {
        
    .filter__block ul {
        width: calc(100% + 24px);
        margin-right: -12px;
        margin-left: -12px;
    }

    .filter__block ul li + li {
        margin-right: 2px;
        margin-left: 0;
    }

    .filter__block ul li:nth-child(1) {
        display: none;
    }
        
    .filter__block ul li.filter-block__item,
    .filter__block ul li.filter-block__all {
        padding: 4px 12px;
    }

}

/*** ------------ end.filter__block ------------ ***/



/*** ------------ cert__wrap ------------ ***/

.cert__wrap {
    z-index: 23;
}

.cert__wrap:last-child {
    padding-top: 128px;
    padding-bottom: 192px;
}

.cert__wrap:last-child:before {
    content: '';
    position: absolute;
    inset: -160px 0 0;
    background: url('../images/back/__svg/__009.svg') top center no-repeat transparent;
    background-size: cover;
    pointer-events: none;
    z-index: 1;
}

.cert__wrap > * {
    z-index: 12;
}

.cert__content {
    position: relative;
    padding-top: 64px;
    border-top: 1px solid #6c6c6c;
}

.cert__content:not(.wrap) {
    width: 80%;
}

.cert-block__img {
    position: relative;
    width: 96px;
    height: 96px;
    overflow: hidden;
    z-index: 1;
}

.cert-block__img > * {
    margin: auto;
    max-width: 100%;
}

* + .cert-block__content {
    margin-top: 16px;
}

.cert-block__content > .__p + .__p {
    margin-top: 8px;
}

/*.cert__block > .item:nth-child(5),
.cert__block > .item:nth-child(8) {
    margin-left: 25%;
}*/

.cert__block {
    margin-top: -32px;
}

.cert__block > .item {
    margin-top: 32px;
}

.cert-block__content > .__p:first-child {
    transition: var(--transition);
}

.cert__block > .item:hover .cert-block__content > .__p:first-child {
    color: var(--basic-violet);
    text-shadow: 0 0 24px var(--basic-green);
    transition: var(--transition);
}

@media screen and (max-width: 920px) {
          
    .cert__content:not(.wrap) {
        width: 100%;
    }
      
    .cert-block__img {
        width: 80px;
        height: 80px;
    }

    .cert__block > .item:nth-child(n+1) {
        width: 50%;
        padding-right: 16px;
    }
    
    .cert__wrap:last-child {
        padding-top: 64px;
        padding-bottom: 112px;
    }
    
    /*.cert__block > .item:nth-child(5),
    .cert__block > .item:nth-child(8) {
        margin-left: 0;
    }*/

}

/*** ------------ end.cert__wrap ------------ ***/



/*** ------------ clients__wrap ------------ ***/

.home__page .clients__wrap,
.reviews__page .clients__wrap {
    padding: 192px 0 96px;
    z-index: 10;
}

.home__page .clients__wrap:before,
.reviews__page .clients__wrap:before {
    content: '';
    position: absolute;
    inset: -160px 0 0;
    background: url('../images/back/__svg/__009.svg') top center no-repeat transparent;
    background-size: cover;
    z-index: 1;
}

.clients__wrap > * {
    z-index: 12;
}

@media screen and (max-width: 920px) {
           
    .home__page .clients__wrap,
    .reviews__page .clients__wrap {
        padding: 128px 0 64px;
    }
 
}

/*** ------------ end.clients__wrap ------------ ***/



/*** ------------ slider ------------ ***/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
    
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
    
.slick-list:focus {
    outline: none;
}
    
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
    
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    height: auto;
}
    
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
    
.slick-track:before,
.slick-track:after {
    content: '';
    display: table;
}
    
.slick-track:after {
    clear: both;
}
    
.slick-loading .slick-track {
    visibility: hidden;
}
    
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
    
[dir='rtl'] .slick-slide {
    float: right;
}
    
.slick-slide img {
    display: block;
    margin: auto;
}
    
.slick-slide.slick-loading img {
    display: none;
}
    
.slick-slide.dragging img {
    pointer-events: none;
}
    
.slick-initialized .slick-slide {
    display: block;
}
    
.slick-loading .slick-slide {
    visibility: hidden;
}
    
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
    
.slick-arrow.slick-hidden {
    display: none;
}
        
button.slick-next,
button.slick-prev {
    display: none !important;
}

.slick-disabled {
    opacity: 0 !important;
    pointer-events: none;
}

@media screen and (max-width: 920px) {
         
}
    
/*** ------------ end.slider ------------ ***/



/*** ------------ clients__slider ------------ ***/

.clients__slider {
    max-height: fit-content;
}

.clients__wrap > * + .clients__slider {
    margin-top: 64px;
}

.clients__slider .slick-slide {
    position: relative;
    display: block;
    width: 20vw;
    height: 144px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    overflow: hidden;
}

.clients__slider .slick-slide + .slick-slide {
    margin-left: 32px;
}

.clients__slider .slick-slide > div,
.clients__slider .slick-slide > div > div {
    height: 100%;
}

.clients-slider__item {
    width: 100%;
    height: 100%;
}

.clients-slider__item.d-flex > * {
    margin: auto;
}

@media screen and (max-width: 920px) {
    		
    .clients__slider .slick-slide {
        width: calc(100vw - 32px);
    }

}

/*** ------------ end.clients__slider ------------ ***/



/*** ------------ count__wrap ------------ ***/

.count__wrap {
    position: relative;
    padding-bottom: 64px;
}

.count__wrap + .info__wrap {
    margin-top: 64px;
}

* + .count__block {
    margin-top: 32px;
}

.count__wrap .count-block__item {
    padding: 40px 32px;
    border-radius: 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    overflow: hidden;
}

.count-block__num {
    font-weight: 400;
    font-size: 80px;
    line-height: 88px;
}

.count-block__num > * {
    position: relative;
    z-index: 12;
}

.count-block__num > span + span {
    margin-left: 8px;
}

.count-block__num:before {
    content: '';
    position: absolute;
    top: -16px;
    left: -64px;
    display: block;
    width: 128px;
    height: 128px;
    background: url('../images/back/__svg/__017.svg') no-repeat right center transparent;
    background-size: contain;
    z-index: 1;
}

.count-block__num + * {
    margin-top: 24px;
    padding-right: 32px;
}

/*** ------------ end.count__wrap ------------ ***/



/*** ------------ compare__wrap ------------ ***/

.compare__wrap + * {
    margin-top: 128px;
}

.compare__block {
    max-width: 544px;
    margin: auto;
}

* + .compare__block {
    margin-top: 48px;
}

.compare__block:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 200%;
    height: 400%;
    background: url('../images/back/__svg/__017.svg') no-repeat right center transparent;
    background-size: contain;
    z-index: 1;
}

.compare__block > * {
    z-index: 100;
}

.compare-block__item {
    position: relative;
    width: calc(50% - 1px);
    padding: 24px 32px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    transition: var(--transitionLong);
    overflow: hidden;
}

.compare-block__row:hover > .compare-block__item {
    background: rgba(211,253,177,.08);
    transition: var(--transitionLong);
}

.compare-block__header > .compare-block__item {
    padding: 40px 32px;
    background: rgba(52,52,52,.64);
}

.compare-block__header > .compare-block__item:first-child {
    border-radius: 32px 0 0 0;
}

.compare-block__header > .compare-block__item:last-child {
    border-radius: 0 32px 0 0;
}

.compare-block__row:last-child > .compare-block__item:first-child {
    border-radius: 0 0 0 32px;
}

.compare-block__row:last-child > .compare-block__item:last-child {
    border-radius: 0 0 32px 0;
}

.compare-block__item + .compare-block__item {
    margin-left: 2px;
}

* + .compare-block__row {
    margin-top: 2px;
}

/*** ------------ end.compare__wrap ------------ ***/



/*** ------------ footer ------------ ***/

footer {
    position: relative;
    display: block;
    width: 100%;
    z-index: 100;
}

footer > .content:first-child {
    padding-top: 96px;
}

footer > .content:last-child {
    padding-bottom: 48px;
}

footer a:hover {
    color: var(--basic-green);
}

@media screen and (max-width: 920px) {
           
    footer > .content:first-child {
        padding-top: 48px;
    }
     
    footer > .content:last-child {
        padding-top: 0;
    }

}

    /*** ------------ footer__block ------------ ***/

.footer__block {
    position: relative;
    z-index: 12;
}

.footer__block + * {
    margin-top: 64px;
}

.footer-block__item + .footer-block__item {
    margin-left: 128px;
}

.footer-block__title {
    font-weight: 400;
}

.footer-block__menu {
    margin-top: 32px;
}

.footer-block__menu li + li {
    margin-top: 12px;
}

@media screen and (max-width: 920px) {
       
    .footer__block > .footer-block__item:last-child {
        order: -1;
        width: 100%;
        padding-bottom: 48px;
    }
    
    .footer__block > .footer-block__item:last-child .footer-block__title {
        display: none;
    }

    .footer__block > .footer-block__item:last-child .footer-block__title + .footer-block__menu {
        margin-top: 0;
    }
        
    .footer-block__item + .footer-block__item {
        margin-left: 0;
    }
    
    .footer-block__item:first-child {
        padding-right: 48px;
    }
    
    .footer-block__menu {
        margin-top: 24px;
    }
     
}

    /*** ------------ footer__copyright ------------ ***/

.footer__copyright {
    position: relative;
    display: block;
    padding-left: 48px;
}

.footer__copyright:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/logo/logo__cloudzen_cut-white.svg') center no-repeat transparent;
    background-size: contain;
    z-index: 1;
}

@media screen and (max-width: 920px) {
         
    .footer__copyright + * {
        width: 100%;
        margin-top: 8px;
        padding-left: 48px;
    }
   
}

    /*** ------------ footer__links ------------ ***/

.footer__links,
.footer__links > div {
    position: relative;
}

.footer__links > div + div {
    margin-left: 16px;
    padding-left: 16px;
}

.footer__links > div + div:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 4px;
    height: 4px;
    background: var(--basic-green);
    border-radius: 50%;
    z-index: 1;
}

@media screen and (max-width: 920px) {
        
    .footer__links {
        display: none;
    }
        
}

/*** ------------ end.footer ------------ ***/



/*** ------------ bg ------------ ***/

.bg__white {
    background: var(--basic-white);
}

/*** ------------ end.bg ------------ ***/


._cUP1np9gMvFQrcPftuf {
    margin: 0 auto !important;
    padding: 0 !important;
}

.calendly-close-overlay {
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}



/*** ------------ contact__page ------------ ***/

.contact__page > .item:first-of-type > .wrap {
    padding-right: 48px;
}

.contact__page > .item:last-of-type > .wrap {
    padding-left: 48px;
}

* + .contact-page__img {
    margin-top: 64px;
}

.contact-page__img > * + * {
    margin-top: -48px;
    pointer-events: none;
}

.contact-page__img img {
    width: 100%;
}

* + .contact-page__wrap {
    margin-top: 32px;
}

@media screen and (max-width: 920px) {
        
    .contact__page > .item:first-of-type > .wrap {
        padding-right: 0;
        padding-bottom: 48px;
    }

    .contact__page > .item:last-of-type > .wrap {
        padding-left: 0;
    }

    .contact-page__img > * + * {
        margin-top: -12px;
    }
    
}

    /*** ------------ __map ------------ ***/

.contact__map {
    z-index: 23;
}

* + .contact__map {
    margin-top: 128px;
}

.contact-map__text {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 23;
}

.contact-map__text > * + * {
    margin-top: -16px;
}

.contact-map__text + * {
    z-index: 12;
}

.__hide-block {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 24px 32px;
    width: 320px;
    background: rgba(211,253,177,.64);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 32px;
    opacity: 0;
    pointer-events: none;
    transition: var(--transitionLong);
    box-shadow: 0 0 48px rgba(211,253,177,.32);
    z-index: 101;
}

.__hide-block.__hide-block_left-side {
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.__hide-block.__open {
    top: 40%;
    opacity: 1;
    pointer-events: all;
    transition: var(--transitionLong);
}

.__hide-block .__close {
    position: absolute;
    top: -32px;
    right: -32px;
    display: block;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background: url('../images/icons/icons__all/icon__close-white.svg') center no-repeat transparent;
    background-size: 16px;
    transition: var(--transition);
    z-index: 123;
}

.__hide-block .__close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: var(--transition);
}

.contact__wrap > .container > .testimonials__wrap.content:last-child {
    padding: 128px 0;
}

@media screen and (max-width: 920px) {
        
    .contact-map__text {
        position: relative;
        width: 100%;
    }

    .contact-map__text + * {
        margin-top: 32px;
    }

}

/*** ------------ end.contact__page ------------ ***/












/*** ------------ feedback__wrap ------------ ***/

* + .feedback__wrap {
    margin-top: 32px;
}

.feedback__wrap {
    padding: 32px 48px;
    background: rgba(52,52,52,.32);
    -webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
    border-radius: 32px;
}

.feedback__wrap.__center {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20%;
}

.feedback__wrap:first-child {
    margin-top: -16px;
}

.feedback-form__group {
    margin-top: 16px;
}

* + .feedback-form__group.__checkboxes,
.feedback-form__group.__checkboxes + * {
    margin-top: 24px;
}

.feedback-form__group:not(.wrap) {
    width: calc(50% - 6px);
}

.feedback-form__group > *:first-child + *:not(.__p) {
    margin-top: 8px;
}

.feedback__form input[type="text"],
.feedback__form textarea,
.feedback__form input[type="submit"] {
    position: relative;
    display: block;
    width: 100%;
    padding: 16px;
    background: transparent;
    border: 1px solid rgba(198,160,247,.32);
    border-radius: 8px;
}

.feedback__form input[type="text"],
.feedback__form input[type="submit"] {
    max-height: 56px;
}

.feedback__form textarea {
    max-height: 56px;
}

.feedback__form input[type="text"] {
    background: transparent !important;
}

.feedback__form input[type="text"]:focus,
.feedback__form textarea:focus {
    border-color: rgba(198,160,247,.64);
    background: rgba(255,255,255,.08) !important;
}

.feedback__form input[type="text"]:valid {
    border-color: #9540FF;
    background: transparent !important;
}

.feedback__form input[type="text"] + * {
    display: none;
    /*padding-top: 8px;
    color: #FF3F3F;*/
}

/*.feedback__form input[type="text"]:invalid + * {
    display: block;
}*/

.feedback__form input[type="submit"] {
    width: 100%;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    color: var(--basic-white);
    border-color: transparent;
    background: var(--basic-grey);
    border-radius: 32px;
    transition: var(--transitionLong);
}

.feedback__wrap.__center .feedback__form input[type="submit"] {
    margin-left: auto;
    margin-right: auto;
}

.feedback__form input[type="submit"]:hover {
    background: #9540FF;
    transition: var(--transitionLong);
}

.feedback-form__group.d-flex > .__p {
    max-width: calc(100% - 176px);
    margin-top: auto;
}

.feedback__wrap.__center .__p {
    text-align: center;
}

* + .feedback-form__links {
    margin-top: 32px;
}

.feedback-form__links > * + .__links {
    margin-top: 16px;
}

.feedback-form__links > .__links a {
    font-size: 20px;
    font-weight: 400;
}

.feedback-form__links > .__links a:first-of-type {
    margin-left: auto;
}

.feedback-form__links > .__links a:last-of-type {
    margin-right: auto;
}

.feedback-form__links > .__links a + a {
    margin-left: 32px;
}

.feedback-form__links > .__links a + a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 8px;
    height: 8px;
    background: var(--basic-violet);
    border-radius: 50%;
    z-index: 1;
}

@media screen and (max-width: 920px) {
           
    .feedback__wrap.__center {
        padding: 0;
    }
     
}

.intl-tel-input,
.iti {
    width: 100%;
}

.iti ul {
    border: 0 !important;
}

.iti ul {
    font-size: 14px;
    font-weight: 400;
    background-color: var(--basic-black);
} 

/*** ------------ end.feedback__wrap ------------ ***/



/*** ------------ ok__wrap ------------ ***/

.ok__wrap {
    padding: 192px 0 128px !important;
    background: url('../images/back/__bg/__009.png') center no-repeat transparent;
    background-size: cover;
}

.ok__wrap h1 {
    padding: 0 20%;
}

@media screen and (max-width: 920px) {
        
    .ok__wrap h1 {
        padding: 0;
    }

}