@font-face {
font-family: 'Caveat';
src: local('Caveat Regular'), local('Caveat-Regular'),
url('../fonts/Caveat-Regular.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
.page-template-template_landing-2,
.service-template-template_landing-2{
background: #080808;
color: #FFF;
}
/* .page-template-template_landing-2 .inner,
.page-template-template_landing-2-single-page .inner{
max-width: 1280px;
} */
.landing-header {
width: 1280px;
padding: 11px 11px 11px 31px;
position: fixed;
inset: 24px calc(50% - 640px) auto auto;
background: #211D27;
border: 1px solid #38363C;
backdrop-filter: blur(1px);
border-radius: 40px;
z-index: 100;
}
.landing-header__container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.landing-header__logo {
width: 155px;
height: 35px;
}
.landing-button {
display: inline-block;
padding: 15px 29px 13px;
border-radius: 40px;
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-align: center;
text-decoration: none;
transition: all 0.3s;
}
.landing-button_white {
background: #FFF;
border: 1px solid #FFF;
color: #16131B;
}
.landing-button_white:hover{
background: transparent;
color: #FFF;
}
.landing-button_black {
background: #16131B;
border: 1px solid #16131B;
color: #FFF;
}
.landing-button_black:hover{
background: transparent;
color: #16131B;
}
.landing-button_transparent{
background: none;
border: 1px solid #FFF;
color: #FFF;
}
.landing-button_transparent:hover{
background: #FFF;
color: #16131B;
}
.landing-tag {
display: inline-block;
padding: 9px 12px 7px;
background: #302F3F;
border: 1px solid transparent;
border-radius: 40px;
font-weight: 500;
font-size: 12px;
line-height: 140%;
text-transform: uppercase;
color: #EDEDF9;
margin-bottom: 16px;
position: relative;
}
.landing-tag:before{
content: '';
display: block;
position: absolute;
inset: 0;
border-radius: 50px;
border: 1px solid transparent;
background: linear-gradient(90deg,#304FE9,#FAF7CA) border-box;
mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
mask-composite: exclude;
}
.landing-tag i{
display: inline-block;
line-height: 0;
vertical-align: middle;
margin: -5px 6px 0 0;
}
.landing-tag i svg{
fill: #EDEDF9;
}
.landing-welcome {
padding: 124px 0 0;
position: relative;
/* overflow: hidden; */
}
.landing-welcome:before{
content: '';
display: block;
position: absolute;
width: 706px;
height: 706px;
left: calc(50% - 706px/2);
bottom: -300px;
background: #EC67B4;
opacity: 0.1;
filter: blur(250px);
transform: matrix(-1, 0, 0, 1, 0, 0);
pointer-events: none;
}
.landing-welcome__container {
position: relative;
text-align: center;
}
.landing-welcome__title {
width: 1004px;
max-width: 100%;
font-weight: 500;
font-size: 62px;
line-height: 120%;
letter-spacing: -1px;
margin: 0 auto 18px;
}
.landing-welcome__text {
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #BCBBC2;
margin-bottom: 32px;
}
.landing-welcome__btn {
margin-bottom: 35px;
}
.landing-mainanim-1 {
margin: 0 -46px;
position: relative;
}
.landing-mainanim-1__text {
position: absolute;
padding: 6px 12px;
background: #302F3F;
font-size: 18px;
line-height: 150%;
color: #FFF;
}
.landing-mainanim-1__text_1 {
border-radius: 12px 12px 12px 0;
bottom: 89%;
left: 73.7%;
}
.landing-mainanim-1__text_2 {
bottom: 50%;
right: 72%;
border-radius: 12px 12px 0px 12px;
}
.landing-mainanim-1__quote {
width: 330px;
padding: 16px;
display: flex;
gap: 12px;
align-items: center;
position: absolute;
left: 57.2%;
bottom: 30.5%;
background: #FFF;
box-shadow: 0px 4px 8.4px rgba(39, 37, 42, 0.18);
border-radius: 12px 12px 12px 0px;
}
.landing-mainanim-1__photo {
width: 52px;
height: 52px;
flex-shrink: 0;
}
.landing-mainanim-1__photo img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.landing-mainanim-1__quotetext {
font-size: 20px;
line-height: 150%;
color: #080808;
}
.landing-mainanim-1__quotetext span{
display: inline-block;
position: relative;
}
.landing-mainanim-1 .landing-mainanim-1__quotetext span:after{
left: -4px;
bottom: -11px;
right: -3px;
}
.landing-mainanim-1 .anim-step-1,
.landing-mainanim-1 .anim-step-2,
.landing-mainanim-1 .anim-step-3,
.landing-mainanim-1 .anim-step-4{
stroke: #FFF;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 30;
stroke-dashoffset: 30;
animation: draw 0.8s ease-in-out 1s forwards;
}
.landing-mainanim-1.animate .anim-step-1{animation-delay: 0.25s;}
.landing-mainanim-1.animate .anim-step-2{animation-delay: 0.75s;}
.landing-mainanim-1.animate .anim-step-3{animation-delay: 1.75s;}
.landing-mainanim-1.animate .anim-step-4{animation-delay: 2.25s;}
.landing-mainanim-1 .landing-mainanim-1__quotetext span::after{
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.landing-mainanim-1.animate .landing-mainanim-1__quotetext span::after{
animation: drawLine 2s ease-in-out 2.75s forwards;
}
.landing-mainanim-2 {
display: flex;
gap: 20px;
margin: 49px -20px 44px;
}
.landing-mainanim-2__block {
width: 50%;
padding: 20px;
background: rgba(33, 29, 39, 0.3);
border: 1px solid #353239;
backdrop-filter: blur(50px);
border-radius: 24px;
flex-grow: 1;
position: relative;
overflow: hidden;
}
.landing-mainanim-2__title {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #BCBBC2;
text-transform: uppercase;
margin-bottom: 28px;
}
.landing-mainanim-2__list {
display: flex;
flex-direction: column;
font-size: 18px;
line-height: 140%;
margin: 0 5px 0 18px;
}
.landing-mainanim-2__list li{
padding: 6px 12px;
background: #423A48;
border-radius: 8px;
}
.landing-mainanim-2__list li:nth-child(1){margin: 0 auto 33px 0;}
.landing-mainanim-2__list li:nth-child(2){margin: 0 0 31px auto;}
.landing-mainanim-2__list li:nth-child(3){margin: 0 auto -6px 0;}
.landing-mainanim-2__list li:nth-child(4){margin: 0 0 4px auto;}
.landing-mainanim-2__line {
flex-shrink: 0;
margin: auto 0;
position: relative;
transform: translateY(13px);
}
.landing-mainanim-2__linelist {
font-size: 14px;
line-height: 150%;
white-space: nowrap;
}
.landing-mainanim-2__linelist li{
position: absolute;
}
.landing-mainanim-2__linelist li:nth-child(1){inset: 83% 87.8% auto auto;}
.landing-mainanim-2__linelist li:nth-child(2){inset: auto 71.6% 75% auto;}
.landing-mainanim-2__linelist li:nth-child(3){inset: auto auto 84% 46.2%;}
.landing-mainanim-2__linelist li:nth-child(4){inset: 79% 27.6% auto auto;}
.landing-mainanim-2__linelist li:nth-child(5){inset: auto 7.6% 72.5% auto;}
.landing-mainanim-2__bg {
width: 63%;
position: absolute;
right: 0;
bottom: -2px;
}
.landing-mainanim-2__quote {
padding: 7px 14px;
background: #423A48;
border-radius: 8px 8px 0 8px;
font-size: 18px;
line-height: 140%;
position: absolute;
right: 47.5%;
bottom: 66%;
}
.landing-mainanim-2 .anim-step-1{
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.landing-mainanim-2.animate .anim-step-1{
animation: drawLine 1.5s ease-in-out forwards;
}
.landing-mainanim-2 .anim-step-2{
opacity: 0;
transform: translateX(10px);
animation: rightToLeft 0.4s ease-in-out 1.5s forwards;
}
@keyframes rightToLeft {
to{
opacity: 1;
transform: translateX(0px);
}
}
.landing-mainanim-3{
margin: 0 -63px 0 -47px;
position: relative;
}
.landing-mainanim-3__quote {
display: flex;
align-items: center;
padding: 8px 7px;
gap: 8px;
background: #E6FFF5;
border: 1px solid #25C784;
border-radius: 0px 12px 12px 12px;
position: absolute;
top: 58%;
left: 81%;
}
.landing-mainanim-3__photo {
width: 40px;
height: 40px;
object-fit: cover;
position: relative;
flex-shrink: 0;
}
.landing-mainanim-3__photo img{
width: 100%;
height: 100%;
object-fit: cover;
}
.landing-mainanim-3__text{
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.01em;
color: #282733;
}
.landing-mainanim-3__text span{
display: inline-block;
position: relative;
}
.landing-mainanim-3__text span:before{
content: '';
display: block;
height: 5px;
background: url('data:image/svg+xml,') no-repeat 0 0 / 100% auto;
position: absolute;
left: -7px;
right: -4px;
bottom: -6px;
}
.landing-mainanim-3 .anim-step-1{
stroke: #BCBBC2;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 300;
stroke-dashoffset: 300;
}
.landing-mainanim-3.animate .anim-step-1{
animation: draw 3s ease 0.25s forwards;
}
.landing-mainanim-3 .landing-mainanim-3__text span:before{
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.landing-mainanim-3.animate .landing-mainanim-3__text span:before{
animation: drawLine 1.5s ease 1.5s forwards;
}
.landing-mainanim-5{
width: 924px;
max-width: 100%;
margin: 41px auto 0;
}
.landing-mainanim-5__wrapper {
padding: 49px 37px;
border: 1px solid rgba(255, 254, 254, 0.28);
border-radius: 40px;
background: url(../images/mainanim-5-bg.png) 10px 12px / 19px 19px;
}
.landing-mainanim-5__title {
font-family: 'Gratimo Classic';
padding: 7px 16px;
background: #555B50;
border-radius: 7px;
font-weight: 500;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.01em;
color: #FFFFFF;
margin-bottom: 13px;
}
.landing-mainanim-5__subtitle {
font-family: 'Gratimo Classic';
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: -0.023em;
color: #FFFFFF;
margin-bottom: 13px;
}
.landing-mainanim-5__container {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 26px;
padding-bottom: 15%;
position: relative;
}
.landing-mainanim-5__item{
position: relative;
}
.landing-mainanim-5__item span{
display: block;
line-height: 0;
position: absolute;
}
.landing-mainanim-5__item:nth-child(1) span{
width: 23px;
top: 50px;
left: 95px;
transform: rotate(12deg);
}
.landing-mainanim-5__item:nth-child(2) span:nth-last-child(2){
width: 20px;
top: 10px;
left: 58px;
transform: rotate(9deg);
}
.landing-mainanim-5__item:nth-child(2) span:nth-last-child(1){
width: 67px;
top: -17px;
left: -24px;
}
.landing-mainanim-5__item:nth-child(3) span{
width: 23px;
top: 9px;
left: -3px;
transform: rotate(-6deg);
}
.landing-mainanim-5__item:nth-child(4) span{
width: 35px;
top: -7px;
left: 94px;
opacity: 0;
animation: mainAnim5-3 3.0s ease 1.81s forwards;
}
.landing-mainanim-5__item:nth-child(6) span{
width: 20px;
top: 57px;
left: -4px;
transform: rotate(-6deg);
}
.landing-mainanim-5__anim-1{
width: 90px;
position: absolute;
top: 48%;
left: 48%;
}
.landing-mainanim-5__anim-2{
width: 63px;
position: absolute;
top: 32%;
left: 88%;
}
.landing-mainanim-5__anim-1{
animation: mainAnim5-1 0.8s ease 0.25s forwards;
}
.landing-mainanim-5__anim-2{
animation: mainAnim5-2 0.8s ease 1.08s forwards;
}
@keyframes mainAnim5-1{
to{
transform: translate(-46%,-114.5%);
}
}
@keyframes mainAnim5-2{
to{
transform: translate(-339%,-81%);
}
}
@keyframes mainAnim5-3{
to{
opacity: 1;
}
}
.landing-mainanim-5__image img{
border-radius: 4px;
}
.landing-mainanim-6 {
display: flex;
margin: -31px -20px 0;
}
.landing-mainanim-6__item {
display: flex;
flex-direction: column;
width: 355px;
flex-shrink: 0;
padding: 20px 20px 0;
background: rgba(33, 29, 39, 0.3);
border: 1px solid #353239;
backdrop-filter: blur(50px);
border-radius: 24px;
overflow: hidden;
}
.landing-mainanim-6__title {
font-family: 'Gratimo Classic';
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #BCBBC2;
text-transform: uppercase;
margin-bottom: 34px;
flex-shrink: 0;
}
.landing-mainanim-6__content {
flex-grow: 1;
}
.landing-mainanim-6__image {
margin: 0 44px;
line-height: 0;
}
.landing-mainanim-6__arrow {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 60px 13px 0;
}
.landing-mainanim-6__photos {
height: 100%;
position: relative;
margin: 0 -20px;
}
.landing-mainanim-6__photo {
position: absolute;
}
.landing-mainanim-6__photo i{
display: block;
line-height: 0;
padding-top: 100%;
border-radius: 50%;
position: relative;
transform-origin: right bottom;
}
.landing-mainanim-6__photo i::after{
content: '';
display: block;
position: absolute;
inset: 0;
border: 1px solid #F3F3F3;
border-radius: 50%;
pointer-events: none;
}
.landing-mainanim-6__photo img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.landing-mainanim-6__photo:nth-child(1){
width: 12%;
top: 9%;
left: 73.5%;
}
.landing-mainanim-6__photo:nth-child(1) i{
animation: mainAnim6-1 0.6s ease 0.25s forwards;
}
.landing-mainanim-6__photo:nth-child(1) i::after{
animation: mainAnim6-2 0.6s ease 0.25s forwards;
}
.landing-mainanim-6__photo:nth-child(1) span{
animation: mainAnim6-3 0.6s ease 0.25s forwards;
}
.landing-mainanim-6__photo:nth-child(2){
width: 12%;
top: 32.6%;
left: 45.8%;
}
.landing-mainanim-6__photo:nth-child(3){
width: 11.7%;
top: 38.4%;
left: 68.8%;
}
.landing-mainanim-6__photo:nth-child(4){
width: 10.7%;
top: 24.4%;
left: 92.4%;
}
.landing-mainanim-6__photo:nth-child(5){
width: 11.6%;
top: 56.4%;
left: 84.4%;
}
.landing-mainanim-6__photo:nth-child(6){
width: 11.8%;
top: 66.4%;
left: 61.9%;
}
.landing-mainanim-6__photo:nth-child(6) i{
animation: mainAnim6-1 0.6s ease 1.05s forwards;
}
.landing-mainanim-6__photo:nth-child(6) i::after{
animation: mainAnim6-2 0.6s ease 1.05s forwards;
}
.landing-mainanim-6__photo:nth-child(6) span{
animation: mainAnim6-3 0.6s ease 1.05s forwards;
}
.landing-mainanim-6__photo:nth-child(7){
width: 12%;
top: 77.4%;
left: 38.4%;
}
.landing-mainanim-6__photo:nth-child(8){
width: 8.3%;
top: 92.4%;
left: 65.4%;
}
.landing-mainanim-6__photo:nth-child(9){
width: 8.3%;
top: 84.0%;
left: 88.4%;
}
.landing-mainanim-6__photo span{
position: absolute;
right: 35px;
bottom: 32px;
display: inline-block;
padding: 5px 14px;
background: #463156;
border-radius: 8px 8px 0px 8px;
font-size: 18px;
line-height: 150%;
white-space: nowrap;
z-index: 1;
opacity: 0;
}
.landing-mainanim-6__line{
stroke: #403D49;
animation: mainAnim6-4 1.4s ease 1.68s forwards;
}
.landing-mainanim-6__star{
opacity: 0;
animation: mainAnim6-3 1.4s ease 1.68s forwards;
}
@keyframes mainAnim6-1{
to{
transform: scale(1.2);
}
}
@keyframes mainAnim6-2{
to{
border: 2px solid #9757F0;
}
}
@keyframes mainAnim6-3{
to{
opacity: 1;
}
}
@keyframes mainAnim6-4{
to{
stroke: #8980A6;
}
}
.landing-mainanim-7{
pointer-events: none;
}
.landing-mainanim-7__image{
width: 710px;
max-width: 100%;
margin: -45px auto 10px;
position: relative;
}
.landing-mainanim-7__photos {
position: absolute;
inset: 0;
}
.landing-mainanim-7__photo {
position: absolute;
}
.landing-mainanim-7__photo i{
display: block;
padding-top: 100%;
position: relative;
border-radius: 50%;
position: relative;
}
.landing-mainanim-7__photo i::after{
content: '';
display: block;
position: absolute;
inset: 0;
border: 1px solid #F3F3F3;
border-radius: 50%;
pointer-events: none;
}
.landing-mainanim-7__photo img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.landing-mainanim-7__photo:nth-child(1){
width: 6.5%;
top: 3.5%;
left: 8.8%;
}
.landing-mainanim-7__photo:nth-child(2){
width: 5.5%;
top: 27.5%;
left: 0;
}
.landing-mainanim-7__photo:nth-child(3){
width: 5.5%;
top: 55.9%;
left: 4.7%;
}
.landing-mainanim-7__photo:nth-child(4){
width: 6.5%;
top: 1.6%;
left: 83.4%;
}
.landing-mainanim-7__photo:nth-child(5){
width: 5.5%;
top: 29.7%;
left: 94.4%;
}
.landing-mainanim-7__photo:nth-child(6){
width: 5.5%;
top: 56.7%;
left: 92.8%;
}
.landing-mainanim-7__rotate{
animation: mainAnim7-1 3s linear 0s infinite;
}
@keyframes mainAnim7-1{
to{
transform: rotate(-360deg);
}
}
.landing-welcome__items {
display: flex;
position: relative;
margin: 59px 10px 0;
}
.landing-item {
width: 50%;
background: rgba(55, 51, 60, 0.3);
border: 1px solid #353239;
border-bottom: 0;
border-radius: 24px 24px 0 0;
padding: 20px 20px 0;
overflow: hidden;
}
.landing-item__title {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #BCBBC2;
text-transform: uppercase;
margin-bottom: 21px;
}
.landing-item__content {
display: flex;
align-items: center;
margin-bottom: 27px;
position: relative;
}
.landing-item__photo {
width: 60px;
height: 60px;
flex-shrink: 0;
position: relative;
margin-right: 16px;
}
.landing-item__photo img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.landing-item__text {
font-size: 20px;
line-height: 150%;
}
.landing-item__text span{
display: inline-block;
position: relative;
}
.landing-item__text span:after{
content: '';
display: block;
height: 12px;
background: url('data:image/svg+xml,') no-repeat 0 0 / 100% auto;
position: absolute;
left: -4px;
bottom: -10px;
right: -10px;
}
/* .landing-item__text span:after{
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.animate .landing-item__text span:after{
animation: drawLine 1.5s ease forwards;
} */
.landing-item__rays{
position: absolute;
top: -33px;
right: -10px;
}
.landing-item__rays svg path {
fill: none;
stroke: #F6D339;
stroke-width: 2;
stroke-dasharray: 50;
stroke-dashoffset: 50;
}
.animate .landing-item__rays svg path{
animation: draw 2s ease forwards;
}
.landing-item__rays svg path:nth-of-type(1) {
animation-delay: 2.5s;
}
.landing-item__rays svg path:nth-of-type(2) {
animation-delay: 3s;
}
.landing-item__rays svg path:nth-of-type(3) {
animation-delay: 3.5s;
}
.landing-item__image {
line-height: 0;
margin: 0 0 -20px;
text-align: center;
}
.landing-welcome__arrow {
flex-shrink: 0;
margin: auto 40px;
transform: translateY(10px);
}
.landing-welcome__arrow svg{
fill: none;
stroke: #BCBBC2;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 300;
stroke-dashoffset: 300;
animation: draw 3s ease forwards;
}
.animate .landing-welcome__arrow svg{
animation: draw 3s ease 1s forwards;
}
@keyframes draw {
to{
stroke-dashoffset: 0;
}
}
.landing-wins {
padding: 98px 0;
}
.landing-title {
font-weight: 500;
font-size: 40px;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 40px;
}
.landing-wins__container {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
}
.landing-wins__item:nth-child(1){grid-area: 1 / 1 / 2 / 3;}
.landing-wins__item:nth-child(2){grid-area: 1 / 3 / 2 / 5;}
.landing-wins__item:nth-child(3){grid-area: 1 / 5 / 2 / 7;}
.landing-wins__item:nth-child(4){grid-area: 2 / 1 / 3 / 4;}
.landing-wins__item:nth-child(5){grid-area: 2 / 4 / 3 / 7;}
.landing-wins__item {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 280px;
padding: 15px;
background: linear-gradient(180deg, #302E35 0%, #403D49 100%);
border: 1px solid #46454B;
border-radius: 20px;
text-decoration: none;
color: #FFF;
}
.landing-wins__icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.landing-wins__title {
font-weight: 500;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.04em;
margin-bottom: 13px;
}
a.landing-wins__item:hover .landing-wins__title{
text-decoration: underline;
}
.landing-wins__text {
font-size: 16px;
line-height: 150%;
color: #BCBBC2;
}
.landing-wins__link{
display: inline-flex;
align-items: center;
text-decoration: none;
color: #FFF;
position: relative;
margin-top: 12px;
}
.landing-wins__link:before{
position: absolute;
top: 5px;
left: 0;
content: attr(data-text);
font-weight: 500;
opacity: 0;
transition: opacity 0.3s;
}
.landing-wins__link span{
transition: opacity 0.3s;
}
.landing-wins__link i{
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #FFF;
border-radius: 50%;
position: relative;
margin-left: 11px;
}
.landing-wins__link i:before{
content: '';
display: block;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
background: #FFF;
border-radius: 50%;
opacity: 0;
transform: scale(0);
transition: all 0.2s;
}
.landing-wins__link i svg{
fill: #FFF;
}
.landing-wins__item:hover .landing-wins__link span{
opacity: 0;
}
.landing-wins__item:hover .landing-wins__link:before{
opacity: 1;
}
.landing-wins__item:hover .landing-wins__link i:before{
opacity: 1;
transform: scale(1);
}
.landing-wins__item:hover .landing-wins__link i svg{
position: relative;
fill: #080808;
}
.landing-serving {
padding: 100px 0;
background: linear-gradient(98.58deg, #E2E6FF -6.98%, #FEF6E7 110.22%);
border-radius: 40px;
color: #080808;
}
.landing-serving .landing-tag {
background: none;
color: #304FE9;
}
.landing-serving .landing-tag:before{
background: linear-gradient(90deg,#304FE9,#304FE9) border-box;
}
.landing-serving .landing-tag svg{
fill: #304FE9;
}
.landing-title {}
.landing-serving__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.landing-serving__item {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
gap: 20px;
min-height: 260px;
background: #FFF;
border-radius: 16px;
}
.landing-serving__title {
font-weight: 500;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.04em;
padding-left: 16px;
position: relative;
}
.landing-serving__title i{
display: block;
width: 4px;
position: absolute;
border-radius: 3px;
inset: 0 auto -2px 0;
}
.landing-serving__list {
font-size: 16px;
line-height: 150%;
}
.landing-serving__list li{
padding-left: 16px;
margin-top: 12px;
position: relative;
}
.landing-serving__list li i{
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
top: 8px;
left: 0;
}
.landing-talk {
background: url(../images/landing/talk-bg.svg) no-repeat 0 0 / cover;
border-radius: 40px;
color: #16131B;
padding: 100px 0;
}
.landing-talk__container {
display: flex;
}
.landing-talk__content {
width: 50.6%;
padding-right: 90px;
}
.landing-talk .landing-title{
margin-bottom: 15px;
}
.landing-talk__text {
font-weight: 500;
font-size: 18px;
line-height: 130%;
letter-spacing: -0.01em;
color: #64636F;
}
.landing-talk__click {
display: flex;
justify-content: flex-end;
align-items: flex-end;
margin: 203px -38px 0 0;
}
.landing-talk__click-text {
margin: 0 13px -11px 0;
}
.landing-talk__click-arrow svg{
fill: none;
stroke: #64636F;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 400;
stroke-dashoffset: 400;
}
.landing-talk__click-arrow.animate svg{
animation: draw 3s ease forwards;
}
.landing-talk__formblock {
width: 49.4%;
padding: 29px 32px;
background: #FFF;
border-radius: 20px;
}
.landing-talk__form .form-input {
margin-bottom: 23px;
}
.landing-talk__form .form-input label span,
.landing-talk__form .form-file label span{
color: inherit;
font-size: inherit;
top: 0;
right: 3px;
}
body .landing-talk__form .codedropz-upload-wrapper {
margin-top: 9px;
}
body .landing-talk__form .codedropz-upload-inner {
display: block;
padding: 0 0 2px 29px;
}
body .landing-talk__form .codedropz-upload-inner div{
display: inline !important;
}
body .landing-talk__form .codedropz-upload-inner > span{
margin: 0;
}
.landing-talk__form .form-textarea {
margin-bottom: 17px;
}
.landing-talk__form .form-file {
margin-bottom: 8px;
}
.landing-talk__form .form-checkbox {
margin-bottom: 23px;
}
.landing-talk__form .form-checkbox label > span{
padding-left: 18px;
}
.landing-talk__form .form-radio__title {
margin-bottom: 15px;
}
.landing-talk__form .form-radio2{
margin-bottom: 27px;
}
.landing-talk__form .form-radio2 .wpcf7-radio .wpcf7-list-item {
margin-bottom: 16px !important;
}
.landing-talk__form .wpcf7-form:not(.invalid) .wpcf7-not-valid-tip{
display: none !important;
}
.landing-talk__form .wpcf7-form:not(.invalid) .wpcf7-not-valid {
border-color: #D6D6D6 !important;
}
.landing-talk__form .wpcf7-form.invalid .wpcf7-not-valid {
border-color: #FF4234 !important;
}
.landing-talk__form .wpcf7-not-valid-tip{
position: relative;
inset: auto;
padding-left: 25px;
font-size: 12px;
line-height: 140%;
color: #FF4234;
margin: 8px 0 0;
}
.landing-talk__form .wpcf7-not-valid-tip:before{
content: '';
display: block;
width: 17px;
height: 17px;
background: url('data:image/svg+xml,') no-repeat;
position: absolute;
top: 1px;
left: 0;
}
body .landing-talk__form .codedropz-upload-handler {
margin: 7px 10px 12px 0;
}
.landing-thankyou {
display: none;
padding: 58px 0;
text-align: center;
}
.landing-thankyou__icon {
margin-bottom: 14px;
}
.landing-thankyou__title {
font-weight: 500;
font-size: 32px;
line-height: 120%;
text-align: center;
letter-spacing: -1px;
margin-bottom: 12px;
}
.landing-thankyou__text {
font-size: 18px;
line-height: 150%;
letter-spacing: -0.04em;
color: #64636F;
}
.landing-talk__formblock.sent .landing-talk__form{
display: none;
}
.landing-talk__formblock.sent .landing-thankyou{
display: block;
}
.landing-how {
padding: 99px 0 80px;
}
.landing-how__tabs {
display: flex;
background: #211D27;
padding: 7px;
border: 1px solid #46454B;
border-radius: 40px;
}
.landing-how__tabs button{
width: 100%;
padding: 15px 15px 16px;
background: none;
border: none;
border-radius: 50px;
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: #FFF;
transition: all 0.3s;
}
.landing-how__tabs button:hover{
color: #BCBBC2;
}
.landing-how__tabs button.active{
background: #FFF;
color: #16131B;
}
.landing-how__slide{
display: none;
}
.landing-how__slide:first-child{
display: block;
}
.landing-how__block {
display: flex;
padding: 47px 0 32px;
}
.landing-how__content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 49.4%;
padding-right: 40px;
}
.landing-how__tags{
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: -15px 0 20px;
}
.landing-how__tags li{
padding: 3px 11px;
background: #211D27;
border: 1px solid #46454B;
border-radius: 40px;
font-size: 16px;
line-height: 150%;
color: #FFF;
margin-bottom: 12px;
}
.landing-how__name {
font-weight: 500;
font-size: 28px;
line-height: 120%;
letter-spacing: -0.02em;
margin-bottom: 24px;
}
.landing-how__item:not(:last-child){
margin-bottom: 25px;
}
.landing-how__subtitle {
font-weight: 500;
font-size: 14px;
line-height: 150%;
margin-bottom: 13px;
}
.landing-how__list {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.04em;
color: #BCBBC2;
}
.landing-how__list li{
padding-left: 20px;
position: relative;
margin-bottom: 12px;
}
.landing-how__list li::before{
content: '';
display: block;
width: 16px;
height: 17px;
position: absolute;
top: 3px;
left: 0;
}
.landing-how__item_do .landing-how__list li::before{
background: url('data:image/svg+xml,') no-repeat 0 0;
}
.landing-how__item_get .landing-how__list li::before{
background: url('data:image/svg+xml,') no-repeat 0 0;
}
.landing-how__image {
width: 50.6%;
position: relative;
}
.landing-how__image img{
border-radius: 20px;
}
.landing-how__video{
position: absolute;
inset: 20.5% 3% 4.5% 3%;
overflow: hidden;
border-radius: 10px;
cursor: pointer;
}
.landing-how__video video{
width: 100%;
height: 100%;
object-fit: cover;
}
.landing-how__video i{
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
background: rgba(55, 51, 60, 0.6);
border-radius: 50%;
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
pointer-events: none;
}
.landing-how__video i.pause{
display: none;
}
.landing-how__video video.play ~ i.play{
display: none;
}
.landing-how__video video.play:hover ~ i.pause{
display: flex;
}
.landing-how__tabitems{
display: none;
}
.landing-howgallery {
display: flex;
align-items: center;
padding: 7px;
border: 1px solid #46454B;
border-radius: 12px;
}
.landing-howgallery__image {
width: 29.15%;
}
.landing-howgallery__image span{
display: block;
padding-top: 61%;
position: relative;
}
.landing-howgallery__image span img{
width: 100%;
height: 100%;
position: absolute;
inset: 0;
object-fit: cover;
border-radius: 4px;
}
.landing-howgallery__content {
width: 70.85%;
padding: 4px 0 0 16px;
}
.landing-howgallery__text {
font-size: 16px;
line-height: 150%;
margin-bottom: 8px;
}
.landing-howgallery__link {
font-size: 16px;
line-height: 150%;
}
.landing-howgallery__link a{
color: #FFF;
}
.landing-control {
display: flex;
justify-content: space-between;
align-items: center;
}
.landing-control__dots .slick-dots{
gap: 10px;
}
.landing-control__dots .slick-dots li{
margin: 0;
}
.landing-control__dots .slick-dots button{
background: #302E35;
}
.landing-control__dots .slick-dots .slick-active button{
background: #FFF;
}
.landing-control__arrows,
.landing-gallery__arrows {
display: flex;
gap: 16px;
}
.landing-control__arrows .slick-arrow,
.landing-gallery__arrows .slick-arrow{
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
background: #302E35;
border: 1px solid #302E35;
border-radius: 50%;
flex-shrink: 0;
cursor: pointer;
position: relative;
}
.landing-control__arrows .slick-arrow:before,
.landing-gallery__arrows .slick-arrow:before{
content: '';
display: block;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
background: #fff;
border-radius: 50%;
opacity: 0;
transform: scale(0);
transition: all 0.2s;
}
.landing-control__arrows .slick-arrow svg,
.landing-gallery__arrows .slick-arrow svg{
fill: #fff;
position: relative;
transition: fill 0.2s;
}
.landing-control__arrows .slick-arrow.slick-prev svg,
.landing-gallery__arrows .slick-arrow.slick-prev svg{
transform: scaleX(-1);
}
.landing-control__arrows .slick-arrow:hover:before,
.landing-gallery__arrows .slick-arrow:hover:before{
opacity: 1;
transform: scale(1);
}
.landing-control__arrows .slick-arrow:hover svg,
.landing-gallery__arrows .slick-arrow:hover svg{
fill: #080808;
}
.landing-find {
padding: 56px 50px;
background: linear-gradient(94.26deg, #DBF1FF 2.98%, #EBD5FF 119.34%);
border-radius: 40px;
color: #080808;
text-align: center;
margin-top: 80px;
}
.landing-find__text {
width: 900px;
max-width: 100%;
font-weight: 500;
font-size: 40px;
line-height: 120%;
letter-spacing: -1px;
margin: 0 auto 32px;
user-select: none;
}
.landing-find__text span{
display: inline-block;
position: relative;
}
.landing-find__text span::after{
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.animate .landing-find__text span::after{
animation: drawLine 2s ease-in-out 0.25s forwards;
}
.landing-process {
padding: 100px 140px;
background: linear-gradient(98.58deg, #E2E6FF -6.98%, #FEF6E7 110.22%);
border-radius: 40px;
color: #080808;
}
.landing-process .landing-tag {
background: none;
color: #304FE9;
}
.landing-process .landing-tag:before{
background: linear-gradient(90deg,#304FE9,#304FE9) border-box;
}
.landing-process .landing-tag svg{
fill: #304FE9;
}
.landing-process__head {
display: flex;
justify-content: space-between;
gap: 82px;
margin-bottom: 53px;
}
.landing-process__head .landing-title {
width: calc(50% - 70px);
margin: 0;
}
.landing-process__desc {
width: calc(50% - 12px);
font-size: 20px;
line-height: 150%;
margin-top: 12px;
}
.landing-process__container{
display: flex;
align-items: flex-start;
gap: 52px;
}
.landing-process__tabs {
width: calc(31% - 52px);
}
.landing-process__tabs button{
width: 100%;
padding: 16px 16px 16px 16px;
background: none;
border: none;
display: flex;
align-items: center;
border-radius: 12px;
min-height: 76px;
font-weight: 500;
font-size: 16px;
line-height: 150%;
position: relative;
}
.landing-process__tabs button:not(:first-child)::before{
content: '';
display: block;
height: 1px;
background: #D6D6D6;
position: absolute;
inset: 0 0 auto;
}
.landing-process__tabs button:last-child::after{
content: '';
display: block;
height: 1px;
background: #D6D6D6;
position: absolute;
inset: auto 0 0;
}
.landing-process__tabs button span{
font-family: 'Caveat';
font-size: 24px;
margin-right: 10px;
}
.landing-process__tabs button i{
display: flex;
justify-content: center;
align-content: center;
width: 32px;
height: 32px;
background: #FFF;
border-radius: 50%;
position: absolute;
top: calc(50% - 16px);
right: 16px;
opacity: 0;
}
.landing-process__tabs button.active{
background: #080808;
color: #FFF;
}
.landing-process__tabs button.active::before,
.landing-process__tabs button.active::after,
.landing-process__tabs button.active + button::before{
display: none;
}
.landing-process__tabs button.active i{
opacity: 1;
}
.landing-process__main {
width: 69%;
background: #FFFFFF;
border-radius: 20px;
}
/* .landing-process__slider,
.landing-process__slider .slick-list {
height: 100% !important;
} */
.landing-process__slide {}
.landing-process__block {
min-height: 456px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 34px 32px;
}
.landing-process__content {
margin-bottom: 50px;
}
.landing-process__name {
font-weight: 500;
font-size: 28px;
line-height: 120%;
letter-spacing: -0.02em;
margin-bottom: 24px;
}
.landing-process__name span{
font-family: 'Caveat';
font-size: 24px;
font-size: 32px;
margin-right: 10px;
}
.landing-process__text {
font-size: 16px;
line-height: 150%;
}
.landing-process__text p:not(:last-child){
margin-bottom: 24px;
}
.landing-process__bottom {
border-top: 1px solid #D6D6D6;
padding: 19px 50px 0 0;
font-size: 16px;
line-height: 150%;
}
.landing-process__bottom span{
display: block;
font-weight: 500;
margin-bottom: 3px;
}
.landing-process .slick-arrow{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 31px;
width: 48px;
height: 48px;
background: #F8F8F9;
border-radius: 50%;
z-index: 1;
cursor: pointer;
}
.landing-process .slick-arrow.slick-prev{
right: 95px;
transform: scaleX(-1);
}
.landing-process .slick-arrow.slick-next{
right: 32px;
}
.landing-mainanim-1__quotetext span:after,
.landing-find__text span:after{
content: '';
display: block;
height: 12px;
background: url('data:image/svg+xml,') no-repeat 0 0 / 100% 100%;
position: absolute;
left: -8px;
bottom: -14px;
right: -8px;
}
@keyframes drawLine {
to{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
/* .landing-report__text {
font-weight: 500;
font-size: 18px;
line-height: 130%;
letter-spacing: -0.01em;
color: #BCBBC2;
margin-bottom: 24px;
}
.landing-gallery-open{
overflow: hidden;
}
.landing-gallery {
visibility: hidden;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
inset: 0;
color: #16131B;
z-index: 10000;
transition: all 0.3s;
}
#hubspot-messages-iframe-container{
z-index: 9999 !important;
}
.landing-gallery.show{
visibility: visible;
opacity: 1;
}
.landing-gallery__overlay {
position: absolute;
background: rgba(22,19,27,0.6);
inset: 0;
}
.landing-gallery__popup {
display: flex;
flex-direction: column;
width: 1100px;
height: 766px;
max-width: calc(100vw - 100px);
max-height: calc(100vh - 134px);
padding: 20px;
background: #FFF;
border-radius: 20px;
position: relative;
}
.landing-gallery__head {
margin: -20px -20px 20px;
padding: 20px 100px 20px 20px;
font-weight: 500;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.04em;
border-bottom: 1px solid #D6D6D6;
position: relative;
flex-shrink: 0;
}
.landing-gallery__close {
border: none;
background: none;
position: absolute;
top: 24px;
right: 20px;
}
.landing-gallery__body{
flex-grow: 1;
position: relative;
}
.landing-gallery__slider {
position: absolute !important;
inset: 0;
}
.landing-gallery__slider .slick-list,
.landing-gallery__slider .slick-track,
.landing-gallery__slider .slick-slide,
.landing-gallery__slider .slick-slide > div,
.landing-gallery__slide{
height: 100%;
}
.landing-gallery__slide span{
display: flex;
height: 100%;
}
.landing-gallery__slider .landing-gallery__slide img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 10px;
margin: auto;
}
.landing-gallery,
.landing-gallery__slider {
touch-action: auto !important;
}
.landing-gallery__control {
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
gap: 50px;
margin-top: 16px;
}
.landing-gallery__nums {
font-weight: 500;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.04em;
}
.landing-gallery__arrows .slick-arrow{
background: #F8F8F9;
border: 1px solid #F8F8F9;
}
.landing-gallery__arrows .slick-arrow::before {
background: #16131B;
}
.landing-gallery__arrows .slick-arrow svg{
fill: #16131B;
}
.landing-gallery__arrows .slick-arrow:hover svg{
fill: #FFF;
} */
.landing-global {
padding: 99px 0 50px;
}
.landing-global__container {
display: flex;
margin-bottom: 71px;
}
.landing-global__image {
width: 59.5%;
}
.landing-global__image span{
display: block;
margin: 0 111px 0 -114px;
}
.landing-global__stats {
width: 40.5%;
padding: 7px 0 0 47px;
}
.landing-global__item {
display: flex;
align-items: flex-end;
gap: 24px;
margin-bottom: 53px;
}
.landing-global__value {
font-weight: 500;
font-size: 64px;
line-height: 110%;
letter-spacing: -0.02em;
background: linear-gradient(90deg, #64B6ED -11.14%, #C664ED 118.57%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.landing-global__value span{
font-size: 40px;
line-height: 1;
}
.landing-global__label {
font-weight: 500;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.04em;
margin-bottom: 5px;
}
.landing-global__reward {
display: flex;
justify-content: space-around;
gap: 100px;
}
.landing-global__reward span{
width: 253px;
}
.landing-review {
padding: 120px 0 79px;
position: relative;
}
.landing-global + .landing-review{
padding: 18px 0 99px;
}
.landing-review:after{
content: '';
display: block;
position: absolute;
width: 548px;
height: 548px;
bottom: -50px;
left: calc(50% - 274px);
background: rgba(255, 255, 255, 0.1);
filter: blur(250px);
pointer-events: none;
}
.landing-review__link{
font-size: 16px;
line-height: 150%;
text-align: right;
margin-bottom: 32px;
}
.landing-review__link a{
color: #FFF;
}
.landing-review__link a i{
display: inline-block;
vertical-align: middle;
line-height: 0;
transform: rotate(-45deg);
margin: 0 5px 0 8px;
}
.landing-review__link a i svg{
fill: #FFF;
}
.landing-review__slider {
margin-bottom: 32px;
}
.landing-review__slide{
display: none;
}
.landing-review__slide:first-child{
display: block;
}
.landing-review__block {
display: flex;
padding: 103px 32px 32px;
background: #37333C;
border: 1px solid #46454B;
border-radius: 40px;
position: relative;
}
.landing-review__decor {
position: absolute;
inset: 29px auto auto 34px;
}
.landing-review__decor svg{
fill: url(#gradient-quote);
}
.landing-review__text {
width: calc(100% - 320px);
padding-right: 150px;
font-weight: 500;
font-size: 20px;
line-height: 150%;
}
.landing-review__author {
width: 320px;
display: flex;
gap: 12px;
}
.landing-review__photo {
width: 80px;
height: 80px;
position: relative;
flex-shrink: 0;
}
.landing-review__photo img{
width: 100%;
height: 100%;
position: absolute;
inset: 0;
object-fit: cover;
border-radius: 50%;
}
.landing-review__name {
font-weight: 500;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.04em;
margin-bottom: 4px;
}
.landing-review__status {
font-size: 16px;
line-height: 150%;
color: #BCBBC2;
}
.landing-case {
padding: 100px 0;
position: relative;
}
.landing-case__head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 39px;
}
.landing-case .landing-title {
margin-bottom: 0;
}
.landing-case__link{
font-size: 16px;
line-height: 150%;
text-align: right;
}
.landing-case__link a{
color: #FFF;
}
.landing-case__slider {
margin: 0 -20px 30px;
}
.landing-case__slide {
padding: 0 20px;
}
.landing-case__block {
display: flex;
padding: 20px;
background: #FFF;
color: #080808;
text-decoration: none;
border-radius: 16px;
position: relative;
}
.landing-case__content {
width: 66%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-right: 20px;
}
.landing-case__category {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
font-size: 12px;
line-height: 130%;
color: #333;
gap: 8px;
}
.landing-case__category span{
display: block;
padding: 5px 12px 7px;
background: #F5F5F5;
border-radius: 20px;
}
.landing-case__info {
margin: 6px 0;
}
.landing-case__title {
font-weight: 500;
font-size: 20px;
line-height: 120%;
margin-bottom: 13px;
}
.landing-case__text {
font-size: 16px;
line-height: 150%;
}
.landing-case__image {
width: 34%;
}
.landing-case__image span{
display: block;
padding-top: 100%;
position: relative;
}
.landing-case__image span img{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
inset: 0;
border-radius: 8px;
}
.landing-case__blocklink{
display: block;
position: absolute;
inset: 0;
}
.landing-faq {
padding: 99px 0;
position: relative;
}
.landing-case + .landing-faq{
border-top: 1px solid #46454B;
border-bottom: 1px solid #46454B;
}
.landing-faq__container {
display: flex;
}
.landing-faq__head {
width: 44.4%;
}
.landing-faq__items {
width: 55.6%;
padding-left: 30px;
}
.landing-faq__item {
padding: 10px;
background: #37333C;
border: 1px solid #46454B;
border-radius: 16px;
color: #FFF;
}
.landing-faq__item:not(:last-child){
margin-bottom: 20px;
}
.landing-faq__question {
padding: 10px;
font-weight: 500;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.04em;
position: relative;
padding-right: 50px;
cursor: pointer;
}
.landing-faq__question i{
display: block;
line-height: 0;
position: absolute;
top: calc(50% - 6px);
right: 10px;
line-height: 0;
transition: transform 0.3s;
}
.landing-faq__item.open .landing-faq__question i{
transform: rotate(180deg);
}
.landing-faq__question i svg{
fill: #FFF;
}
.landing-faq__answer {
display: none;
font-size: 16px;
line-height: 150%;
padding: 5px 10px 10px;
}
.landing-faq__answer p:not(:last-child){
margin-bottom: 24px;
}
.landing-footmenu {
display: flex;
padding: 44px 0 92px;
}
.landing-footmenu__left {
width: 77.7%;
}
.landing-footmenu__title {
font-weight: 500;
font-size: 10px;
line-height: 120%;
text-transform: uppercase;
color: #535353;
margin-bottom: 34px;
}
.landing-footmenu__menu {
width: 532px;
max-width: 100%;
display: flex;
flex-wrap: wrap;
gap: 70px 30px;
}
.landing-footmenu__menu li{
width: calc(50% - 15px);
}
.landing-footmenu__menu li a{
font-size: 14px;
line-height: 130%;
color: #FFF;
text-decoration: none;
}
.landing-footmenu__menu li a:hover,
.landing-footmenu__list li a:hover{
text-decoration: underline;
}
.landing-footmenu__menu li span{
display: block;
font-size: 12px;
line-height: 130%;
color: #B5B5B5;
margin-top: 4px;
}
.landing-footmenu__list{
font-size: 14px;
line-height: 130%;
}
.landing-footmenu__list li:not(:last-child){
margin-bottom: 33px;
}
.landing-footmenu__list li a{
color: #FFF;
text-decoration: none;
}
.landing-footmenu__right {
width: 22.3%;
}
/* Responsive
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1310px){
.page-template-template_landing .inner,
.page-template-template_landing-single-page .inner{
margin-left: 30px;
margin-right: 30px;
}
.landing-header {
width: auto;
inset: 24px 16px auto;
}
.landing-mainanim-1{
margin: 0 -30px;
}
.landing-mainanim-2__line{
width: 300px;
}
.landing-mainanim-2__list,.landing-mainanim-2__quote{
font-size: 16px;
}
.landing-mainanim-6 {
margin: 0;
}
.landing-welcome__items{
margin: 0;
}
.landing-process {
padding: 100px 0px;
}
.landing-global__reward {
gap: 50px;
}
}
@media only screen and (max-width: 992px){
.page-template-template_landing-2 .inner,
.service-template-template_landing-2 .inner{
margin-left: 20px;
margin-right: 20px;
}
.landing-button{
padding: 14px 29px;
font-size: 14px;
line-height: 100%;
}
.landing-tag{
padding: 9px 11px 7px;
font-size: 12px;
}
.landing-tag i{
width: 16px;
height: 16px;
}
.landing-title{
font-size: 26px;
line-height: 120%;
margin-bottom: 32px;
}
.landing-welcome{
padding: 55px 0 0;
}
.landing-welcome::before{
opacity: 0.12;
bottom: -100px;
}
.landing-welcome__title{
font-weight: 500;
font-size: 28px;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 12px;
}
.landing-welcome__text{
font-size: 16px;
letter-spacing: -0.01em;
margin-bottom: 25px;
}
.landing-welcome__btn {
margin-bottom: 37px;
}
.landing-welcome__items{
flex-direction: column;
margin: 0;
}
.landing-mainanim-1{
margin: 0 -20px;
}
.landing-mainanim-1__text{
padding: 4px 8px;
font-size: 16px;
line-height: 150%;
}
.landing-mainanim-1__text_1{
border-radius: 12px 12px 0 12px;
bottom: 79.7%;
left: auto;
right: 12%;
}
.landing-mainanim-1__text_2 {
bottom: 58.3%;
right: auto;
left: 12.5%;
border-radius: 12px 12px 12px 0;
}
.landing-mainanim-1__quote{
width: 320px;
border-radius: 12px;
left: calc(50% - 160px);
bottom: 24.5%;
}
.landing-mainanim-1__quote::before{
content: '';
display: block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #FFF;
position: absolute;
right: 71px;
bottom: -10px;
}
.landing-mainanim-1__quotetext{
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}
.landing-mainanim-1__image svg{
width: 100%;
}
.landing-mainanim-2{
flex-direction: column;
margin: 43px auto 22px;
gap: 0px;
}
.landing-mainanim-2__block{
width: 400px;
max-width: 100%;
min-height: 242px;
padding: 16px;
border-radius: 20px;
margin: 0 auto;
}
.landing-mainanim-2__title{
font-size: 12px;
margin-bottom: 20px;
}
.landing-mainanim-2__list {
margin: 0 9px 0 4px;
}
.landing-mainanim-2__list li {
padding: 5px 10px;
}
.landing-mainanim-2__list li:nth-child(1) {margin: 0 auto 22px 0;}
.landing-mainanim-2__list li:nth-child(2) {margin: 0 0 17px auto;}
.landing-mainanim-2__list li:nth-child(3) {margin: 0 auto -10px 10px;}
.landing-mainanim-2__list li:nth-child(4) {margin: 0 25px 13px auto;}
.landing-mainanim-2__line{
width: 155px;
margin: 13px auto 7px;
}
.landing-mainanim-2__line{
transform: none;
}
.landing-mainanim-2__linelist li:nth-child(1){inset: 4% 63.8% auto auto;}
.landing-mainanim-2__linelist li:nth-child(2){inset: 38% auto auto 65%;}
.landing-mainanim-2__linelist li:nth-child(3){inset: 71.5% 62% auto auto;}
.landing-mainanim-2__quote {
padding: 5px 12px;
right: 151px;
bottom: 63%;
}
.landing-mainanim-2__bg {
width: 209px;
right: -3px;
bottom: -45px;
}
.landing-mainanim-2 .anim-step-1{
clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
}
.landing-mainanim-3 {
margin: -2px -20px 0 0;
}
.landing-mainanim-3__wrapper svg{
width: 100%;
}
.landing-mainanim-3__quote {
padding: 6px;
gap: 6px;
border-radius: 12px;
top: 78.1%;
left: 36.6%;
}
.landing-mainanim-3__photo{
width: 36px;
height: 36px;
}
.landing-mainanim-3__text {
font-size: 14px;
}
.landing-mainanim-3__text span::before{
bottom: -4px;
}
.landing-mainanim-5__wrapper{
width: 360px;
border-radius: 20px;
padding: 34px 23px;
margin: 35px auto 0;
}
.landing-mainanim-5__title{
padding: 7px 16px 3px;
font-size: 14px;
}
.landing-mainanim-5__subtitle{
font-size: 12px;
margin-bottom: 9px;
}
.landing-mainanim-5__container {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
padding-bottom: 15%;
}
.landing-mainanim-5__item:nth-child(1) span {
width: 20%;
top: 46%;
left: 84%;
}
.landing-mainanim-5__item:nth-child(2) span:nth-last-child(1) {
width: 54%;
top: -16%;
left: -19%;
}
.landing-mainanim-5__item:nth-child(2) span:nth-last-child(2) {
width: 17%;
top: 10%;
left: 49%;
transform: rotate(9deg);
}
.landing-mainanim-5__item:nth-child(3) span {
width: 20%;
top: 7%;
left: -8%;
}
.landing-mainanim-5__item:nth-child(4) span{
width: 30%;
top: -8%;
left: 81%;
}
.landing-mainanim-5__item:nth-child(6) span {
width: 15%;
top: 53%;
left: -4px;
transform: rotate(-6deg);
}
.landing-mainanim-5__anim-1{
width: 21%;
top: -10%;
left: 86%;
}
.landing-mainanim-5__anim-2 {
width: 15%;
top: 68%;
left: 76%;
}
@keyframes mainAnim5-1{
to{
transform: translate(18%,47.5%);
}
}
@keyframes mainAnim5-2{
to{
transform: translate(-350%,-70%);
}
}
.landing-mainanim-6{
flex-direction: column;
align-items: center;
}
.landing-mainanim-6__item{
max-width: 100%;
padding: 17px 16px 0;
}
.landing-mainanim-6__title{
font-weight: 400;
font-size: 12px;
line-height: 140%;
margin-bottom: 28px;
}
.landing-mainanim-6__image {
margin: 0 64px;
}
.landing-mainanim-6__arrow{
padding: 5px 0;
}
.landing-mainanim-6__photos {
height: auto;
margin: -18px -20px;
padding-top: 72%;
}
.landing-mainanim-6__photo:nth-child(1) i,
.landing-mainanim-6__photo:nth-child(6) i{
animation: none;
transform: scale(1.1);
}
.landing-mainanim-6__photo:nth-child(1) i::after,
.landing-mainanim-6__photo:nth-child(6) i::after{
animation: none;
border: 2px solid #9757F0;
}
.landing-mainanim-6__photo:nth-child(1) span,
.landing-mainanim-6__photo:nth-child(6) span{
animation: none;
opacity: 1;
}
.landing-mainanim-6__line{
stroke: #403D49;
animation-delay: 0.25s;
}
.landing-mainanim-6__star{
opacity: 0;
animation-delay: 0.25s;
}
.landing-mainanim-6__photo span {
right: 33px;
bottom: 23px;
padding: 5px 12px;
font-size: 16px;
line-height: 140%;
}
.landing-mainanim-7 {
margin: 0 -35px;
}
.landing-mainanim-7__image {
width: 404px;
max-width: none;
margin: 52px auto 10px;
}
.landing-mainanim-7__photo:nth-child(1) {
width: 9.3%;
top: 7.9%;
left: 14.2%;
}
.landing-mainanim-7__photo:nth-child(2) {
width: 9.5%;
top: -0.3%;
left: 55.4%;
}
.landing-mainanim-7__photo:nth-child(3) {
width: 9%;
top: 39.4%;
left: 0.5%;
}
.landing-mainanim-7__photo:nth-child(4) {
width: 9%;
top: 52.6%;
left: 92.4%;
}
.landing-mainanim-7__photo:nth-child(5) {
width: 8.5%;
top: 17.7%;
left: 83.4%;
}
.landing-mainanim-7__photo:nth-child(6){
display: none;
}
.landing-item{
width: 100%;
padding: 15px 12px 0;
border-radius: 24px;
border-bottom: 1px solid #46454B;
}
.landing-item__title{
font-size: 12px;
margin-bottom: 12px;
}
.landing-item__content {
margin-bottom: 11px;
}
.landing-item__photo{
width: 40px;
height: 40px;
margin-right: 12px;
}
.landing-item__text{
font-size: 16px;
line-height: 150%;
letter-spacing: -0.04em;
}
.landing-item__text br{
display: none;
}
.landing-item__rays{
width: 36px;
height: 36px;
}
.landing-item__image{
margin: 0 8px;
}
.landing-welcome__arrow{
margin: 29px 0;
text-align: center;
transform: none;
}
.landing-welcome__arrow svg{
width: 70px;
height: 30px;
transform: rotate(90deg);
}
.landing-welcome__arrow svg path{
stroke-width: 4 !important;
}
.landing-wins {
padding: 57px 0;
}
.landing-wins__container{
display: block;
}
.landing-wins__item {
min-height: 0;
padding: 11px;
border-radius: 12px;
}
.landing-wins__item:not(:last-child){
margin-bottom: 21px;
}
.landing-wins__icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.landing-wins__title{
font-size: 21px;
line-height: 110%;
margin-bottom: 23px;
}
.landing-wins__text {
font-size: 16px;
letter-spacing: -0.04em;
}
.landing-serving{
padding: 60px 0;
border-radius: 20px;
}
.landing-serving__container{
display: block;
}
.landing-serving__item{
min-height: 0;
gap: 17px;
padding: 22px 17px 19px;
}
.landing-serving__item:not(:last-child){
margin-bottom: 20px;
}
.landing-serving__title{
font-size: 20px;
line-height: 110%;
letter-spacing: -0.02em;
}
.landing-serving__title i{
inset: -2px auto -4px 0;
}
.landing-serving__list{
letter-spacing: -0.04em;
}
.landing-how {
padding: 59px 0 40px;
}
.landing-how__tabs{
background: none;
border: none;
padding: 0;
border-radius: 0;
overflow-y: auto;
gap: 12px;
margin: -17px -20px 27px;
scrollbar-width: none;
}
.landing-how__tabs::-webkit-scrollbar {
display: none;
}
.landing-how__tabs button{
padding: 9px 12px 11px;
border: 1px solid #46454B;
border-radius: 40px;
font-weight: 500;
font-size: 16px;
line-height: 120%;
white-space: nowrap;
}
.landing-how__tabs button:first-child{
margin-left: 20px;
}
.landing-how__tabs button:last-child{
margin-right: 20px;
}
.landing-how__tabitems{
display: flex;
margin-bottom: 25px;
}
.landing-how__tabitems button{
width: 50%;
padding: 11px 20px;
border: none;
background: none;
font-weight: 500;
font-size: 14px;
line-height: 140%;
letter-spacing: -0.04em;
color: #FFF;
position: relative;
}
.landing-how__tabitems button.active::before{
content: '';
display: block;
height: 3px;
background: #FFF;
border-radius: 5px;
position: absolute;
inset: auto 0 0;
}
.landing-how__block{
flex-direction: column;
padding: 4px 0 20px;
}
.landing-how__content{
width: 100%;
padding: 0 0 4px;
}
.landing-how__name{
font-size: 22px;
margin-bottom: 13px;
}
.landing-how__subtitle{
display: none;
}
.landing-how__tags {
margin: -8px 0 8px;
}
.landing-how__tags li {
padding: 1px 11px;
}
.landing-how__item{
margin-bottom: 25px;
}
.landing-how__item:not(.show) {
display: none;
}
.landing-how__list {
font-size: 16px;
}
.landing-how__list li:before{
top: 5px;
}
.landing-how__image{
width: 100%;
}
.landing-how__image img{
border-radius: 16px;
}
.landing-how__video i{
display: none !important;
}
.landing-howgallery{
align-items: flex-start;
padding: 10px 12px;
margin-top: 24px;
}
.landing-howgallery__image {
width: 24.15%;
}
.landing-howgallery__content{
width: 75.85%;
padding: 1px 0 0 13px;
}
.landing-howgallery__text{
font-size: 16px;
line-height: 150%;
letter-spacing: -0.04em;
}
.landing-find{
margin-top: 40px;
padding: 75px 15px;
border-radius: 20px;
}
.landing-find__text{
font-size: 26px;
margin: 0 auto 24px;
}
.landing-process{
padding: 58px 0 60px;
background: linear-gradient(98.58deg, #E2E6FF -6.98%, #FEF6E7 110.22%);
border-radius: 20px;
}
.landing-process__head{
flex-direction: column;
gap: 0;
margin-bottom: 29px;
}
.landing-process__head .landing-title{
width: 100%;
}
.landing-process__desc{
width: 100%;
font-size: 16px;
line-height: 150%;
letter-spacing: -0.04em;
margin-top: 16px;
}
.landing-process__container{
flex-direction: column;
gap: 6px;
}
.landing-process__tabs{
width: 100%;
columns: 2;
column-gap: 8px;
gap: 8px;
}
.landing-process__tabs button{
/* width: calc(10% - 4px); */
min-height: 37px;
padding: 0;
font-weight: 400;
font-size: 14px;
line-height: 130%;
text-align: left;
border-radius: 0;
background: none !important;
padding-right: 5px;
margin-bottom: 11px;
}
.landing-process__tabs button::before,
.landing-process__tabs button::after{
display: none !important;
}
.landing-process__tabs button span{
width: 32px;
height: 32px;
background: #FFF;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 100%;
flex-shrink: 0;
}
.landing-process__tabs button.active span{
background: #080808;
color: #FFF;
}
.landing-process__tabs button i{
display: none;
}
.landing-process__tabs button.active{
padding-right: 0;
font-weight: 500;
color: #080808;
}
.landing-process__main{
width: 100%;
border-radius: 16px;
}
.landing-process__block {
min-height: 0 !important;
padding: 17px 13px;
}
.landing-process__name{
font-size: 20px;
margin-bottom: 14px;
}
.landing-process__name span{
font-size: 23px;
line-height: 100%;
margin-right: 8px;
}
.landing-process__text {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.04em;
}
.landing-process__bottom{
margin-top: 22px;
}
.landing-process .slick-arrow{
width: 40px;
height: 40px;
bottom: 19px;
}
.landing-process .slick-arrow.slick-prev {
right: 90px;
}
.landing-process .slick-arrow.slick-next {
right: 34px;
}
.landing-process .slick-arrow svg{
width: 12px;
height: 10px;
}
.landing-talk{
padding: 40px 0 60px;
border-radius: 20px;
}
.landing-talk__container{
flex-direction: column;
}
.landing-talk__content{
width: 100%;
padding: 0 0 33px;
}
.landing-talk__text {
font-size: 16px;
}
.landing-talk__formblock{
width: 100%;
padding: 14px 16px;
border-radius: 16px;
}
.landing-talk__click{
display: none;
}
.landing-talk__formblock .form-btn .button{
width: 100%;
padding: 12px 14px;
font-size: 14px;
}
.landing-thankyou {
padding: 14px 0;
}
.landing-thankyou__icon{
margin-bottom: 8px;
}
.landing-thankyou__icon img{
width: 52px;
height: 52px;
}
.landing-thankyou__title{
font-size: 22px;
letter-spacing: -0.02em;
margin-bottom: 5px;
}
.landing-thankyou__text{
font-size: 16px;
}
.landing-control__arrows{
gap: 12px;
}
.landing-control__arrows .slick-arrow,
.landing-gallery__arrows .slick-arrow{
width: 40px;
height: 40px;
}
.landing-control__arrows .slick-arrow svg,
.landing-gallery__arrows .slick-arrow svg{
width: 12px;
height: 10px;
}
.landing-global {
padding: 60px 0 27px;
}
.landing-global__container{
flex-direction: column;
margin: 34px 2px 0 -6px;
}
.landing-global__image{
width: 100%;
}
.landing-global__image span{
margin: 0;
}
.landing-global__stats{
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 23px 28px;
padding: 0 0 0 8px;
margin: 7px 0 0;
}
.landing-global__item{
width: calc(50% - 14px);
flex-direction: column;
align-items: flex-start;
gap: 9px;
margin: 0;
}
.landing-global__value{
font-size: 32px;
}
.landing-global__value span{
font-size: 24px;
}
.landing-global__label{
font-size: 14px;
line-height: 140%;
}
.landing-global__reward{
margin: 25px -20px 0;
gap: 20px;
padding-bottom: 0;
overflow-x: auto;
overflow-y: hidden;
}
.landing-global__reward span{
width: 93px;
flex-shrink: 0;
}
.landing-global__reward span:first-child{
margin-left: 20px;
}
.landing-global__reward span:last-child{
margin-right: 20px;
}
.landing-review{
padding: 39px 0;
}
.landing-global + .landing-review{
padding: 3px 0 61px;
}
.landing-review__link{
margin-bottom: 24px;
}
.landing-review__slider {
margin-bottom: 23px;
position: relative;
z-index: 1;
}
.landing-review__block{
flex-direction: column;
border-radius: 24px;
padding: 63px 16px 16px;
}
.landing-review__decor{
width: 30px;
inset: 14px auto auto 17px;
}
.landing-review__text{
width: 100%;
font-size: 18px;
line-height: 128%;
letter-spacing: -0.01em;
padding: 0 0 20px;
}
.landing-review__author{
width: 100%;
}
.landing-review__photo{
width: 52px;
height: 52px;
}
.landing-review__name {
font-size: 19px;
}
.landing-review__status {
font-size: 15px;
letter-spacing: -0.01em;
}
.landing-gallery__popup {
max-width: calc(100vw - 16px);
padding: 12px;
border-radius: 12px;
}
.landing-gallery__head {
margin: -12px -12px 20px;
padding: 14px 50px 12px 12px;
font-size: 16px;
}
.landing-gallery__close {
top: 15px;
right: 12px;
}
.landing-gallery__nums{
font-size: 16px;
}
.landing-case {
padding: 59px 0;
}
.landing-case__head {
margin-bottom: 31px;
}
.landing-case__slider {
margin: 0 -20px 25px;
}
.landing-case__block{
padding: 16px 16px 14px;
border-radius: 12px;
flex-direction: column-reverse;
align-items: flex-end;
position: relative;
}
.landing-case__content{
width: 100%;
padding: 12px 0 0;
}
.landing-case__category{
width: calc(54% - 32px);
gap: 10px 12px;
position: absolute;
top: 16px;
left: 16px;
}
.landing-case__text {
letter-spacing: -0.04em;
}
.landing-case__image{
width: 46%;
padding: 0;
}
.landing-case__link{
text-align: left;
margin-top: 24px;
}
.landing-faq{
padding: 58px 0;
}
.landing-faq__container{
flex-direction: column;
}
.landing-faq__head{
width: 100%;
padding: 0;
}
.landing-faq__items{
width: 100%;
padding: 0;
}
.landing-faq__item {
padding: 5px;
}
.landing-faq__question{
font-size: 16px;
}
.landing-faq__answer{
letter-spacing: -0.04em;
padding: 2px 10px 10px;
}
.landing-faq__answer p:not(:last-child) {
margin-bottom: 10px;
}
.page-template-template_landing-2 .footer-discuss,
.service-template-template_landing-2 .footer-discuss{
padding: 29px 0 58px;
}
.landing-footmenu{
display: none;
}
.page-template-template_landing-2 .mobile-menu_footer ,
.service-template-template_landing-2 .mobile-menu_footer{
padding: 47px 0 25px;
}
}
.landing-report{
padding: 0 0 80px;
}
.landing-report__block {
display: flex;
padding: 62px 48px;
background: #302E35;
border-radius: 20px;
overflow: hidden;
}
.landing-report__image {
width: 33.8%;
margin-bottom: -100px;
}
.landing-report__image span{
display: block;
position: relative;
padding-top: 56.25%;
}
.landing-report__image img{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
inset: 0;
border-radius: 10px 10px 0 0;
}
.landing-report__content {
width: 66.2%;
padding: 0 0 0 105px;
}
.landing-report__title {
font-weight: 500;
font-size: 32px;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 11px;
}
.landing-report__title span{
display: inline-block;
position: relative;
}
.landing-report__title span:after{
content: '';
display: block;
height: 12px;
background: url('data:image/svg+xml,') no-repeat 0 0 / 100% auto;
position: absolute;
left: -19px;
bottom: -14px;
right: -22px;
}
.landing-report__title span:after{
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.landing-report__title span.animate:after{
animation: drawLine 2s ease forwards;
}
@keyframes drawLine {
to{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
.landing-report__text {
font-weight: 500;
font-size: 18px;
line-height: 130%;
letter-spacing: -0.01em;
color: #BCBBC2;
margin-bottom: 24px;
}
.landing-gallery__arrows {
display: flex;
gap: 16px;
}
.landing-gallery__arrows .slick-arrow{
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
background: #302E35;
border: 1px solid #302E35;
border-radius: 50%;
flex-shrink: 0;
cursor: pointer;
position: relative;
}
.landing-gallery__arrows .slick-arrow:before{
content: '';
display: block;
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
background: #fff;
border-radius: 50%;
opacity: 0;
transform: scale(0);
transition: all 0.2s;
}
.landing-gallery__arrows .slick-arrow svg{
fill: #fff;
position: relative;
transition: fill 0.2s;
}
.landing-gallery__arrows .slick-arrow.slick-prev svg{
transform: scaleX(-1);
}
.landing-gallery__arrows .slick-arrow:hover:before{
opacity: 1;
transform: scale(1);
}
.landing-gallery__arrows .slick-arrow:hover svg{
fill: #080808;
}
.landing-gallery-open{
overflow: hidden;
}
.landing-gallery {
visibility: hidden;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
inset: 0;
color: #16131B;
z-index: 10000;
transition: all 0.3s;
}
#hubspot-messages-iframe-container{
z-index: 9999 !important;
}
.landing-gallery.show{
visibility: visible;
opacity: 1;
}
.landing-gallery__overlay {
position: absolute;
background: rgba(22,19,27,0.6);
inset: 0;
}
.landing-gallery__popup {
display: flex;
flex-direction: column;
width: 1100px;
height: 766px;
max-width: calc(100vw - 100px);
max-height: calc(100vh - 134px);
padding: 20px;
background: #FFF;
border-radius: 20px;
position: relative;
}
.landing-gallery__head {
margin: -20px -20px 20px;
padding: 20px 100px 20px 20px;
font-weight: 500;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.04em;
border-bottom: 1px solid #D6D6D6;
position: relative;
flex-shrink: 0;
}
.landing-gallery__close {
border: none;
background: none;
position: absolute;
top: 24px;
right: 20px;
}
.landing-gallery__body{
flex-grow: 1;
position: relative;
}
.landing-gallery__slider {
position: absolute !important;
inset: 0;
}
.landing-gallery__slider .slick-list,
.landing-gallery__slider .slick-track,
.landing-gallery__slider .slick-slide,
.landing-gallery__slider .slick-slide > div,
.landing-gallery__slide{
height: 100%;
}
.landing-gallery__slide span{
display: flex;
height: 100%;
}
.landing-gallery__slider .landing-gallery__slide img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 10px;
margin: auto;
}
.landing-gallery,
.landing-gallery__slider {
touch-action: auto !important;
}
.landing-gallery__control {
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
gap: 50px;
margin-top: 16px;
}
.landing-gallery__nums {
font-weight: 500;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.04em;
}
.landing-gallery__arrows .slick-arrow{
background: #F8F8F9;
border: 1px solid #F8F8F9;
}
.landing-gallery__arrows .slick-arrow::before {
background: #16131B;
}
.landing-gallery__arrows .slick-arrow svg{
fill: #16131B;
}
.landing-gallery__arrows .slick-arrow:hover svg{
fill: #FFF;
}
@media only screen and (max-width: 992px){
.landing-report__block{
flex-direction: column-reverse;
padding: 16px 17px 0;
}
.landing-report__image{
width: 65%;
padding: 0;
margin-bottom: -13%;
}
.landing-report__image img{
border-radius: 8px 8px 0 0;
}
.landing-report__content{
width: 100%;
padding: 0 0 21px;
}
.landing-report__title{
font-size: 22px;
letter-spacing: -0.02em;
margin-bottom: 7px;
}
.landing-report__title span::after {
left: -8px;
bottom: -13px;
right: -15px;
}
.landing-report__text{
font-size: 16px;
margin-bottom: 16px;
}
.landing-gallery__arrows .slick-arrow{
width: 40px;
height: 40px;
}
.landing-gallery__arrows .slick-arrow svg{
width: 12px;
height: 10px;
}
.landing-gallery__popup {
max-width: calc(100vw - 16px);
padding: 12px;
border-radius: 12px;
}
.landing-gallery__head {
margin: -12px -12px 20px;
padding: 14px 50px 12px 12px;
font-size: 16px;
}
.landing-gallery__close {
top: 15px;
right: 12px;
}
.landing-gallery__nums{
font-size: 16px;
}
}