body {
    font-family: Montserrat;
    margin: 0;
}
p {
    margin: 0;
}
html, body {
    overflow-x: hidden !important;
}
html.i-amphtml-fie>body, html.i-amphtml-singledoc>body{
    overflow-x: hidden !important;
}

.main-section {
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    min-height: 936px;
    position: relative;
}
header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
header > div {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    width: 100%;
    /*padding-top: 58px;*/
    justify-content: space-between;
    align-items: flex-start;
}
.logo-block {
    margin-top: 58px;
}
.menu-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 720px;
    width: 100%;
}
header.fixed .menu-block {
    height: 85px;
}
.menu-block .menu-item {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.9px;
    transition: color 0.5s ease, font-weight 0.5s ease; /* Плавный переход цвета и толщины шрифта */
    cursor: pointer;
    padding-top: 70px;
    width: 100%;
    text-align: center;
    position: relative;
    text-decoration: none;
    padding-bottom: 69px;
    /*border-top: 2px solid transparent;*/
}

.menu-block .menu-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #BB1632;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease; /* Плавная анимация появления */
}
.menu-block .menu-item:hover::before {
    transform: scaleX(1); /* Плавно увеличиваем линию по оси X */
}
.menu-block .menu-item:hover {
    color: #BB1632;
    font-weight: 600;
}
.contact-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 257px;
    width: 100%;
    margin-top: 67px;
}
.contact-items a {
    cursor: pointer;
    height: 29px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.contact-telegram path {
    transition: fill 0.5s ease;
}
.contact-telegram:hover path {
    fill: #BB1632;
}
.contact-email {
    color: #FFF;
    text-align: right;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 20px;
    letter-spacing: 1px;
}
.header-items {
    display: flex;
    max-width: 1061px;
    width: 100%;
    align-items: flex-start;
}
.lang-menu {
    margin: 63px 49px 0 62px;
    width: 24px;
}
.lang-menu a {
    color: #73767B;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 96%; /* 15.36px */
    letter-spacing: -0.48px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}
.lang-menu a:nth-of-type(1) {
    margin-bottom: 7px;
}
.lang-menu a.active {
    color: #BB1632;
}
.contact-items .contact-phone {
    display: none;
}
.logo-block .logo-color {
    display: none;
}
.all-services {
    display: flex;
    max-width: 138px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-top: 71px;
    text-decoration: none;
    cursor: pointer;
}
.all-services.all-services-ukr {
    max-width: 160px;
}
.all-services i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='21' viewBox='0 0 16 21' fill='none'%3E%3Cpath d='M4.19783 12.9688C4.0169 12.9688 3.89496 12.9864 3.83203 13.0041V14.1625C3.90676 14.1802 4.00018 14.1851 4.129 14.1851C4.60001 14.1851 4.8901 13.9472 4.8901 13.545C4.8901 13.1851 4.64033 12.9688 4.19783 12.9688ZM7.62671 12.9806C7.43005 12.9806 7.30221 12.9982 7.2265 13.0159V15.5824C7.30221 15.6001 7.42415 15.6002 7.53428 15.6002C8.33766 15.6061 8.8608 15.1635 8.8608 14.2274C8.8667 13.4112 8.38978 12.9806 7.62671 12.9806Z' fill='%23D31636'/%3E%3Cpath d='M9.83333 0.5H1.96667C1.44507 0.5 0.944845 0.707202 0.576023 1.07602C0.207202 1.44484 0 1.94507 0 2.46667V18.2C0 18.7216 0.207202 19.2218 0.576023 19.5906C0.944845 19.9595 1.44507 20.1667 1.96667 20.1667H13.7667C14.2883 20.1667 14.7885 19.9595 15.1573 19.5906C15.5261 19.2218 15.7333 18.7216 15.7333 18.2V6.4L9.83333 0.5ZM5.40637 14.4535C5.10252 14.7387 4.65412 14.8665 4.13197 14.8665C4.03072 14.8676 3.92953 14.8617 3.8291 14.8488V16.251H2.95V12.3806C3.34673 12.3215 3.7476 12.2945 4.14868 12.3C4.6964 12.3 5.0858 12.4042 5.34835 12.6137C5.59812 12.8123 5.76725 13.1378 5.76725 13.5213C5.76627 13.9068 5.63843 14.2323 5.40637 14.4535ZM9.14992 15.7859C8.73692 16.1291 8.10857 16.2923 7.34058 16.2923C6.88038 16.2923 6.5549 16.2628 6.33365 16.2333V12.3816C6.73052 12.3237 7.13127 12.2964 7.53233 12.3C8.27672 12.3 8.76052 12.4337 9.13812 12.7189C9.5462 13.0218 9.80187 13.5046 9.80187 14.1978C9.80187 14.9481 9.52752 15.4663 9.14992 15.7859ZM12.7833 13.0572H11.2769V13.953H12.685V14.6748H11.2769V16.252H10.386V12.3295H12.7833V13.0572ZM9.83333 7.38333H8.85V2.46667L13.7667 7.38333H9.83333Z' fill='%23D31636'/%3E%3C/svg%3E");
    width: 16px;
    height: 21px;
    margin-top: -3px;
    display: inline-block;
    margin-right: 14px;
}
.all-services span {
    color: #BB1632;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.9px;
}
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10.654993057250977px);
    z-index: 1000;
    height: 85px;
}
header.fixed .menu-block .menu-item {
    color: #13161A;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
header.fixed .menu-block .services-container .menu-item, header.fixed .services-container .cases-link {
    height: 85px;
    padding: 0;
}
header.fixed .all-services {
    padding-top: 35px;
}
header.fixed  .logo-block {
    margin-top: 23px;
}
header.fixed .contact-phone {
    display: flex;
}
/*header.fixed .contact-email:not(.contact-phone) {*/
/*    display: none;*/
/*}*/
header.fixed .contact-email {
    color: #13161A;
}
header.fixed .lang-menu {
    margin: 27px 110px 0 99px;
}
header.fixed .contact-items {
    margin-top: 31px;
}
header.fixed .contact-telegram path {
    fill: #13161A;
}
header.fixed .logo-block img {
    display: none;
}
header.fixed .logo-block .logo-color {
    display: block;
}
h1 {
    color: #FFF;
    text-align: left;
    font-family: Montserrat;
    font-size: 173.993px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -8.7px;
    padding-top: 170px;
    padding-left: 154px;
    margin: 0;
    opacity: 0;
    transform: translateY(-40px);
    animation: fadeInMoveDown 1s ease-out forwards;
}
@keyframes fadeInMoveDown {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
h1 small {
    width: 67px;
    display: inline-block;
}
.main-description {
    color: #FFF;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 1.4px;
    margin: 0;
    padding-top: 40px;
    text-align: left;
    padding-left: 327px;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInMoveDown 1s ease-out forwards;
    animation-delay: 0.8s; /* Задержка появления подзаголовка */
}

.main-section > i:nth-of-type(1) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='283' height='333' viewBox='0 0 283 333' fill='none'%3E%3Cg filter='url(%23filter0_d_1_9)'%3E%3Cpath d='M94.3748 282C94.3748 228.308 50.6919 179.66 -3 179.66L-3 76C51.6346 76 104.032 97.7035 142.664 136.336C181.297 174.968 203 227.365 203 282H94.3748Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1_9' x='-82.6808' y='0.0252678' width='365.362' height='365.362' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.70608'/%3E%3CfeGaussianBlur stdDeviation='39.8404'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1_9'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1_9' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: 283px;
    height: 333px;
    position: absolute;
    display: block;
    bottom: -51px;
    left: 0;
    transform-origin: left bottom; /* Точка начала анимации */
    transform: scale(0); /* Изначально уменьшенный размер */
    opacity: 0; /* Изначально невидимая */
    transition: transform 1s ease-out, opacity 1s ease-out; /* Плавная анимация */
}

.main-section > i:nth-of-type(1).animate {
    transform: scale(1); /* Увеличение до нормального размера */
    opacity: 1; /* Полная видимость */
}
.main-section > i:nth-of-type(2) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='738' height='527' viewBox='0 0 738 527' fill='none'%3E%3Cg filter='url(%23filter0_d_1_7)'%3E%3Cpath d='M770.489 421.577C610.785 378.784 431.201 470.188 388.328 630.193L79.9973 547.576C123.623 384.762 230.018 245.914 375.777 161.577C521.536 77.2404 694.719 54.3232 857.227 97.8672L770.489 421.577Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1_7' x='0.316498' y='0.315063' width='936.591' height='713.265' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.70608'/%3E%3CfeGaussianBlur stdDeviation='39.8404'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1_7'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1_7' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: 738px;
    height: 527px;
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    transform-origin: right bottom; /* Точка начала анимации */
    transform: scale(0); /* Изначально уменьшенный размер */
    opacity: 0; /* Изначально невидимая */
    transition: transform 1s ease-out, opacity 1s ease-out; /* Плавная анимация */
}
.main-section > i:nth-of-type(2).animate {
    transform: scale(1); /* Увеличение до нормального размера */
    opacity: 1; /* Полная видимость */
}
.main-section > i:nth-of-type(3) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='463' height='778' viewBox='0 0 463 778' fill='none'%3E%3Cpath d='M557.184 454.337C397.48 411.544 287.592 242.838 330.384 83.134L22.054 0.517104C-21.49 163.025 1.30561 336.175 85.426 481.876C169.546 627.577 308.101 733.893 470.609 777.437L557.184 454.337Z' fill='url(%23paint0_linear_1_8)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_8' x1='202.72' y1='180.5' x2='202.72' y2='724.827' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23252931'/%3E%3Cstop offset='0.565' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23F74261'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 463px;
    height: 778px;
    position: absolute;
    display: block;
    bottom: -39px;
    right: 0;
    transform-origin: right top; /* Точка начала анимации */
    transform: scale(0); /* Изначально уменьшенный размер */
    opacity: 0; /* Изначально невидимая */
    transition: transform 1s ease-out, opacity 1s ease-out; /* Плавная анимация */
}
.main-section > i:nth-of-type(3).animate {
    transform: scale(1); /* Увеличение до нормального размера */
    opacity: 1; /* Полная видимость */
}
.squares {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 1920px;
    margin: 0 auto;
    right: 0;
}
.squares > * {
    position: absolute;
    /*border: 0.927px solid #FFF;*/
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 78.483px;
    height: 79.396px;
    width: 79.54px;
    height: 80.477px;
    top: 0;
    z-index: 1;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.7); /* Начальное уменьшение для дополнительного эффекта */
    animation: fadeIn 2s ease forwards;    /*animation: float 5s ease-in-out infinite;*/
}
/*.squares > *:nth-child(odd) {*/
/*    animation: float-odd 2s ease-in-out forwards;*/
/*}*/

/*.squares > *:nth-child(even) {*/
/*    animation: float-even 2s ease-in-out forwards;*/
/*}*/

@keyframes float-odd {
    0%, 100% {
        transform: translateY(0) translateX(0) scale(1);
    }
    25% {
        transform: translateY(-15px) translateX(15px) scale(1.1);
    }
    50% {
        transform: translateY(15px) translateX(-15px) scale(0.9);
    }
    75% {
        transform: translateY(-7px) translateX(-7px) scale(1.05);
    }
}

@keyframes float-even {
    0%, 100% {
        transform: translateY(0) translateX(0) scale(1);
    }
    25% {
        transform: translateY(20px) translateX(-20px) scale(1.1);
    }
    50% {
        transform: translateY(-20px) translateX(20px) scale(0.9);
    }
    75% {
        transform: translateY(10px) translateX(10px) scale(1.05);
    }
}
@keyframes float {
    0%, 100% {
        transform: translateY(0) translateX(0) scale(1);
    }
    25% {
        transform: translateY(-20px) translateX(20px) scale(1.1);
    }
    50% {
        transform: translateY(20px) translateX(-20px) scale(0.9);
    }
    75% {
        transform: translateY(-10px) translateX(-10px) scale(1.05);
    }
}
.squares > *::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: cover;
    border-radius: inherit; /* Чтобы углы совпадали */
    z-index: -1; /* Разместить за основным элементом */
}
.squares > :nth-child(1) {
    top: 160px;
    left: 643px;

}
.squares > :nth-child(3):before, .squares > :nth-child(5):before, .squares > :nth-child(14):before {
    background: url(/themes/demo/assets/img/3.svg) no-repeat center center;
}
.squares > :nth-child(6):before, .squares > :nth-child(20):before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.squares > :nth-child(15):before {
    background: url(/themes/demo/assets/img/15.svg) no-repeat center center;
}
.squares > :nth-child(17):before {
    background: url(/themes/demo/assets/img/16.svg) no-repeat center center;
}
.squares > :nth-child(16):before {
    background: url(/themes/demo/assets/img/17.svg) no-repeat center center;
}
.squares > :nth-child(18):before, .squares > :nth-child(19):before {
    background: url(/themes/demo/assets/img/18.svg) no-repeat center center;
}
.squares > :nth-child(2) {
    top: 160px;
    left: 1650px;
}
.squares > :nth-child(3) {
    top: 243px;
    left: 1731px;
}
.squares > :nth-child(4) {
    top: 239px;
    left: 98px;
}
.squares > :nth-child(5) {
    top: 321px;
    left: 178px;
}
.squares > :nth-child(6) {
    top: 404px;
    left: 178px;
}
.squares > :nth-child(7) {
    top: 484px;
    left: 275px;
    display: none;
}
.squares > :nth-child(8) {
    top: 321px;
    left: 260px;
}
.squares > :nth-child(9) {
    top: 537px;
    left: 0;
}
.squares > :nth-child(10) {
    top: 324px;
    left: 1350px;
}
.squares > :nth-child(11) {
    top: 405px;
    left: 1430px;
}
.squares > :nth-child(12) {
    top: 455px;
    left: 1282px;
}
.squares > :nth-child(13) {
    top: 537px;
    left: 844px;
}
.squares > :nth-child(14) {
    top: 533px;
    left: 1036px;
}
.squares > :nth-child(15) {
    top: 533px;
    left: 1119px;
}
.squares > :nth-child(16) {
    top: 616px;
    left: 1202px;
}
.squares > :nth-child(17) {
    top: 616px;
    left: 1036px;
}
.squares > :nth-child(18) {
    top: 700px;
    left: 1284px;
}
.squares > :nth-child(19) {
    top: 781px;
    left: 1366px;
}
.squares > :nth-child(20) {
    top: 692px;
    left: 477px;
    display: none;
}
.main-content {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
}
.main-grid {
    max-width: 600px;
    width: 100%;
    display: grid;
    position: absolute;
    top: 525px;
    left: 171px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 4px;
}
.main-grid > * {
    height: 200px;
    position: relative;
}
.cage-item {
    background: #1D2027;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.8s ease;
    text-decoration: none;
}
.cage-item.border-item {
    transition: box-shadow 1.2s ease;
}

.cage-item.red-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
    transition: opacity .8s ease; /* Плавный переход для градиента */
    opacity: 0;
    z-index: 1; /* Чтобы текст оставался поверх градиента */
}
.cage-item.red-item:nth-of-type(1)::after {
    opacity: 1;
}
.cage-item.red-item.border-item {
    box-shadow: 0 0 4px .6px #D31636;
}
.cage-item.red-item:hover::after {
    opacity: 1;
}

.cage-item.red-item:hover, .cage-item.red-item.border-item:hover {
    box-shadow: 0px 3.706px 79.681px 0px #D31636;
}
.cage-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='196' height='198' viewBox='0 0 196 198' fill='none'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_1_77)'%3E%3Cline x1='38.0146' y1='0.592285' x2='38.0147' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='77.4453' y1='0.592285' x2='77.4453' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='40.4277' x2='0.536102' y2='40.4277' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='79.8582' x2='0.536102' y2='79.8582' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='116.321' y1='0.592285' x2='116.321' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='155.752' y1='0.592285' x2='155.752' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='118.732' x2='0.536102' y2='118.732' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='158.164' x2='0.536102' y2='158.164' stroke='white' stroke-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_77' x='0.0728723' y='0.129025' width='195.102' height='197.334' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_1_77'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2; /* Make sure it's on top of the background */
}
.cage-item p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.17px;
    max-width: 154px;
    z-index: 3;
    text-decoration: none;
}
.cage-item p small {
    display: block;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
    width: 85.981px;
    height: 1px;
    margin: 0 auto;
}
.cage-item div {
    max-width: 120px;
}
.cage-item strong {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px; /* 88.889% */
    letter-spacing: -0.36px;
    display: block;
    margin-bottom: 18px;
}
.cage-item span {
    display: block;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.12px;
}
.cage-item i {
    position: absolute;
    right: 14px;
    top: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11 1V11M11 1H1M11 1L1 11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11 1V11M11 1H1M11 1L1 11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    content: '';
    height: 12px;
    width: 12px;
    z-index: 3;
}
.cage-item .square {
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 79.54px;
    height: 80.477px;
    top: -41px;
    left: -49px;
    z-index: 4;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.9); /* Начальное уменьшение для дополнительного эффекта */
    transition: opacity 0.8s ease, transform 0.8s ease; /* Плавный переход для появления и масштаба */
}
.cage-item .square:nth-of-type(2) {
    top: unset;
    bottom: -48px;
    left: unset;
    right: -34px;
}
.cage-item .square:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: cover;
    border-radius: inherit;
    z-index: -1;
}
.cage-item .square:nth-of-type(2):before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.cage-item:hover .square {
    opacity: 1; /* Блок становится видимым */
    transform: scale(1); /* Масштаб возвращается к нормальному размеру */
}
.cage-item:not(.red-item) {
    opacity: 0;
    transform: scale(0.9);
    animation: fadeIn 2s ease forwards; /* Анимация для плавного появления */
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.grid-socials {
    max-width: 211px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 3px;
    position: absolute;
    top: 619px;
    left: 773px;
}
.grid-socials > * {
    margin-bottom: 1px;
    height: 106px;
    width: 100%;
    cursor: pointer;
}
.social-link rect {
    transition: fill 0.8s ease;
}

.social-link path {
    transition: fill 0.8s ease;
}

.social-link:hover rect {
    fill: #BB1632;
}

.social-link:hover path {
    fill: #FFFFFF;
}
.grid-section {
    position: relative;
    max-width: 1612px;
    margin: 0 auto;
    z-index: 1;
}
.squares > *:hover {
    animation: spinAndReturn 2s ease-in-out forwards;
}

@keyframes spinAndReturn {
    0% {
        transform: scale(1); /* Начальное состояние */
    }
    50% {
        transform: scale(1.5); /* Увеличение квадрата */
    }
    70% {
        transform: scale(1.5) rotate(720deg); /* Быстрое вращение 2 раза на 70% пути */
    }
    100% {
        transform: scale(1) rotate(0deg); /* Возвращение в исходное состояние */
    }
}
.marquee-items {
    height: 67px;
    width: auto;
    padding: 0;
    margin-top: 60px;
    background: none;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.marquee-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: relative;
    flex-shrink: 0;
}
.marquee-item img {
    height: 67px;
    width: auto;
    margin: 0 58px;
}
.marquee-items::before {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 50%, #FFF 100%);
    width: 572px;
    height: 76px;
    content: '';
    z-index: 1;
}
.marquee-items::after {
    width: 598px;
    height: 76px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 50%, #FFF 100%);
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    z-index: 1;
}
.our-activity-header h2 {
    font-family: Montserrat;
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -1.3px;
    max-width: 1294px;
    margin: 0 auto;
    padding-top: 164px;
    padding-bottom: 208px;
}
.our-activity-header h2 strong {
    background: linear-gradient(252deg, #F64261 0%, #D31636 66%);
    display: block;
    padding-left: 234px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -32px;
}
.our-activity-header h2 span {
    display: block;
    width: 100%;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.our-activity-header h2 span:nth-of-type(2) {
    text-align: right;
    margin-top: -15px;
}
.our-activity-header {
    position: relative;
    max-width: 1596px;
    margin: 0 auto;
}
.our-activity-header p {
    color: #13161A;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.8px;
    position: absolute;
    max-width: 570px;
    margin: 0;
}
.our-activity-header p:nth-of-type(1) {
    top: 492px;
    left: 0;
}
.our-activity-header p:nth-of-type(2) {
    top: 217px;
    right: -27px;
}
.our-activity-header > i {
    position: absolute;
    width: 76.447px;
    height: 76.337px;
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.66px);
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.7); /* Начальное уменьшение для дополнительного эффекта */
    animation: fadeIn 2s ease forwards;
}
.our-activity-header > i,
.our-activity-squares i,
.portfolio-header > div > i,
.professional-team-header > i,
.form-section > i,
footer > div > i, .price-sq > i
{
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
    z-index: 1;
}
.our-activity-header > i:hover, .our-activity-squares i:hover, .portfolio-header > div > i:hover,
.professional-team-header > i:hover,.form-section > i:hover, footer > div > i:hover, .squares-s > *:hover,
.structure-squares > *:hover, .price-sq > i:hover {
    display: none;
}
h2 span, h2 strong {
    display: block;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1.0s ease, transform 1.0s ease;
}


.our-activity-header.active h2 span:nth-child(1),
.form-section.active h2 span:nth-child(1),
.professional-team-header.active h2 span:nth-child(1),
.case-header.active h2 span:nth-child(1) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.0s;
}

.our-activity-header.active h2 strong,
.form-section.active h2 strong,
.professional-team-header.active h2 strong,
.case-header.active h2 strong{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}


.our-activity-header.active h2 span:nth-child(3),
.form-section.active h2 span:nth-child(3),
.professional-team-header.active h2 span:nth-child(3),
.case-header.active h2 span:nth-child(3){
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.0s;
}


.our-activity-header > i:nth-of-type(1) {
    left: 730px;
    top: 85px;
}
.our-activity-header > i:nth-of-type(2) {
    left: 808px;
    top: 162px;
}
.our-activity-header > i:nth-of-type(3) {
    left: 1424px;
    top: 85px;
}
.our-activity-header > i:nth-of-type(4) {
    top: 259px;
    left: 99px;
}
.our-activity-header > i:nth-of-type(5) {
    top: 337px;
    left: 21px;
}
.our-activity-header > i:nth-of-type(6) {
    top: 374px;
    left: 1069px;
}
.our-activity-header > i:nth-of-type(7) {
    top: 376px;
    left: 1227px;
}
.our-activity-header > i:nth-of-type(8) {
    top: 553px;
    left: 634px;
}
.our-activity-header > i:nth-of-type(9) {
    top: 525px;
    left: 1424px;
}
.our-activity-header > i:nth-of-type(10) {
    top: 602px;
    left: 1506px;
}
.our-activity-header > i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: contain;
}
.our-activity-header > i:nth-of-type(2)::before, .our-activity-header > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/s-4.svg) no-repeat center center;
    background-size: contain;
}
.our-activity, .our-activity-grid {
    display: grid;
    grid-template-columns: 485px 271.5px 271.5px 271.5px 271.5px;
    grid-gap: 6px;
    max-width: 1596px;
    margin: 0 auto;
}
.our-activity-grid {
    grid-template-columns: 239.5px 239.5px 271.5px 271.5px 271.5px 271.5px;
    margin-top: 41px;
    margin-bottom: 224px;
}
.our-activity-grid.activity-main {
    margin-bottom: 20px;
}
.our-activity > * {
    background: #1D2027;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.8s ease;
    height: 276px;
    text-decoration: none;
}
.our-activity > *:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='270' height='272' viewBox='0 0 270 272' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_52_2619)'%3E%3Cline x1='52.4414' y1='0.544922' x2='52.4414' y2='271.294' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='106.797' y1='0.544922' x2='106.797' y2='271.294' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='55.2676' x2='0.966156' y2='55.2676' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='109.623' x2='0.966156' y2='109.623' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='160.387' y1='0.542969' x2='160.387' y2='271.292' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='214.742' y1='0.542969' x2='214.742' y2='271.292' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='163.212' x2='0.966156' y2='163.212' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='217.568' x2='0.966156' y2='217.568' stroke='white' stroke-opacity='0.05'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_52_2619' x='0.503536' y='0.0797082' width='268.598' height='271.678' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_52_2619'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2;
}
.our-activity:not(.structure) > *:first-of-type:before {
    background-image: url("data:image/svg+xml,%3Csvg width='486' height='273' viewBox='0 0 486 273' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_0_1)'%3E%3Cline x1='52.5918' y1='1.19629' x2='52.5918' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='106.947' y1='1.19629' x2='106.947' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.791' y1='55.9189' x2='1.1185' y2='55.9189' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.791' y1='110.274' x2='1.1185' y2='110.274' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='160.537' y1='1.19531' x2='160.537' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='214.893' y1='1.19531' x2='214.893' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.791' y1='163.863' x2='1.1185' y2='163.863' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='268.791' y1='218.22' x2='1.1185' y2='218.22' stroke='white' stroke-opacity='0.05'/%3E%3C/g%3E%3Cg opacity='0.9' filter='url(%23filter1_f_0_1)'%3E%3Cline x1='268.592' y1='1.19629' x2='268.592' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='322.947' y1='1.19629' x2='322.947' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='485' y1='55.5' x2='269' y2='55.5' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='485' y1='110.5' x2='269' y2='110.5' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='376.537' y1='1.19531' x2='376.537' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='430.893' y1='1.19531' x2='430.893' y2='271.945' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='485' y1='163.5' x2='269' y2='163.5' stroke='white' stroke-opacity='0.05'/%3E%3Cline x1='485' y1='218.5' x2='269' y2='218.5' stroke='white' stroke-opacity='0.05'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_0_1' x='0.65588' y='0.732052' width='268.598' height='271.677' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_0_1'/%3E%3C/filter%3E%3Cfilter id='filter1_f_0_1' x='267.629' y='0.732052' width='217.835' height='271.677' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_0_1'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.our-activity > * p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.24px;
    z-index: 3;
}

.our-activity > * p small {
    width: 118.526px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
    display: block;
    margin: 0 auto;
}
.our-activity > * span {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.12px;
    display: block;
    max-width: 158px;
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.our-activity.page-main > *:nth-of-type(3) p {
    margin: -33px auto 0 auto;
}
.our-activity > *:nth-of-type(1) p small {
    width: 136.796px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
    display: block;
    margin: 0 auto;
}
.our-activity > *::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
    transition: opacity .8s ease;
    opacity: 0;
    z-index: 1;
}
.our-activity > *:hover::after {
    opacity: 1;
}
.our-activity > *:hover span {
    color: white;
    z-index: 2;
}
.our-activity > * .square {
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 79.54px;
    height: 80.477px;
    top: -41px;
    left: -49px;
    z-index: 4;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.9); /* Начальное уменьшение для дополнительного эффекта */
    transition: opacity 0.8s ease, transform 0.8s ease; /* Плавный переход для появления и масштаба */
}
.our-activity > * .square:nth-of-type(2) {
    top: unset;
    bottom: -48px;
    left: unset;
    right: -34px;
}
.our-activity > * .square:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: cover;
    border-radius: inherit;
    z-index: -1;
}
.our-activity > * .square:nth-of-type(2):before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.our-activity > *:hover .square {
    opacity: 1; /* Блок становится видимым */
    transform: scale(1); /* Масштаб возвращается к нормальному размеру */
}
.our-activity {
    opacity: 0; /* Изначально скрываем блоки */
    transform: translateY(50px); /* Сдвиг вниз перед анимацией */
    transition: opacity 0.7s ease, transform 0.7s ease; /* Более медленная анимация для всей секции */
}

.our-activity.active {
    opacity: 1; /* Плавное появление */
    transform: translateY(0); /* Возврат на место */
}

.our-activity > a {
    opacity: 0; /* Блоки изначально скрыты */
    transform: translateY(50px); /* Блоки смещены вниз перед появлением */
    transition: opacity 0.7s ease, transform 0.7s ease; /* Увеличиваем длительность анимации для блоков */
}

.our-activity.active > a:nth-child(1) {
    transition-delay: 0.1s; /* Задержка для первого блока */
    opacity: 1;
    transform: translateY(0); /* Возврат на место */
}

.our-activity.active > a:nth-child(2) {
    transition-delay: 0.3s; /* Задержка меньше чем время анимации первого */
    opacity: 1;
    transform: translateY(0);
}

.our-activity.active > a:nth-child(3) {
    transition-delay: 0.5s;
    opacity: 1;
    transform: translateY(0);
}

.our-activity.active > a:nth-child(4) {
    transition-delay: 0.7s;
    opacity: 1;
    transform: translateY(0);
}

.our-activity.active > a:nth-child(5) {
    transition-delay: 0.9s;
    opacity: 1;
    transform: translateY(0);
}
.our-activity-squares {
    position: relative;
    height: 0;
    max-width: 1596px;
    margin: 0 auto;
    z-index: 2;
}
.our-activity-squares i {
    border: 0.927px solid #FFF;
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 76.447px;
    height: 76.337px;
    position: absolute;
}
.our-activity-squares i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: contain;
}
.our-activity-squares i:nth-of-type(2)::before, .our-activity-squares i:nth-of-type(5)::before  {
    background: url(/themes/demo/assets/img/s-4.svg) no-repeat center center;
}
.our-activity-squares i:nth-of-type(1) {
    top: 460px;
    left: -160px;
}
.our-activity-squares i:nth-of-type(2) {
    top: 382px;
    left: -82px;
}
.our-activity-squares i:nth-of-type(3) {
    top: 1089px;
    left: 240px;
}
.our-activity-squares i:nth-of-type(4) {
    top: 1089px;
    left: 684px;
}
.our-activity-squares i:nth-of-type(5) {
    top: 1011px;
    left: 761px;
}
.our-activity-squares i:nth-of-type(6) {
    top: 891px;
    left: 1069px;
}
.our-activity-squares i:nth-of-type(7) {
    top: 968px;
    left: 1147px;
}
.our-activity-squares i:nth-of-type(8) {
    top: 1044px;
    left: 1225px;
}
.our-activity-squares i:nth-of-type(9) {
    top: 118px;
    right: -115px;
}
.our-activity-squares i:nth-of-type(10) {
    top: 594px;
    right: -113px;
}
.activity-item {
    border: 1px dashed #13161A;
    color: #13161A;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 111.111% */
    letter-spacing: -0.18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
    min-height: 64px;
    margin-bottom: 6px;
    transition: color 0.5s ease;
}
.activity-item.red-item {
    color: #FFF;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
}
.activity-item.red-item:hover {
    color: #FFF;
}
.activity-item:hover {
    border: 1px dashed #D31636;
    color: #D31636;
}
.activity-item.md-size {
    min-height: 105px;
}
.activity-item.lg-size {
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 21px;
}
.activity-item span {
    font-size: 16px;
    margin: 15px 0 0 0;
    display: block;
    text-align: center;
    letter-spacing: -0.16px;
    max-width: 205px;
}
.activity-item ul ~ span {
    margin-top: 22px;
}
.activity-item ul {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
    padding-left: 24px;
    text-align: left;
    box-sizing: border-box;
    max-width: 205px;
    margin: 15px auto 0 auto;
    position: relative;
}
.activity-item ul li::marker {
    font-size: 10px;
}
.our-activity-grid > * .activity-item:first-of-type {
    position: relative;
}
.our-activity-grid > * .activity-item:first-of-type:before {
    position: absolute;
    border-left: 1px dashed #13161A;
    left: 50%;
    height: 41px;
    top: -41px;
    content: '';
}
.portfolio-header {
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    height: 700px;
}
.portfolio-header > div {
    max-width: 1595px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.portfolio-header > div > i {
    width: 77.483px;
    height: 78.396px;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    position: absolute;
}
.portfolio-header > div > i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: cover;
    border-radius: inherit;
    z-index: -1;
}
.portfolio-header > div > i:nth-of-type(2)::before {
    background: url(/themes/demo/assets/img/3.svg) no-repeat center center;
}
.portfolio-header > div > i:nth-of-type(3)::before {
    background: url(/themes/demo/assets/img/21.svg) no-repeat center center;
}
.portfolio-header > div > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.portfolio-header > div > i:nth-of-type(5)::before, .portfolio-header > div > i:nth-of-type(6)::before  {
    background: url(/themes/demo/assets/img/22.svg) no-repeat center center;
}
.portfolio-header > div > i:nth-of-type(1) {
    top: 145px;
    left: -64px;
}
.portfolio-header > div > i:nth-of-type(2) {
    top: 226px;
    left: 16px;
}
.portfolio-header > div > i:nth-of-type(3) {
    top: 226px;
    left: 97px;
}
.portfolio-header > div > i:nth-of-type(4) {
    top: 307px;
    left: 16px;
}
.portfolio-header > div > i:nth-of-type(5) {
    top: 227px;
    left: 600px;
}
.portfolio-header > div > i:nth-of-type(6) {
    top: 145px;
    left: 679px;
}

.portfolio-header h2 {
    color: #FFF;
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -6.5px;
    margin: 0;
    padding-top: 120px;
    margin-left: -9px;
}
.more-cases-grid {
    max-width: 399px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    width: 100%;
    margin-top: 118px;
}
.more-cases-grid > * {
    height: 200px;
}
.more-cases {
    background: #1D2027;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.8s ease;
    text-decoration: none;
}

.more-cases::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='196' height='198' viewBox='0 0 196 198' fill='none'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_1_77)'%3E%3Cline x1='38.0146' y1='0.592285' x2='38.0147' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='77.4453' y1='0.592285' x2='77.4453' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='40.4277' x2='0.536102' y2='40.4277' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='79.8582' x2='0.536102' y2='79.8582' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='116.321' y1='0.592285' x2='116.321' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='155.752' y1='0.592285' x2='155.752' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='118.732' x2='0.536102' y2='118.732' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='158.164' x2='0.536102' y2='158.164' stroke='white' stroke-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_77' x='0.0728723' y='0.129025' width='195.102' height='197.334' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_1_77'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2; /* Make sure it's on top of the background */
}
.more-cases::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
    transition: opacity .8s ease; /* Плавный переход для градиента */
    opacity: 1;
    z-index: 1; /* Чтобы текст оставался поверх градиента */
}
.more-cases p {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.17px;
    z-index: 3;
}
.more-cases p small {
    width: 85.981px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
    display: block;
    margin: 0 auto;
}
.arrow-grid {
    max-width: 197px;
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    width: 100%;
}
.arrow-grid > * {
    height: 98px;
    margin-bottom: 1px;
}
.arrow-prev, .arrow-next {
    cursor: pointer;
}
.portfolio-grid {
    max-width: 1595px;
    margin: -162px auto 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
}
.work-img {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
}
.work-img img {
    height: 100%;
    width: 100%;
}
.work-img .square {
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 79.54px;
    height: 80.477px;
    top: 204px;
    left: -42px;
    z-index: 4;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.9); /* Начальное уменьшение для дополнительного эффекта */
    transition: opacity 0.8s ease, transform 0.8s ease; /* Плавный переход для появления и масштаба */
}
.work-img .square:nth-of-type(2) {
    top: unset;
    bottom: -26px;
    left: 156px;
}
.work-img .square:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: contain !important;
    border-radius: inherit;
    z-index: -1;
}
.work-img .square:nth-of-type(2):before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.work-img .more-cases {
    width: 146.427px;
    height: 148.11px;
    position: absolute;
    bottom: 25px;
    right: 21px;
    opacity: 0;
    transition: opacity 0.8s ease;
}
.work-img .more-cases p {
    font-size: 14px;
    letter-spacing: -0.14px;
}
.portfolio-grid > * {
    transition: transform 0.6s ease; /* Плавный переход */
}
.portfolio-grid > *:hover {
    transform: translateY(-20px);
}
.portfolio-grid > *:hover .square {
    opacity: 1; /* Блок становится видимым */
    transform: scale(1); /* Масштаб возвращается к нормальному размеру */
}
.portfolio-grid > *:hover .work-img .more-cases {
    opacity: 1;
}
.work-description {
    padding-left: 31px;
    padding-top: 31px;
    max-width: 454px;
}
.work-description ul {
    list-style: none; /* Убираем стандартные маркеры */
    padding-left: 0; /* Убираем отступы, если необходимо */
    margin: 0;
}
.work-description ul li {
    position: relative;
    padding-left: 38px; /* Отступ для маркера */
    color: #13161A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    letter-spacing: 0.8px;
    margin-bottom: 6px;
}
.work-description ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px; /* Ширина вашего SVG */
    height: 16px; /* Высота вашего SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16' fill='none'%3E%3Cpath d='M23.0039 5.75064C23.0039 6.0048 22.903 6.24856 22.7232 6.42828C22.5435 6.608 22.2998 6.70897 22.0456 6.70897C21.7914 6.70897 21.5477 6.608 21.3679 6.42828C21.1882 6.24856 21.0873 6.0048 21.0873 5.75064V3.26855L13.1427 11.2227C13.0536 11.3125 12.9476 11.3838 12.8308 11.4325C12.714 11.4811 12.5888 11.5062 12.4623 11.5062C12.3357 11.5062 12.2105 11.4811 12.0937 11.4325C11.9769 11.3838 11.8709 11.3125 11.7818 11.2227L8.62892 8.06022L1.64267 15.0561C1.46221 15.2365 1.21746 15.3379 0.962255 15.3379C0.707049 15.3379 0.462296 15.2365 0.281838 15.0561C0.10138 14.8756 0 14.6308 0 14.3756C0 14.1204 0.10138 13.8757 0.281838 13.6952L7.9485 6.02855C8.03759 5.93873 8.14359 5.86743 8.26037 5.81878C8.37715 5.77013 8.50241 5.74508 8.62892 5.74508C8.75543 5.74508 8.88069 5.77013 8.99747 5.81878C9.11426 5.86743 9.22025 5.93873 9.30934 6.02855L12.4623 9.19105L19.736 1.9173H17.2539C16.9998 1.9173 16.756 1.81634 16.5763 1.63661C16.3966 1.45689 16.2956 1.21313 16.2956 0.958969C16.2956 0.704803 16.3966 0.461047 16.5763 0.281324C16.756 0.101603 16.9998 0.000636101 17.2539 0.000636101C22.4193 0.000636101 22.1606 0.000636101 22.4098 0.0773029C23.2148 0.403136 23.0039 0.796053 23.0039 5.75064Z' fill='%23D31636'/%3E%3C/svg%3E");
    background-size: cover; /* Масштабируем изображение по размеру контейнера */
}
.work-description p {
    color: #13161A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.8px;
    margin: 0;
    padding-bottom: 18px;
}
.professional-team-header {
    position: relative;
    max-width: 1596px;
    margin: 0 auto;
}
.professional-team-header h2 {
    max-width: 1604px;
    margin: 0 auto;
    font-family: Montserrat;
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -1.3px;
    padding-top: 245px;
    padding-bottom: 184px;
    margin-left: -8px;
}
.professional-team-header h2 strong {
    background: linear-gradient(252deg, #F64261 0%, #D31636 66%);
    display: block;
    padding-left: 299px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -27px;
}
.professional-team-header h2 span {
    display: block;
    width: 100%;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.professional-team-header h2 span:nth-of-type(2) {
    text-align: right;
    margin-top: -20px;
}
.professional-team-header .more-cases {
    position: absolute;
    top: 208px;
    right: 0;
    width: 194px;
    height: 196px;
}
.professional-team-header > i {
    position: absolute;
    width: 76.447px;
    height: 76.337px;
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.66px);
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
    z-index: 1;
}
.professional-team-header > i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-size: cover;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: contain;
}
.professional-team-header > i:nth-of-type(2)::before, .professional-team-header > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/s-4.svg) no-repeat center center;
}
.professional-team-header > i:nth-of-type(1) {
    left: 740px;
    top: 176px;
}
.professional-team-header > i:nth-of-type(2) {
    left: 818px;
    top: 253px;
}
.professional-team-header > i:nth-of-type(3) {
    left: 1px;
    top: 426px;
}
.professional-team-header > i:nth-of-type(4) {
    left: 79px;
    top: 348px;
}
.professional-team-header > i:nth-of-type(5) {
    left: 551px;
    top: 640px;
}
.professional-team-header > i:nth-of-type(6) {
    left: 1158px;
    top: 483px;
}
.professional-team-header > i:nth-of-type(7) {
    left: 1317px;
    top: 485px;
}
.professional-team-header > i:nth-of-type(8) {
    right: 110px;
    top: 620px;
}
.professional-team-header > i:nth-of-type(9) {
    right: 28px;
    top: 697px;
}
.professional-team-header > i:nth-of-type(10) {
    left: -161px;
    top: 861px;
}
.professional-team-header > i:nth-of-type(11) {
    left: -79px;
    top: 938px;
}
.professional-team-header > i:nth-of-type(12) {
    left: 537px;
    top: 1249px;
}
.professional-team-header > i:nth-of-type(13) {
    right: 128px;
    top: 1249px;
}
.professional-team-header > i:nth-of-type(14) {
    left: 533px;
    top: 1662px;
}
.professional-team-header > i:nth-of-type(15) {
    left: 615px;
    top: 1739px;
}
.professional-team-header > i:nth-of-type(16) {
    right: -40px;
    top: 2072px;
}
.more-cases .square {
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 79.54px;
    height: 80.477px;
    top: -41px;
    left: -49px;
    z-index: 4;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.9); /* Начальное уменьшение для дополнительного эффекта */
    transition: opacity 0.8s ease, transform 0.8s ease; /* Плавный переход для появления и масштаба */
}
.more-cases .square:nth-of-type(2) {
    top: unset;
    bottom: -48px;
    left: unset;
    right: -34px;
}
.more-cases .square:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: contain !important;
    border-radius: inherit;
    z-index: -1;
}
.more-cases .square:nth-of-type(2):before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.more-cases:hover .square {
    opacity: 1; /* Блок становится видимым */
    transform: scale(1); /* Масштаб возвращается к нормальному размеру */
}
.more-cases i {
    position: absolute;
    right: 14px;
    top: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11 1V11M11 1H1M11 1L1 11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    content: '';
    height: 12px;
    width: 12px;
    z-index: 3;
}
.more-cases:hover {
    box-shadow: 0px 3.706px 79.681px 0px rgba(211, 22, 54, 0.55);
}
.professional-team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    max-width: 1273px;
    margin: 0 auto;
    grid-gap: 6px;
}
.professional-team-grid > * {
    height: 420px;
    position: relative;
}
.professional-team-grid > *:nth-of-type(2), .professional-team-grid > *:nth-of-type(6), .professional-team-grid > *:nth-of-type(8) {
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
}
.professional-team-grid > *:nth-of-type(2)::before, .professional-team-grid > *:nth-of-type(6)::before, .professional-team-grid > *:nth-of-type(4)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='418' height='423' viewBox='0 0 418 423' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_52_2873)'%3E%3Cline x1='80.7207' y1='1.00092' x2='80.7207' y2='421.783' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='165.197' y1='1.00067' x2='165.197' y2='421.782' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='85.7725' x2='1' y2='85.7725' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='170.249' x2='1' y2='170.249' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='248.484' y1='1' x2='248.484' y2='421.782' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='332.961' y1='1' x2='332.961' y2='421.782' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='253.531' x2='1' y2='253.531' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='338.01' x2='1' y2='338.01' stroke='white' stroke-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_52_2873' x='0.536739' y='0.536739' width='416.927' height='421.709' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_52_2873'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2;
}
.professional-team-grid > *:nth-of-type(4) {
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
}
.professional-team-grid h4 {
    color: #14171C;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 108.333% */
    letter-spacing: 1.2px;
    max-width: 289px;
    margin: 0 auto;
    padding-top: 91px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.professional-team-grid p {
    color: #14171C;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
    letter-spacing: 0.8px;
    margin: 28px auto 0 auto;
    max-width: 330px;
}
.professional-team-grid small {
    width: 269px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
    margin: 12px auto 0 auto;
    display: block;
}
.professional-team-grid >*:nth-of-type(2n) h4 {
    color: white;
}
.professional-team-grid >*:nth-of-type(2n) p {
    color: white;
    margin-top: 16px;
}
.professional-team-footer {
    color: #13161A;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.8px;
    max-width: 1331px;
    margin: 192px auto 212px auto;
    text-align: center;
}
.final-section {
    min-height: 1088px;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    position: relative;
}
.form-section {
    max-width: 1596px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}
.form-section h2 {
    margin: 0;
    margin-left: -9px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -6.5px;
    padding-top: 90px;
    padding-bottom: 184px;
    max-width: 978px;
    width: 100%;
}
.form-section h2 strong {
    background: linear-gradient(252deg, #F64261 0%, #D31636 66%);
    display: block;
    padding-left: 150px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -41px;
}
.form-section h2 span {
    display: block;
    width: 100%;
    color: #FFF;
}
.form-section h2 span:nth-of-type(2) {
    text-align: right;
    margin-top: -38px;
}
.form-block {
    border: 0.927px solid #FFF;
    background: #FFF;
    max-width: 485px;
    width: 100%;
    min-height: 844px;
    margin-top: 120px;
    position: relative;
}
.form-block h3 {
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px; /* 108.333% */
    letter-spacing: -2.4px;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 72px 0 49px 0;
    margin: 0 auto;
    max-width: 340px;
}
.form-block input {
    width: 100%;
    margin: 0 auto;
    height: 62px;
    color: #13161B;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.9px;
    padding-left: 58px;
    box-sizing: border-box;
    border: none;
    display: block;
    font-family: Montserrat;
}

.input-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 376px;
    position: relative;
    margin-bottom: 18px; /* Расстояние между инпутами */
}

.input-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 1px; /* Толщина границы */
    background-image: url("data:image/svg+xml,%3Csvg width='376' height='1' viewBox='0 0 376 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_52_2999)'%3E%3Cline y1='0.536739' x2='376' y2='0.536739' stroke='url(%23paint0_linear_52_2999)' stroke-width='0.926521'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_52_2999' x='-21.31' y='-21.2365' width='418.62' height='43.5465' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10.655'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_52_2999'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_52_2999' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_52_2999' x1='376' y1='1.66893' x2='0' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.input-wrapper::before {
    position: absolute;
    content: '';
}
.input-wrapper:nth-of-type(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M11.5471 16.6528C7.9781 16.6528 5.07422 13.7491 5.07422 10.1799V6.98505C5.07422 3.4156 7.9781 0.511719 11.5471 0.511719C15.1165 0.511719 18.0204 3.4156 18.0204 6.98505V10.1799C18.0204 13.7491 15.1165 16.6528 11.5471 16.6528ZM11.5471 1.43038C8.48451 1.43038 5.99288 3.92224 5.99288 6.98505V10.1799C5.99288 13.2423 8.48451 15.7341 11.5471 15.7341C14.6099 15.7341 17.1018 13.2423 17.1018 10.1799V6.98505C17.1018 3.92224 14.6099 1.43038 11.5471 1.43038Z' fill='%23FF4D6B'/%3E%3Cpath d='M20.2861 23.4785H2.71441C1.21745 23.4785 0 22.2606 0 20.7638V18.758C0 17.8721 0.448535 16.6848 2.58602 16.0622L5.21408 15.3346C5.45913 15.2677 5.71176 15.4104 5.77928 15.655C5.8468 15.8995 5.70349 16.1524 5.4589 16.2202L2.83682 16.9459C0.918429 17.5049 0.918429 18.4481 0.918429 18.7582V20.7641C0.918429 21.7546 1.72409 22.5601 2.71418 22.5601H20.2858C21.2761 22.5601 22.0816 21.7544 22.0816 20.7641V18.7582C22.0816 17.9215 21.4348 17.3115 20.1588 16.9448L17.6573 16.2454C17.4129 16.1772 17.2701 15.9239 17.3385 15.6793C17.407 15.4352 17.6596 15.2914 17.9044 15.3608L20.4092 16.061C22.551 16.677 23 17.8678 23 18.7582V20.7641C23.0005 22.2606 21.783 23.4785 20.2861 23.4785Z' fill='%23FF4D6B'/%3E%3C/svg%3E");
    width: 23px;
    height: 24px;
    left: 13px;
    bottom: 19px;

}
.input-wrapper:nth-of-type(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M15.9531 1.95996C17.6524 2.41601 19.2018 3.31099 20.4459 4.55508C21.69 5.79917 22.585 7.34861 23.0411 9.04789' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9121 5.8291C15.9341 6.10053 16.8662 6.6373 17.6139 7.38503C18.3617 8.13275 18.8984 9.06485 19.1699 10.0869' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.57449 12.5792C8.6054 14.7081 10.3269 16.4251 12.4584 17.4506C12.6156 17.525 12.7895 17.5572 12.963 17.5441C13.1365 17.5309 13.3035 17.4728 13.4477 17.3754L16.5784 15.2841C16.7167 15.1903 16.8766 15.133 17.043 15.1177C17.2094 15.1024 17.377 15.1295 17.5301 15.1964L23.3908 17.7135C23.5911 17.7969 23.7585 17.9438 23.8671 18.1316C23.9757 18.3194 24.0196 18.5377 23.9919 18.7529C23.8062 20.2027 23.0985 21.5352 22.0014 22.501C20.9042 23.4668 19.4927 23.9997 18.0311 24C13.5141 24 9.18223 22.2057 5.98828 19.0117C2.79434 15.8178 1 11.4859 1 6.96894C1.00033 5.50727 1.53324 4.0958 2.49902 2.99864C3.46479 1.90148 4.79725 1.19382 6.24707 1.00806C6.46226 0.980422 6.68057 1.02429 6.86838 1.1329C7.0562 1.24152 7.2031 1.40886 7.28647 1.60916L9.80356 7.48237C9.86901 7.63308 9.8964 7.79758 9.88329 7.96136C9.87019 8.12515 9.817 8.2832 9.72842 8.42158L7.63711 11.6024C7.544 11.7463 7.48935 11.9116 7.47839 12.0826C7.46743 12.2536 7.50052 12.4246 7.57449 12.5792Z' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    left: 12px;
    bottom: 19px;
}
.input-wrapper:nth-of-type(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.3202 20.0154C21.4866 20.1461 21.5157 20.3872 21.3846 20.5536C21.3091 20.6498 21.1968 20.7 21.083 20.7C21.0002 20.7 20.9166 20.6735 20.8464 20.618L15.4798 16.4013C15.3134 16.2706 15.2843 16.0299 15.4154 15.8631C15.5461 15.6971 15.786 15.6672 15.9536 15.7987L21.3202 20.0154ZM7.58463 15.8631C7.71573 16.0299 7.6866 16.2706 7.52023 16.4013L2.15357 20.618C2.08303 20.6735 1.99985 20.7 1.91705 20.7C1.8032 20.7 1.69088 20.6498 1.61537 20.5536C1.48427 20.3872 1.5134 20.1461 1.67977 20.0154L7.04643 15.7987C7.21357 15.6672 7.4543 15.6971 7.58463 15.8631ZM21.3156 10.6547L12.8984 17.0756C12.8359 17.1266 12.1911 17.6333 11.5 17.6333C10.8123 17.6333 10.1725 17.1074 10.1016 17.0476L1.68475 10.6551C1.51608 10.5271 1.48312 10.2867 1.61153 10.1185C1.73957 9.94903 1.97992 9.91683 2.1482 10.0449L10.5815 16.45C10.731 16.5746 11.1542 16.8667 11.5 16.8667C11.8561 16.8667 12.2885 16.5822 12.4254 16.4726L20.8507 10.0452C21.0189 9.91568 21.2604 9.9498 21.3881 10.1177C21.5165 10.286 21.4843 10.5263 21.3156 10.6547ZM22.2333 21.0833C22.2333 21.7388 21.7388 22.2333 21.0833 22.2333H1.91667C1.27152 22.2333 0.766667 21.7285 0.766667 21.0833V8.81667C0.766667 7.92848 1.11742 7.2105 1.74608 6.83522L10.1817 1.19255C10.1886 1.18833 10.8637 0.766667 11.5 0.766667C12.1413 0.766667 12.8041 1.173 12.8041 1.173L21.2658 6.84365C22.0654 7.33432 22.2333 8.18762 22.2333 8.81667V21.0833ZM21.6798 6.19812L13.2212 0.529383C13.1867 0.507917 12.3671 0 11.5 0C10.6306 0 9.8026 0.524783 9.76197 0.551617L1.33707 6.18738C0.487217 6.693 0 7.65133 0 8.81667V21.0833C0 22.1582 0.8418 23 1.91667 23H21.0833C22.1582 23 23 22.1582 23 21.0833V8.81667C23 7.65057 22.5266 6.7183 21.6798 6.19812Z' fill='%23FF4D6B'/%3E%3C/svg%3E");
    width: 23px;
    height: 23px;
    left: 13px;
    bottom: 19px;
}
.input-wrapper:nth-of-type(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='29' viewBox='0 0 25 29' fill='none'%3E%3Cpath d='M14.6065 28.1289H10.3926' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8429 1.23879C9.34084 3.24041 0.978807 11.2469 8.28735 23.915H16.7152C23.8789 11.2469 15.6354 3.25358 13.1597 1.23879C12.975 1.08451 12.742 1 12.5013 1C12.2606 1 12.0276 1.08451 11.8429 1.23879Z' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.37586 13.3008L1.24093 18.2522C1.13676 18.3737 1.06327 18.5184 1.0266 18.6742C0.989943 18.8301 0.991189 18.9924 1.03024 19.1476L2.64997 26.4825C2.68905 26.6569 2.77184 26.8184 2.89055 26.9519C3.00925 27.0855 3.15997 27.1866 3.32854 27.2459C3.4971 27.3052 3.67797 27.3206 3.85413 27.2907C4.03029 27.2608 4.19595 27.1866 4.33554 27.0751L8.28611 23.9146' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5441 13.1953L23.7581 18.252C23.8622 18.3736 23.9357 18.5183 23.9724 18.6741C24.0091 18.8299 24.0078 18.9923 23.9688 19.1475L22.349 26.4824C22.3099 26.6567 22.2272 26.8183 22.1085 26.9518C21.9897 27.0854 21.839 27.1865 21.6705 27.2458C21.5019 27.305 21.321 27.3205 21.1449 27.2906C20.9687 27.2607 20.803 27.1865 20.6635 27.075L16.7129 23.9145' stroke='%23FF4D6B' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.4988 12.3267C13.0806 12.3267 13.5523 11.855 13.5523 11.2732C13.5523 10.6914 13.0806 10.2197 12.4988 10.2197C11.917 10.2197 11.4453 10.6914 11.4453 11.2732C11.4453 11.855 11.917 12.3267 12.4988 12.3267Z' fill='%23FF4D6B'/%3E%3C/svg%3E");
    width: 25px;
    height: 29px;
    left: 13px;
    bottom: 19px;
}
.form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    max-width: 399px;
    margin: 75px auto 0 auto;
    grid-gap: 5px;
}
.form-grid > * {
    height: 200px;
    border: none;
}
.form-grid > * {
    background: #1D2027;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.8s ease;
}

.form-grid > *::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='196' height='198' viewBox='0 0 196 198' fill='none'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_1_77)'%3E%3Cline x1='38.0146' y1='0.592285' x2='38.0147' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='77.4453' y1='0.592285' x2='77.4453' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='40.4277' x2='0.536102' y2='40.4277' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='79.8582' x2='0.536102' y2='79.8582' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='116.321' y1='0.592285' x2='116.321' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='155.752' y1='0.592285' x2='155.752' y2='197' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='118.732' x2='0.536102' y2='118.732' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='194.712' y1='158.164' x2='0.536102' y2='158.164' stroke='white' stroke-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_77' x='0.0728723' y='0.129025' width='195.102' height='197.334' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_1_77'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2; /* Make sure it's on top of the background */
}
.form-grid > *::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
    transition: opacity .8s ease; /* Плавный переход для градиента */
    opacity: 0;
    z-index: 1; /* Чтобы текст оставался поверх градиента */
}
.form-grid > * span {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.17px;
    z-index: 3;
    display: block;
}
.form-grid > * span small {
    width: 85.981px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
    display: block;
    margin: 0 auto;
}
.form-grid > * .square {
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 79.54px;
    height: 80.477px;
    top: -41px;
    left: -49px;
    z-index: 4;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.9); /* Начальное уменьшение для дополнительного эффекта */
    transition: opacity 0.8s ease, transform 0.8s ease; /* Плавный переход для появления и масштаба */
}
.form-grid > * .square:nth-of-type(2) {
    top: unset;
    bottom: -48px;
    left: unset;
    right: -34px;
}
.form-grid > * .square:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/1.svg) no-repeat center center;
    background-size: cover;
    border-radius: inherit;
    z-index: -1;
}
.form-grid > * .square:nth-of-type(2):before {
    background: url(/themes/demo/assets/img/6.svg) no-repeat center center;
}
.form-grid > *:hover .square {
    opacity: 1; /* Блок становится видимым */
    transform: scale(1); /* Масштаб возвращается к нормальному размеру */
}
.form-grid > * i {
    position: absolute;
    right: 15px;
    top: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11 1V11M11 1H1M11 1L1 11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11 1V11M11 1H1M11 1L1 11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    content: '';
    height: 12px;
    width: 12px;
    z-index: 3;
}
.form-grid > :first-child i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 8.35801V0H7V8.29289L9.1464 6.14645L9.8536 6.85355L6.51386 10.1932L2.91086 6.8674L3.58914 6.1326L6 8.35801ZM1 12V6H0V13H13V6H12V12H1Z' fill='white'/%3E%3C/svg%3E");
    height: 13px;
    width: 13px;
    right: 14px;
    top: 15px;
}
.form-grid > *:hover {
    box-shadow: 0px 3.706px 79.681px 0px rgba(211, 22, 54, 0.55);
}
.form-grid > *.red-item::after, .form-grid > *:hover::after {
    opacity: 1;
}
.final-section > i:nth-of-type(1) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='470' height='555' viewBox='0 0 470 555' fill='none'%3E%3Cpath d='M557.191 231.336C397.487 188.543 287.599 19.8377 330.392 -139.866L22.0612 -222.483C-21.4828 -59.9752 1.31281 113.175 85.4332 258.876C169.554 404.576 308.108 510.893 470.616 554.437L557.191 231.336Z' fill='url(%23paint0_linear_52_2944)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_52_2944' x1='202.727' y1='-42.5005' x2='202.727' y2='501.826' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23252931'/%3E%3Cstop offset='0.565' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23F74261'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    top: 0;
    width: 470px;
    height: 555px;
}
.final-section > i:nth-of-type(2) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='244' height='270' viewBox='0 0 244 270' fill='none'%3E%3Cg filter='url(%23filter0_d_52_2945)'%3E%3Cpath d='M-42 77.3748C11.6919 77.3748 60.3405 33.6919 60.3405 -20L164 -20C164 34.6346 142.296 87.0315 103.664 125.664C65.0315 164.297 12.6346 186 -42 186L-42 77.3748Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_52_2945' x='-121.681' y='-95.9747' width='365.362' height='365.362' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.70608'/%3E%3CfeGaussianBlur stdDeviation='39.8404'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_52_2945'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_52_2945' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    top: 0;
    left: 0;
    width: 244px;
    height: 270px;
    position: absolute;
}
.form-block > i {
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 77.483px;
    height: 78.396px;
    position: absolute;
}
.form-block > i:nth-of-type(1) {
    right: 43px;
    top: -38px;
}
.form-block > i:nth-of-type(2) {
    right: -37px;
    top: 44px;
}
.form-block > i:nth-of-type(3) {
    left: -35px;
    bottom: -37px;
}
.form-block > i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/20.svg) no-repeat center center;
    background-size: contain;
}
.form-section .grid-section {
    position: absolute;
    left: 0;
    margin: 0;
    max-width: none;
    top: 553px;
    z-index: 2;
}
.form-section .grid-section .main-grid {
    left: 0;
    max-width: 399px;
    min-width: 399px;
    top: 0;
}
.form-section .grid-socials {
    top: 196px;
    left: 400px;
    min-width: 211px;
    grid-gap: 0;
}
.form-section .grid-section .more-cases {
    position: absolute;
    left: 611px;
    top: 0;
    width: 194.176px;
    height: 196.408px;
}
.form-section .cage-item div {
    max-width: 171px;
    z-index: 2;
}
.form-section .cage-item span {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.24px;
    max-width: 131px;
    margin: 0 auto;
}
.form-section .cage-item a {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    display: block;
    text-decoration: none;
    width: 100%;
}
.form-section .cage-item a:first-of-type {
    margin-bottom: 16px;
}
footer {
    height: 409px;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    padding-top: 95px;
    box-sizing: border-box;
}
footer > div {
    max-width: 1596px;
    margin: 0 auto;
    position: relative;
}
.footer-menu {
    position: absolute;
    top: 0;
}
.footer-menu:nth-of-type(1) {
    right: 226px;
}
.footer-menu:nth-of-type(2) {
    right: 0;
}
.footer-menu a {
    color: #677592;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.9px;
    margin-bottom: 17px;
    display: block;
    text-decoration: none;
    padding-bottom: 11px;
    box-sizing: border-box;
    position: relative;
    transition: color 0.5s ease;
    cursor: pointer;
}
.footer-menu a:hover {
    color: #FFF;
}
.footer-menu a:hover::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 1px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='240' height='1' viewBox='0 0 240 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.04995e-08' y1='0.536739' x2='240' y2='0.53676' stroke='url(%23paint0_linear_52_3139)' stroke-width='0.926521'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_52_3139' x1='-1.45508e-07' y1='1.99937' x2='224.172' y2='1.99941' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='0.526042' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.copyright {
    color: #5F687A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px; /* 144.444% */
    letter-spacing: 0.9px;
    margin-top: 105px;
}
.form-section > i, footer > div > i {
    width: 77.483px;
    height: 78.396px;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    position: absolute;
}
.form-section > i::before, footer > div > i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/31.svg) no-repeat center center;
    border-radius: inherit;
    z-index: -1;
    background-size: contain;
}
.form-section > i:nth-of-type(2)::before, .form-section > i:nth-of-type(5)::before {
    background: url(/themes/demo/assets/img/32.svg) no-repeat center center;
}
.form-section > i:nth-of-type(3)::before {
    background: url(/themes/demo/assets/img/33.svg) no-repeat center center;
}
.form-section > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/34.svg) no-repeat center center;
}
.form-section > i:nth-of-type(6)::before, .form-section > i:nth-of-type(8)::before {
    background: url(/themes/demo/assets/img/36.svg) no-repeat center center;
}
.form-section > i:nth-of-type(7)::before, .form-section > i:nth-of-type(9)::before {
    background: url(/themes/demo/assets/img/37.svg) no-repeat center center;
}
.form-section > i:nth-of-type(1) {
    top: 85px;
    left: 218px;
}
.form-section > i:nth-of-type(2) {
    top: 83px;
    left: 652px;
}
.form-section > i:nth-of-type(3) {
    top: 167px;
    left: -64px;
}
.form-section > i:nth-of-type(4) {
    top: 247px;
    left: 16px;
}
.form-section > i:nth-of-type(5) {
    top: 422px;
    left: 218px;
}
.form-section > i:nth-of-type(6) {
    top: 600px;
    left: 0;
}
.form-section > i:nth-of-type(7) {
    top: 680px;
    left: -78px;
}
.form-section > i:nth-of-type(8) {
    top: 751px;
    left: 808px;
}
.form-section > i:nth-of-type(9) {
    top: 829px;
    left: 886px;
}
footer > div > i:nth-of-type(1) {
    top: 138px;
    left: 807px;
}
footer > div > i:nth-of-type(2) {
    top: 58px;
    left: 885px;
}
footer > div > i:nth-of-type(1)::before {
    background: url(/themes/demo/assets/img/36.svg) no-repeat center center;
}
footer > div > i:nth-of-type(2)::before {
    background: url(/themes/demo/assets/img/37.svg) no-repeat center center;
}
header.header-second {
    height: 161px;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
}
header.header-second.fixed {
    background: rgba(255, 255, 255, 0.90);
    height: 85px;
}
.page-section {
    background: #FFF;
    height: 1011px;
    padding-top: 161px;
    box-sizing: border-box;
}
.page-section h1 {
    color: #13161A;
    text-align: left;
    font-family: Montserrat;
    font-size: 150px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -8.7px;
    padding-top: 0;
    padding-left: 0;
    margin: 0;
}
.page-section .page-content {
    max-width: 1436px;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 1;
}
.page-section .page-content > p {
    color: #13161A;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 1.4px;
    max-width: 595px;
    margin: 22px 0 0 85px;
}
.page-section .page-content > p strong {
    font-weight: 700;
}
.breadcrumbs {
    padding: 48px 0 14px 19px;
    color: #13161A;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 275;
    line-height: normal;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
}
.breadcrumbs a {
    position: relative;
    padding-left: 0;
    text-decoration: none;
    color: #13161A;
}
.breadcrumbs small {
    margin: 0 15px;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #13161A;
}
.breadcrumbs a:nth-of-type(1)::before {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M13.808 6.36634L7.89886 1.15048C7.78993 1.05368 7.64764 1 7.5 1C7.35236 1 7.21007 1.05368 7.10114 1.15048L1.19205 6.36634C1.13258 6.42089 1.08496 6.48644 1.05198 6.55913C1.019 6.63183 1.00132 6.7102 1 6.78963V13.426C1 13.5783 1.06226 13.7243 1.17307 13.8319C1.28389 13.9395 1.43419 14 1.59091 14H13.4091C13.5658 14 13.7161 13.9395 13.8269 13.8319C13.9377 13.7243 14 13.5783 14 13.426V6.78963C13.9987 6.7102 13.981 6.63183 13.948 6.55913C13.915 6.48644 13.8674 6.42089 13.808 6.36634Z' stroke='%2313161A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 15px;
    width: 15px;
    left: 0;
    background-size: contain;
    content: '';
}
.breadcrumbs a:nth-of-type(1) {
    padding-left: 34px
}
.page-section > i:nth-of-type(1) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='282' height='282' viewBox='0 0 282 282' fill='none'%3E%3Cg filter='url(%23filter0_d_52_4280)'%3E%3Cpath d='M93.3748 282C93.3748 228.308 49.6919 179.659 -4 179.659L-4 75.9995C50.6346 75.9995 103.032 97.703 141.664 136.336C180.297 174.968 202 227.365 202 282H93.3748Z' fill='%2313161A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_52_4280' x='-83.6808' y='0.0247796' width='365.362' height='365.362' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.70608'/%3E%3CfeGaussianBlur stdDeviation='39.8404'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_52_4280'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_52_4280' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: 282px;
    height: 282px;
    position: absolute;
    display: block;
    top: 729px;
    left: 0;
    transform-origin: left bottom;
    transform: scale(0);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.page-section > i:nth-of-type(2) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='736' height='735' viewBox='0 0 736 735' fill='none'%3E%3Cpath d='M388.625 -3.04559e-05C388.625 191.571 544.908 365.147 737 365.147L737 735C541.535 735 354.077 657.563 215.862 519.724C77.648 381.884 4.39935e-05 194.934 6.10352e-05 -6.44306e-05L388.625 -3.04559e-05Z' fill='url(%23paint0_radial_52_4282)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_52_4282' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(737 735) rotate(-139.433) scale(1130.18 1115.02)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 736px;
    height: 735px;
    position: absolute;
    display: block;
    top: 161px;
    right: 0;
    transform-origin: right top;
    transform: scale(0);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}
.page-section > i.animate {
    transform: scale(1);
    opacity: 1;
}
.page-section .main-grid {
    top: 56px;
    max-width: 397px;
}
.page-section .grid-section > p {
    position: absolute;
    max-width: 462px;
    color: #13161A;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.482px;
    letter-spacing: 0.649px;
    margin: 0;
}
.page-section .grid-section > p strong {
    font-weight: 700;
}
.page-section .grid-section > p:nth-of-type(1) {
    top: 334px;
    left: 431px;
}
.page-section .grid-section > p:nth-of-type(2) {
    top: 125px;
    left: 634px;
}
.page-section.page-cases .grid-section > p {
    top: 128px;
    left: 358px;
}

.structure-header {
    height: 700px;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    width: 100%;
    position: relative;
    z-index: 2;
}
.structure-header > div {
    max-width: 1614px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.structure-header h2 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 112px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -6.5px;
    margin: 0;
    padding-top: 120px;
    padding-left: 11px;
}
.structure-header .smm-description {
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px; /* 128.571% */
    letter-spacing: 1.4px;
    margin: 52px 0 0 255px;
    margin-left: 244px;
    width: 1228px;
}
.smm-description {
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 1.4px;
    margin: 52px 0 0 255px;
}
.structure-header span {
    background: #FFF;
    max-width: 1636px;
    width: 100%;
    height: 251px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.our-activity.structure {
    max-width: 1312px;
    grid-gap: 7.5px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin-top: -106px;
    position: relative;
    z-index: 3;
}
.our-activity.structure > * {
    height: 327px;
}
.our-activity-grid.structure {
    max-width: 1312px;
    grid-gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin-bottom: -20px;
    z-index: 1;
    position: relative;
}
.squares-s {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 100%;
    right: 0;
}
.squares-s > * {
    right: 0;
    bottom: 0;
    position: absolute;
    /*border: 0.927px solid #FFF;*/
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    width: 77.483px;
    height: 78.396px;
    top: 0;
    z-index: 1;
    opacity: 0; /* Изначально блок невидим */
    transform: scale(0.7); /* Начальное уменьшение для дополнительного эффекта */
    animation: fadeIn 2s ease forwards;    /*animation: float 5s ease-in-out infinite;*/
}
.squares-s > *::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: cover;
    border-radius: inherit; /* Чтобы углы совпадали */
    z-index: -1; /* Разместить за основным элементом */
}
.squares-s > :nth-child(1) {
    top: 117px;
    left: 302px;
}
.squares-s > :nth-child(2) {
    left: 1388px;
    top: 212px;
}
.squares-s > :nth-child(3) {
    top: 294px;
    left: 1468px;
}
.squares-s > :nth-child(4) {
    top: 131px;
    left: -169px;
}
.squares-s > :nth-child(5) {
    top: 213px;
    left: -89px;
}
.squares-s > :nth-child(6) {
    top: 213px;
    left: -9px;
}
.squares-s > :nth-child(7) {
    top: 293px;
    left: -89px;
}
.squares-s > :nth-child(8) {
    top: 399px;
    left: -242px;
}
.squares-s > :nth-child(9) {
    top: 197px;
    left: 677px;
}
.squares-s > :nth-child(10) {
    top: 117px;
    left: 759px;
}
.squares-s > :nth-child(11) {
    top: 197px;
    left: 839px;
}
.squares-s > :nth-child(12) {
    top: 691px;
    left: 942px;
}
.squares-s > :nth-child(13) {
    top: 523px;
    left: 1179px;
}
.squares-s > :nth-child(14) {
    top: 606px;
    left: 1261px;
}
.squares-s > :nth-child(15) {
    top: 690px;
    left: 1344px;
}
.squares-s > :nth-child(16) {
    top: 771px;
    left: 1426px;
}
.page-section.page-services {
    height: 993px;
}
.page-section.page-services > i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='566' height='655' viewBox='0 0 566 655' fill='none'%3E%3Cpath d='M654 345.386C483.541 345.386 329.094 484.281 329.094 655L0 655C-7.5934e-06 481.283 68.9034 314.681 191.552 191.845C314.201 69.0087 480.548 7.58181e-06 654 0L654 345.386Z' fill='url(%23paint0_radial_80_255)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_80_255' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-3.89814e-05 655) rotate(-49.3993) scale(1004.94 991.636)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 566px;
    height: 655px;
    position: absolute;
    display: block;
    right: 0;
    transform-origin: right bottom;
    transform: scale(0);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
    left: unset;
    top: 331px;
}
.page-section.page-services.page-cases > i:nth-of-type(1) {
    top: 262px;
}
.page-section.page-cases > i:nth-of-type(2), .page-section.page-service > i:nth-of-type(2), .page-section.page-case > i:nth-of-type(2)  {
    background-image: url("data:image/svg+xml,%3Csvg width='166' height='168' viewBox='0 0 166 168' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.1514 167.448C77.1514 123.804 41.6436 84.26 -2 84.26L-2 4.57764e-05C42.4099 4.57764e-05 85.0009 17.6418 116.403 49.0443C147.806 80.4469 165.448 123.038 165.448 167.448H77.1514Z' fill='%2313161A'/%3E%3C/svg%3E%0A");
    width: 166px;
    height: 168px;
    position: absolute;
    display: block;
    right: unset;
    transform-origin: left bottom;
    transform: scale(0);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
    left: 0;
    top: 750px;
}
.page-section.page-services.page-contacts > i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='655' height='654' viewBox='0 0 655 654' fill='none'%3E%3Cpath d='M345.386 -0.00100363C345.386 170.458 484.281 324.905 655 324.905L655 653.999C481.283 653.999 314.681 585.096 191.845 462.447C69.0087 339.798 -1.51636e-05 173.451 0 -0.00103382L345.386 -0.00100363Z' fill='url(%23paint0_radial_404_5427)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_404_5427' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(655 653.999) rotate(-139.399) scale(1004.94 991.636)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 655px;
    height: 654px;
    position: absolute;
    display: block;
    right: 0;
    transform-origin: right top;
    transform: scale(0);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
    left: unset;
    top: 161px;
}
.page-section.page-services > i.animate {
    transform: scale(1) !important;
    opacity: 1 !important;
}
.page-services .breadcrumbs {
    padding: 48px 0 14px 19px;
}
.page-services .squares-s > :nth-child(1) {
    top: 91px;
    left: 279px;
}
.page-services .squares-s > :nth-child(2) {
    top: 112px;
    left: 1378px;
}
.page-services .squares-s > :nth-child(3) {
    top: 193px;
    left: 1458px;
}
.page-services .squares-s > :nth-child(9) {
    top: 216px;
    left: 467px;
}
.page-services .squares-s > :nth-child(10) {
    top: 282px;
    left: 1107px;
}
.page-services .squares-s > :nth-child(11) {
    top: 204px;
    left: 1186px;
}
.page-services .squares-s > :nth-child(12) {
    top: 671px;
    left: 902px;
}
.page-services .squares-s > :nth-child(13) {
    top: 363px;
    left: 1186px;
}
.page-services .squares-s > :nth-child(14) {
    top: 447px;
    left: 1268px;
}
.page-services .squares-s > :nth-child(15) {
    top: 530px;
    left: 1351px;
}
.page-services .squares-s > :nth-child(16) {
    top: 611px;
    left: 1433px;
}
.page-services.page-section .page-content > p {
    max-width: 794px;
}
.page-services .more-cases{
    position: absolute;
    top: 91px;
    left: 83px;
    width: 194px;
    height: 196px;
    opacity: 0;
    animation: fadeIn 1.6s ease forwards;
    animation-delay: .4s;
}
.page-services .grid-section {
    max-width: 1436px;
}
.page-services.page-section .grid-section > .long-description {
    position: absolute;
    color: #13161A;
    top: 120px;
    left: 350px;
    margin: 0;
    max-width: 598px;
    font-size: 12.988px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.482px; /* 150% */
    letter-spacing: 0.649px;
}

.squares-s > *:before {

}
.squares-s > :nth-child(1):before {
    background: url(/themes/demo/assets/img/sr-1.svg) no-repeat center center;
}
.squares-s > :nth-child(2):before {
    background: url(/themes/demo/assets/img/sr-2.svg) no-repeat center center;
}
.squares-s > :nth-child(3):before {
    background: url(/themes/demo/assets/img/sr-3.svg) no-repeat center center;
}
.squares-s > :nth-child(4):before {
    background: url(/themes/demo/assets/img/sr-4.svg) no-repeat center center;
}
.squares-s > :nth-child(5):before {
    background: url(/themes/demo/assets/img/sr-5.svg) no-repeat center center;
}
.squares-s > :nth-child(6):before {
    background: url(/themes/demo/assets/img/sr-6.svg) no-repeat center center;
}
.squares-s > :nth-child(7):before {
    background: url(/themes/demo/assets/img/sr-7.svg) no-repeat center center;
}
.squares-s > :nth-child(8):before {
    background: url(/themes/demo/assets/img/sr-8.svg) no-repeat center center;
}
.squares-s > :nth-child(9):before {
    background: url(/themes/demo/assets/img/sr-9.svg) no-repeat center center;
}
.squares-s > :nth-child(10):before {
    background: url(/themes/demo/assets/img/sr-10.svg) no-repeat center center;
}
.squares-s > :nth-child(11):before {
    background: url(/themes/demo/assets/img/sr-11.svg) no-repeat center center;
}
.squares-s > :nth-child(12):before {
    background: url(/themes/demo/assets/img/sr-12.svg) no-repeat center center;
}
.squares-s > *:before {
    background-size: cover !important;
}
.structure-squares {
    max-width: 1614px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
    width: 100%;
}
.structure-squares > * {
    position: absolute;
    /* border: 0.927px solid #FFF; */
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 77.483px;
    height: 78.396px;
    top: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;

}
.structure-squares i:nth-of-type(1) {
    top: 145px;
    left: -44px;
}
.structure-squares i:nth-of-type(2) {
    top: 227px;
    left: 37px;
}
.structure-squares i:nth-of-type(3) {
    top: 307px;
    left: 116px;
}
.structure-squares i:nth-of-type(4) {
    top: 64px;
    left: 709px;
}
.structure-squares i:nth-of-type(5) {
    top: 215px;
    left: 1163px;
}
.structure-squares i:nth-of-type(6) {
    top: 133px;
    left: 1242px;
}
.structure-squares i:nth-of-type(7) {
    top: 245px;
    left: 1434px;
}
.structure-squares i:nth-of-type(8) {
    top: 327px;
    left: 1515px;
}
.structure-squares i:nth-of-type(9) {
    top: 407px;
    left: 1594px;
}
.structure-squares i:nth-of-type(10) {
    top: 649px;
    left: -44px;
}
.structure-squares i:nth-of-type(11) {
    top: 924px;
    left: 115px;
}
.structure-squares i:nth-of-type(12) {
    top: 1512px;
    left: 0;
}
.structure-squares i:nth-of-type(13) {
    top: 1433px;
    left: 74px;
}
.structure-squares i:nth-of-type(14) {
    top: 884px;
    left: 1443px;
}
.structure-squares i:nth-of-type(15) {
    top: 964px;
    left: 1522px;
}
.structure-squares i:nth-of-type(16) {
    top: 1320px;
    left: unset;
    right: -142px;
}
.structure-squares i:nth-of-type(17) {
    top: 1690px;
    left: 1415px;
}
.structure-squares i:nth-of-type(18) {
    top: 1612px;
    left: 1493px;
}
.structure-squares i:nth-of-type(19) {
    top: 1388px;
    left: 1271px;
}
.our-activity-grid.structure .activity-item {
    min-height: 76px;
    margin-bottom: 7.12px;
}
.structure-squares > *::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: contain;
}
.structure-squares > i:nth-of-type(1)::before {
    background: url(/themes/demo/assets/img/st-1.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(2)::before {
    background: url(/themes/demo/assets/img/st-2.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(3)::before {
    background: url(/themes/demo/assets/img/st-3.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/st-4.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(5)::before {
    background: url(/themes/demo/assets/img/st-5.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(6)::before {
    background: url(/themes/demo/assets/img/st-6.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(7)::before {
    background: url(/themes/demo/assets/img/st-7.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(8)::before {
    background: url(/themes/demo/assets/img/st-8.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(9)::before {
    background: url(/themes/demo/assets/img/st-9.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(10)::before {
    background: url(/themes/demo/assets/img/st-10.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(11)::before {
    background: url(/themes/demo/assets/img/st-11.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(12)::before {
    background: url(/themes/demo/assets/img/st-12.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(13)::before {
    background: url(/themes/demo/assets/img/st-13.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(14)::before {
    background: url(/themes/demo/assets/img/st-14.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(15)::before {
    background: url(/themes/demo/assets/img/st-15.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(16)::before {
    background: url(/themes/demo/assets/img/st-16.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(17)::before {
    background: url(/themes/demo/assets/img/st-17.svg) no-repeat center center;
}
.structure-squares > i:nth-of-type(18)::before {
    background: url(/themes/demo/assets/img/st-17.svg) no-repeat center center;
}
.page-section.page-cases {
    height: 924px;
}
.cases-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 6.4px;
    max-width: 1105px;
    margin: 79px auto 0 auto;
}
.cases-items > * {
    background: linear-gradient(252deg, #FFF 0%, #F2F2F2 66%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.8s ease;
    height: 276px;
    transition: transform 0.6s ease;
    text-decoration: none;
}
.cases-items > *:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='270' height='272' viewBox='0 0 270 272' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_404_4429)'%3E%3Cline x1='52.4414' y1='0.544922' x2='52.4414' y2='271.294' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='106.797' y1='0.544922' x2='106.797' y2='271.294' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='55.2676' x2='0.966156' y2='55.2676' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='109.623' x2='0.966156' y2='109.623' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='160.387' y1='0.542969' x2='160.387' y2='271.292' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='214.742' y1='0.542969' x2='214.742' y2='271.292' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='163.212' x2='0.966156' y2='163.212' stroke='%2313161B' stroke-opacity='0.05'/%3E%3Cline x1='268.639' y1='217.568' x2='0.966156' y2='217.568' stroke='%2313161B' stroke-opacity='0.05'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_404_4429' x='0.50256' y='0.0797082' width='268.599' height='271.677' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_404_4429'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2;
}
.cases-items > * p {
    color: #13161A;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.24px;
    z-index: 3;
    transition: color 0.5s ease;
}
.cases-items > *:hover p {
    color: #FFF;
}
.cases-items > * p small {
    width: 118.526px;
    height: 1px;
    background: linear-gradient(90deg, rgba(19, 22, 26, 0.00) 0%, #13161A 47.17%, rgba(19, 22, 26, 0.00) 93.4%);    display: block;
    margin: 0 auto;
    transition: background 0.5s ease;
}
.cases-items > *:hover p small {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.13%, rgba(255, 255, 255, 0.00) 93.4%);
}
.cases-items > *:hover {
    transform: translateY(-10px);
}
.cases-items > *::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
    box-shadow: 0px 3.706px 79.681px 0px #D31636;
    transition: opacity .8s ease;
    opacity: 0;
    z-index: 1;
}
.cases-items > *:hover::after {
    opacity: 1;
}
.portfolio-grid.page-cases-grid {
    margin-top: -285px;
}
.portfolio-header.portfolio-cases {
    height: 713px;
}
.portfolio-grid.page-cases-grid > * {
    margin-bottom: 96px;
}
.portfolio-header.portfolio-cases > div > i:nth-of-type(1) {
    top: 111px;
    left: -81px;
}
.portfolio-header.portfolio-cases > div > i:nth-of-type(2) {
    top: 193px;
    left: 0;
}
.portfolio-header.portfolio-cases > div > i:nth-of-type(3) {
    top: 193px;
    left: 79px;
}
.portfolio-header.portfolio-cases > div > i:nth-of-type(4) {
    top: 273px;
    left: 0;
}
.portfolio-header.portfolio-cases > div > i:nth-of-type(5) {
    top: 200px;
    left: 1599px;
}
.portfolio-header.portfolio-cases > div > i:nth-of-type(6) {
    top: 282px;
    left: 1520px;
}
.page-section.page-contacts .page-content p {
    max-width: 794px;
}
.page-section.page-contacts {
    height: 987px;
}
.page-section.page-contacts .grid-section > p {
    top: 117px;
    max-width: 600px;

}
.page-contacts .squares-s > :nth-child(1) {
    top: 91px;
    left: 279px;
}
.page-contacts .squares-s > :nth-child(2) {
    top: 100px;
    left: 1353px;
}
.page-contacts .squares-s > :nth-child(3) {
    top: 182px;
    left: 1425px;
}
.page-contacts .squares-s > :nth-child(9) {
    top: 582px;
    left: -90px;
}
.page-contacts .squares-s > :nth-child(10) {
    top: 664px;
    left: -9px;
}
.page-contacts .squares-s > :nth-child(11) {
    top: 216px;
    left: 789px;
}
.page-contacts .squares-s > :nth-child(12) {
    top: 743px;
    left: 922px;
}
.page-contacts .squares-s > :nth-child(13) {
    top: 663px;
    left: 1005px;
}
.page-contacts .squares-s > :nth-child(14) {
    top: 499px;
    left: 1170px;
}
.page-contacts .squares-s > :nth-child(15) {
    top: 416px;
    left: 1254px;
}
.page-contacts .squares-s > :nth-child(16) {
    top: 662px;
    left: 1253px;
}
.page-contacts .squares-s > :nth-child(17) {
    top: 334px;
    left: 1335px;
}
.page-contacts .squares-s > :nth-child(18) {
    top: 413px;
    left: 1415px;
}
.page-service h1 {
    line-height: 145px; /* 83.337% */
    letter-spacing: -8.7px;
}
.page-service .breadcrumbs {
    padding: 48px 0 62px 19px;
}
.page-section.page-services.page-service {
    height: 1072px;
}
.page-service .squares-s > :nth-child(1) {
    top: 111px;
    left: 320px;
}
.page-service .squares-s > :nth-child(9) {
    top: 216px;
    left: 525px;
}
.page-services.page-service .page-content p {
    max-width: 921px;
    margin: 66px 0 0 85px;
}
.page-section.page-service > i:nth-of-type(2), .page-section.page-case > i:nth-of-type(2) {
    top: 905px;
}
.page-service .more-cases {
    top: 44px;
}
.page-section.page-service .grid-section > .long-description {
    top: 60px;
    max-width: 518px;
    font-size: 20px;

    line-height: 26.482px;
    letter-spacing: 0.649px;
}
.page-service .squares-s > :nth-child(12) {
    top: 620px;
    left: 1101px;
}
.page-section.page-services.page-service > i:nth-of-type(1), .page-section.page-services.page-case > i:nth-of-type(1) {
    top: 412px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='596' height='655' viewBox='0 0 596 655' fill='none'%3E%3Cpath d='M654 345.386C483.541 345.386 329.094 484.281 329.094 655L0 655C-7.5934e-06 481.283 68.9034 314.681 191.552 191.845C314.201 69.0087 480.548 7.58181e-06 654 0L654 345.386Z' fill='url(%23paint0_radial_409_510)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_409_510' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-3.89814e-05 655) rotate(-49.3993) scale(1004.94 991.636)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 596px;
    height: 655px;
}
.structure-header.service {
    height: 790px;
}
.structure-header.service .smm_description {
    margin-left: 244px;
    width: 1228px;
}
.structure-squares.service i:nth-of-type(10) {
    top: 743px;
    left: -71px;
}
.structure-squares.service i:nth-of-type(11) {
    top: 664px;
    left: 10px;
}
.professional-team-grid.service {
    margin-bottom: 229px;
}
.professional-team-grid.service h4 {
    max-width: 336px;
}
.professional-team-header.service > i:nth-of-type(1) {
    top: 108px;
}
.professional-team-header.service > i:nth-of-type(2) {
    top: 185px;
}
.professional-team-header.service > i:nth-of-type(3) {
    top: 358px;
}
.professional-team-header.service > i:nth-of-type(4) {
    top: 280px;
}
.professional-team-header.service > i:nth-of-type(5) {
    left: 272px;
    top: 649px;
}
.professional-team-header.service > i:nth-of-type(6) {
    top: 415px;
}
.professional-team-header.service > i:nth-of-type(7) {
    top: 417px;
}
.professional-team-header.service > i:nth-of-type(8) {
    top: 552px;
}
.professional-team-header.service > i:nth-of-type(9) {
    top: 629px;
}
.professional-team-header.service > i:nth-of-type(12) {
    top: 190px;
    left: 1071px;
}
.professional-team-header.service > i:nth-of-type(13) {
    top: 112px;
    left: 1264px;
}
.professional-team-header.service > i:nth-of-type(14) {
    top: 1379px;
    left: 34px;
}
.professional-team-header.service > i:nth-of-type(15) {
    top: 1171px;
    left: 1499px;
}
.professional-team-header.service > i:nth-of-type(16) {
    top: 1247px;
    left: 1577px;
}
.professional-team-header.service > i:nth-of-type(17) {
    top: 2155px;
    left: 937px;
}
.professional-team-header.service > i:nth-of-type(18) {
    top: 2039px;
    left: 1565px;
}
.professional-team-header.service h2 {
    padding-top: 183px;
}
.page-section.page-case h1 {
    line-height: 145px;
}
.page-section.page-case h3 {
    font-size: 100px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -1px;
    background: linear-gradient(252deg, #F64261 0%, #D31636 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 12px 0 0 0;
}
.page-case .breadcrumbs {
    padding: 48px 0 62px 19px;
}
.page-section.page-case .page-content .short-descr {
    margin: 127px 0 0 85px;
    max-width: 794px;
    color: #13161A;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 1.4px;
}
.case-description {
    color: #13161A;
    font-family: Montserrat;
    font-size: 12.988px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.482px;
    letter-spacing: 0.649px;
    max-width: 854px;
    margin: 50px 0 0 85px;
}
.page-section.page-case {
    height: 1072px;
}
.page-case .squares-s > :nth-child(1) {
    top: 132px;
    left: 458px;
}
.page-case .squares-s > :nth-child(9) {
    top: 367px;
    left: 241px;
}
.page-case .squares-s > :nth-child(10) {
    left: 1103px;
}
.page-case .squares-s > :nth-child(11) {
    left: 1182px;
}
.page-case .squares-s > :nth-child(12) {
    top: 632px;
    left: -90px;
}
.page-case .squares-s > :nth-child(13) {
    top: 282px;
    left: 939px;
}
.page-case .squares-s > :nth-child(14) {
    top: 364px;
    left: 1022px;
}
.page-case .squares-s > :nth-child(15) {
    top: 449px;
    left: 1103px;
}
.page-case .squares-s > :nth-child(16) {
    top: 720px;
    left: 1494px;
}
.case-img {
    position: absolute;
    top: 377px;
    right: -99px;
    width: 393px;
    height: 393px;
    object-fit: cover;
    z-index: 1;
}
.service-header {
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    height: 700px;
}
.service-header > div {
    max-width: 1614px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.service-header h2 {
    color: #FFF;
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -4.8px;
    padding-top: 120px;
    margin: 0;
}
.service-header span {
    background: #FFF;
    max-width: 1636px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 268px;
}
.service-prices {
    max-width: 1273px;
    margin: -123px auto 333px auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    grid-gap: 7px;
    position: relative;
}
.service-price {
    position: relative;
    height: 528px;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
}
.service-price span {
    width: 169px;
    height: 169px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    color: #13161A;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 108.333% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.service-price ul {
    padding-left: 24px;
    text-align: left;
    box-sizing: border-box;
    max-width: 329px;
    margin: 0 0 0 46px;
    position: relative;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
    letter-spacing: 0.8px;
    padding-top: 249px;
}
.service-price .more-cases {
    position: absolute;
    bottom: -99px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 194px;
    height: 196px;
    border: none;
    z-index: 2;
}
.service-price::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='418' height='777' viewBox='0 0 418 777' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' filter='url(%23filter0_f_412_1308)'%3E%3Cline x1='80.5' y1='0.999878' x2='80.5' y2='776' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='165.5' y1='0.999878' x2='165.5' y2='776' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='85.7725' x2='1' y2='85.7725' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='170.249' x2='1' y2='170.249' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='248.5' y1='1' x2='248.5' y2='776' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='332.5' y1='1' x2='332.5' y2='776' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='253.531' x2='1' y2='253.531' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='338.01' x2='1' y2='338.01' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='420.531' x2='1' y2='420.531' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='505.01' x2='1' y2='505.01' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='587.531' x2='1' y2='587.531' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='668.531' x2='1' y2='668.531' stroke='white' stroke-opacity='0.1'/%3E%3Cline x1='417' y1='749.531' x2='1' y2='749.531' stroke='white' stroke-opacity='0.1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_412_1308' x='0.536739' y='0.536617' width='416.927' height='775.927' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='0.23163' result='effect1_foregroundBlur_412_1308'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    opacity: 0.9;
    filter: blur(0.23163028061389923px);
    z-index: 2;
}
.service-prices .service-price:nth-of-type(2) {
    height: 611px;
}
.service-prices .service-price:nth-of-type(3) {
    height: 774px;
}
.case-header > div {
    position: relative;
    max-width: 1526px;
    margin: 0 auto;
}
.case-header h2 {
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -1.3px;
    max-width: 1526px;
    margin: 0;
    padding-top: 183px;
    text-align: center;
}
.case-header h2 span {
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.case-header h2 span:nth-of-type(2) {
    margin-top: -13px;
    display: block;
}
.case-header h2 span, .case-header h2 strong {
    display: inline-block;
}
.case-header h2 strong {
    background: linear-gradient(252deg, #F64261 0%, #D31636 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.case-header .case-desc {
    color: #13161A;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px; /* 160% */
    letter-spacing: 1px;
    max-width: 1150px;
    margin: 0 auto;
    padding: 125px 0 144px 0;
}
.case-header img {
    max-width: 1274px;
    margin: 0 auto;
    display: block;
}
.case-task {
    height: 790px;
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
}
.case-task > div {
    max-width: 1614px;
    margin: 0 auto;
    position: relative;
}
.case-task h2 {
    color: #FFF;
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -4.8px;
    margin: 0;
    padding: 120px 0 0 0;
}
.case-task .task-desc {
    margin: 76px 0 0 244px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 1px;
    max-width: 1228px;
}
.case-squares {
    max-width: 1614px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
    width: 100%;
}
.case-squares > * {
    position: absolute;
    /* border: 0.927px solid #FFF; */
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 77.483px;
    height: 78.396px;
    top: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
}
.case-squares i:nth-of-type(1) {
    top: 105px;
    left: 692px;
}
.case-squares i:nth-of-type(2) {
    top: 145px;
    left: -55px;
}
.case-squares i:nth-of-type(3) {
    top: 306px;
    left: -55px;
}
.case-squares i:nth-of-type(4) {
    top: 386px;
    left: 24px;
}
.case-squares i:nth-of-type(5) {
    top: 743px;
    left: -71px;
}
.case-squares i:nth-of-type(6) {
    top: 664px;
    left: 10px;
}
.case-squares i:nth-of-type(7) {
    top: 265px;
    left: 1241px;
}
.case-squares i:nth-of-type(8) {
    top: 183px;
    left: 1320px;
}
.case-squares i:nth-of-type(9) {
    top: 263px;
    left: 1399px;
}
.case-squares i:nth-of-type(10) {
    top: 345px;
    left: 1480px;
}
.case-squares i:nth-of-type(11) {
    top: 425px;
    left: 1559px;
}
.case-squares > *::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: contain;
}
.case-squares > i:nth-of-type(1)::before {
    background: url(/themes/demo/assets/img/st-1.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(2)::before {
    background: url(/themes/demo/assets/img/st-2.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(3)::before {
    background: url(/themes/demo/assets/img/st-3.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/st-4.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(5)::before {
    background: url(/themes/demo/assets/img/st-5.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(6)::before {
    background: url(/themes/demo/assets/img/st-6.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(7)::before {
    background: url(/themes/demo/assets/img/st-7.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(8)::before {
    background: url(/themes/demo/assets/img/st-8.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(9)::before {
    background: url(/themes/demo/assets/img/st-9.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(10)::before {
    background: url(/themes/demo/assets/img/st-10.svg) no-repeat center center;
}
.case-squares > i:nth-of-type(11)::before {
    background: url(/themes/demo/assets/img/st-11.svg) no-repeat center center;
}
.case-finish {
    margin-top: -15px;
}
.case-finish > div {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.case-finish h3 {
    background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -1.3px;
    margin: 0;
    padding-top: 195px;
}
.case-finish h3 span {
    background: linear-gradient(252deg, #F64261 0%, #D31636 66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: -10px;
}
.case-finish > div > .case-results {
    color: #13161A;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px; /* 128.571% */
    letter-spacing: 1.4px;
    margin: 158px 0 246px 218px;
    max-width: 969px;
}
.case-finish .more-cases {
    position: absolute;
    top: 479px;
    left: -85px;
    width: 194px;
    height: 196px;
}
.case-finish-sq {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.case-finish-sq i {
    position: absolute;
    width: 76.447px;
    height: 76.337px;
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.66px);
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
    z-index: 1;
}
.case-finish-sq i {
    position: absolute;
    width: 76.447px;
    height: 76.337px;
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.66px);
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
    z-index: 1;
}
.case-finish-sq i:nth-of-type(1) {
    top: 120px;
    left: 493px;
}
.case-finish-sq i:nth-of-type(2) {
    top: 197px;
    left: 571px;
}
.case-finish-sq i:nth-of-type(3) {
    top: 195px;
    left: 1054px;
}
.case-finish-sq i:nth-of-type(4) {
    top: 140px;
    left: 1310px;
}
.case-finish-sq i:nth-of-type(5) {
    top: 217px;
    left: 1388px;
}
.case-finish-sq i:nth-of-type(6) {
    top: 370px;
    left: -97px;
}
.case-finish-sq i:nth-of-type(7) {
    top: 292px;
    left: -20px;
}
.case-finish-sq i:nth-of-type(8) {
    top: 370px;
    left: 218px;
}
.case-finish-sq i:nth-of-type(9) {
    top: 366px;
    left: 817px;
}
.case-finish-sq i:nth-of-type(10) {
    top: 366px;
    left: 976px;
}
.case-finish-sq i:nth-of-type(11) {
    top: 661px;
    left: -248px;
}
.case-finish-sq i:nth-of-type(12) {
    top: 679px;
    left: 1350px;
}
.case-finish-sq i:nth-of-type(13) {
    top: 756px;
    left: 1432px;
}
.case-finish-sq i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/sc-2.svg) no-repeat center center / contain;
    border-radius: inherit;
    z-index: -1;
}
.case-header svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.case-header div > i {
    position: absolute;
    width: 76.447px;
    height: 76.337px;
    background: rgba(53, 53, 53, 0.05);
    backdrop-filter: blur(10.66px);
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
    z-index: 1;
}
/* Смещение по вертикали */
:root {
    --offsetY: 34px;
}

.case-header div > i:nth-of-type(1) {
    left: 43px;
    top: 282px;
}
.case-header div > i:nth-of-type(2) {
    left: -35px;
    top: 652.447px;
}
.case-header div > i:nth-of-type(3) {
    left: 706px;
    top: 111.448px;
}
.case-header div > i:nth-of-type(4) {
    left: -34px;
    top: 361.448px;
}
.case-header div > i:nth-of-type(5) {
    left: 1485px;
    top: 184px;
}
.case-header div > i:nth-of-type(6) {
    left: 1007px;
    top: 186.447px;
}
.case-header div > i:nth-of-type(7) {
    left: 312px;
    top: 417.447px;
}
.case-header div > i:nth-of-type(8) {
    left: 1137px;
    top: 419.447px;
}
.case-header div > i:nth-of-type(9) {
    left: 1556px;
    top: 624.447px;
}
.case-header div > i:nth-of-type(10) {
    left: 1638px;
    top: 701.447px;
}
.case-header div > i:nth-of-type(11) {
    left: 784px;
    top: 187px;
}

.case-header div > i:nth-of-type(12) {
    left: -195px;
    top: 806.446px;
}
.case-header div > i:nth-of-type(13) {
    left: -113px;
    top: 883.446px;
}

.case-header div > i:nth-of-type(14) {
    left: 1535px;
    top: 1250.45px;
}

.case-header div > i:nth-of-type(15) {
    left: 1457px;
    top: 1174.45px;
}

.case-header div > i:nth-of-type(16) {
    left: -8px;
    top: 1382.45px;
}
.case-header div > i::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: url(/themes/demo/assets/img/sc-2.svg) no-repeat center center / contain;
    border-radius: inherit; /* Чтобы углы совпадали */
    z-index: -1; /* Разместить за основным элементом */
}
.case-header i:nth-of-type(1):before, .case-header i:nth-of-type(5):before {
    background: url(/themes/demo/assets/img/sc-1.svg) no-repeat center center / contain;
}
.case-header i:nth-of-type(11):before {
    background: url(/themes/demo/assets/img/sc-11.svg) no-repeat center center / contain;

}
.price-sq {
    max-width: 1614px;
    margin: 0 auto;
    position: relative;
}
.price-sq > * {
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10.654993057250977px);
    width: 77.483px;
    height: 78.396px;
    top: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(0.7);
    animation: fadeIn 2s ease forwards;
}
.price-sq i:nth-of-type(1) {
    top: 183px;
    left: -44px;
}
.price-sq i:nth-of-type(2) {
    top: 390px;
    left: 66px;
}
.price-sq i:nth-of-type(3) {
    top: 310px;
    left: 146px;
}
.price-sq i:nth-of-type(4) {
    top: 100px;
    left: 365px;
}
.price-sq i:nth-of-type(5) {
    top: 215px;
    left: 731px;
}
.price-sq i:nth-of-type(6) {
    top: 100px;
    left: 1419px;
}
.price-sq i:nth-of-type(7) {
    top: 257px;
    left: 1422px;
}
.price-sq i:nth-of-type(8) {
    top: 338px;
    left: 1503px;
}
.price-sq i:nth-of-type(9) {
    top: 419px;
    left: 1582px;
}
.price-sq i:nth-of-type(10) {
    top: 649px;
    left: -55px;
}
.price-sq i:nth-of-type(11) {
    top: 924px;
    left: -153px;
}
.price-sq i:nth-of-type(12) {
    top: 1512px;
    left: -11px;
}
.price-sq i:nth-of-type(13) {
    top: 1433px;
    left: 69px;
}
.price-sq i:nth-of-type(14) {
    top: 1433px;
    left: 510px;
}
.price-sq i:nth-of-type(15) {
    top: 884px;
    left: 1605px;
}
.price-sq i:nth-of-type(16) {
    top: 964px;
    left: 1684px;
}
.price-sq i:nth-of-type(17) {
    top: 1320px;
    left: 1687px;
}
.price-sq > *::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    z-index: -1;
    background: url(/themes/demo/assets/img/s-1.svg) no-repeat center center;
    background-size: contain;
}
.price-sq > i:nth-of-type(1)::before {
    background: url(/themes/demo/assets/img/st-1.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(2)::before {
    background: url(/themes/demo/assets/img/st-2.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(3)::before {
    background: url(/themes/demo/assets/img/st-3.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(4)::before {
    background: url(/themes/demo/assets/img/st-4.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(5)::before {
    background: url(/themes/demo/assets/img/st-5.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(6)::before {
    background: url(/themes/demo/assets/img/st-6.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(7)::before {
    background: url(/themes/demo/assets/img/st-7.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(8)::before {
    background: url(/themes/demo/assets/img/st-8.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(9)::before {
    background: url(/themes/demo/assets/img/st-9.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(10)::before {
    background: url(/themes/demo/assets/img/st-10.svg) no-repeat center center;
}
.price-sq > i:nth-of-type(11)::before {
    background: url(/themes/demo/assets/img/st-11.svg) no-repeat center center;
}
.mob-menu {
    display: none;
}
.our-activity.active > a:nth-child(1) i {
    display: none;
}
.portfolio-header > div > i:nth-of-type(7) {
    display: none;
}
.form-section > i:nth-of-type(10) {
    display: none;
}
/* Подложка */
.screen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(19, 22, 26, 0.75);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1;
}
.services-container {
    position: relative;
}
.services-container a.menu-item {
    display: block;
    width: 180px;
    padding-bottom: 69px;
}
.services-container a.cases-link {
    display: block;
    width: 230px;
    max-width: 230px;
    padding-bottom: 69px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.services-container:hover a.menu-item {
    background: white;
    color: #BB1632;
    font-weight: 600;
}
.services-container:hover a.cases-link {
    background: white;
}
/* Подменю */
.services-submenu, .cases-submenu  {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    display: none;
    z-index: 2;
    width: 459px;
    padding-top: 34px;
    padding-bottom: 28px;
    padding-left: 12px;
    box-sizing: border-box;
}
.cases-submenu {
    width: 309px;
}

.services-submenu ul, .cases-submenu ul  {
    list-style: none;
    margin: 0;
    padding: 0;
}

.services-submenu a, .cases-submenu a {
    padding-left: 21px;
    color: #13161A;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    letter-spacing: -0.16px;
    display: flex;
    align-items: center;
    height: 45px;
    border-bottom: 1px solid #F3F3F3;
    text-decoration: none;
    cursor: pointer;
}
.services-submenu a:hover, .cases-submenu a:hover {
    color: #D31636;
}

/* Для основного меню */
.menu-block {
    position: relative;
    z-index: 2;
}
.touch.touch-cases {
    max-width: 1105px;
    margin: 0 auto;
}

.mob {
    display: none;
}
@media (max-width: 1800px) {
    .services-container a.cases-link {
        width: 160px;
    }
    header.fixed .menu-block .services-container .menu-item, header.fixed .services-container .cases-link {
        height: 69px;
    }
    header.fixed .menu-block {
        height: 69px;
    }
    .smm-description {
        margin: 41px 0 0 189px;
        font-size: 22.76px;
        line-height: 29.263px;
        letter-spacing: 1.138px;
    }
    .all-services span {
        font-size: 14.612px;
        letter-spacing: 0.731px;
    }
    .all-services {
        padding-top: 57px;
        max-width: 114px;
    }
    .all-services.all-services-ukr {
        max-width: 130px;
    }
    header.fixed .all-services {
        padding-top: 28px;
    }

    h1 {
        font-size: 141.241px;
        letter-spacing: -7.062px;
        max-width: 1302px;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 139px;
    }
    h1 small {
        width: 55px;
    }
    header > div {
        max-width: 1297px;
    }
    .squares > * {
        width: 64.191px;
        height: 64.952px;
    }
    .main-section {
        min-height: 760px;
    }
    .main-description {
        max-width: 1302px;
        display: block;
        margin: 0 auto;
        padding-left: 140px;
        box-sizing: border-box;
        font-size: 22.729px;
        line-height: 29.223px;
        letter-spacing: 1.136px;
        padding-top: 32.56px;
    }
    .logo-block {
        margin-top: 47px;
    }
    .menu-block .menu-item {
        font-size: 14.612px;
        letter-spacing: 0.731px;
        padding-top: 57px;
        padding-bottom: 55px;
    }
    .services-container a.menu-item {
        display: block;
        width: 136px;
        padding-bottom: 55px;
        padding-top: 58px;
    }
    .lang-menu {
        margin: 51px 53px 0 74px;
        width: 20px;
    }
    .logo-block img {
        height: 36px;
    }
    .lang-menu a {
        font-size: 13px;
        letter-spacing: -0.39px;
        height: 12px;
        display: block;
    }
    .lang-menu a:nth-of-type(1) {
        margin-bottom: 6px;
    }
    .contact-items {
        margin-top: 54px;
        min-width: 205px;
        width: 205px;
    }
    .contact-items a {
        height: 24px;
    }
    .contact-email {
        font-size: 16px;
        letter-spacing: 0.8px;
    }
    .contact-telegram {
        width: 18px;
    }
    .header-items {
        max-width: 846px;
    }
    .menu-block {
        max-width: 580px;
    }
    .squares {
        display: block;
        top: 0;
        z-index: 2;
        max-width: 1302px;
        margin: 0 auto;
        left: auto;
        right: auto;
        width: 100%;
        position: relative;
    }
    .grid-section {
        max-width: 1302px;
    }
    .squares > :nth-child(1) {
        top: 131px;
        left: 397px;
    }
    .squares > :nth-child(2) {
        right: 24px;
        left: unset;
        top: 131px;
    }
    .squares > :nth-child(3) {
        top: 197px;
        right: -41px;
        left: unset;
    }
    .squares > :nth-child(4) {
        top: 194px;
        left: -45px;
    }
    .squares > :nth-child(5) {
        top: 260px;
        left: 20px;
    }
    .squares > :nth-child(6) {
        top: 326px;
        left: 20px;
    }
    .squares > :nth-child(8) {
        left: 86px;
        top: 260px;
    }
    .squares > :nth-child(9) {
        top: 436px;
        left: -120px;
    }
    .squares > :nth-child(10) {
        top: 263px;
        left: 971px;
    }
    .squares > :nth-child(11) {
        top: 329px;
        left: unset;
        right: 202px;
    }
    .squares > :nth-child(12) {
        top: 369px;
        left: unset;
        right: 320px;
    }
    .squares > :nth-child(13) {
        left: 560px;
        top: 435px;
    }
    .squares > :nth-child(14) {
        top: 433px;
        left: 715px;
    }
    .squares > :nth-child(15) {
        left: 782px;
        top: 433px;
    }
    .squares > :nth-child(16) {
        top: 500px;
        left: 849px;
    }
    .squares > :nth-child(17) {
        top: 500px;
        left: 715px;
    }
    .squares > :nth-child(18) {
        top: 568px;
        left: 916px;
    }
    .squares > :nth-child(19) {
        top: 634px;
        left: 982px;
    }
    .main-grid {
        top: 428px;
        left: 139px;
        max-width: 487px;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 3.25px;
    }
    .squares > :nth-child(3):before, .squares > :nth-child(5):before, .squares > :nth-child(14):before {
        background: url(/themes/demo/assets/img/3-mob.svg) no-repeat center center;
    }
    .squares > :nth-child(6):before, .squares > :nth-child(20):before {
        background: url(/themes/demo/assets/img/6-mob.svg) no-repeat center center;
    }
    .squares > :nth-child(18):before, .squares > :nth-child(19):before {
        background: url(/themes/demo/assets/img/18-mob.svg) no-repeat center center;
    }
    .squares > :nth-child(15):before {
        background: url(/themes/demo/assets/img/15-mob.svg) no-repeat center center;
    }
    .squares > :nth-child(16):before {
        background: url(/themes/demo/assets/img/17-mob.svg) no-repeat center center;
    }
    .squares > :nth-child(17):before {
        background: url(/themes/demo/assets/img/16-mob.svg) no-repeat center center;
    }
    .cage-item .square:nth-of-type(2):before {
        background: url(/themes/demo/assets/img/16-mob.svg) no-repeat center center;
    }
    .main-grid > * {
        height: 162px;
    }
    .cage-item p {
        font-size: 13.8px;
        letter-spacing: -0.138px;
    }

    .cage-item p small {
        width: 69.797px;
        height: 0.752px;
    }
    .cage-item strong {
        margin-bottom: 12px;
        font-size: 29.223px;
        line-height: 25.976px;
        letter-spacing: -0.292px;
    }
    .cage-item span {
        letter-spacing: -0.12px;
        font-size: 9.741px;
        letter-spacing: -0.097px;
    }
    .grid-socials {
        top: 503px;
        left: 627px;
        max-width: 171px;
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        grid-gap: 2px;
    }
    .grid-socials > * {
        height: 86px;
    }
    .grid-socials > * svg {
        height: 100%;
        width: 100%;
    }
    .main-section > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='272' viewBox='0 0 205 272' fill='none'%3E%3Cg filter='url(%23filter0_d_52_3190)'%3E%3Cpath d='M52.0238 229.81C52.0238 186.225 16.5636 146.734 -27.0215 146.734V62.587C17.3289 62.587 59.8628 80.2051 91.2233 111.566C122.584 142.926 140.202 185.46 140.202 229.81H52.0238Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_52_3190' x='-91.7035' y='0.913394' width='296.587' height='296.587' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.00846'/%3E%3CfeGaussianBlur stdDeviation='32.341'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_52_3190'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_52_3190' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: 205px;
        height: 272px;
    }
    .main-section > i:nth-of-type(2) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='577' height='429' viewBox='0 0 577 429' fill='none'%3E%3Cg filter='url(%23filter0_d_52_3188)'%3E%3Cpath d='M625.372 342.632C495.73 307.895 349.95 382.093 315.147 511.979L64.8559 444.914C100.27 312.747 186.638 200.036 304.959 131.574C423.281 63.1126 563.864 44.5093 695.782 79.8566L625.372 342.632Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_52_3188' x='0.173485' y='0.6673' width='760.291' height='579.003' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.00846'/%3E%3CfeGaussianBlur stdDeviation='32.341'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_52_3188'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_52_3188' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: 577px;
        height: 429px;
    }
    .main-section > i:nth-of-type(3) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='354' height='632' viewBox='0 0 354 632' fill='none'%3E%3Cpath d='M452.454 368.731C322.812 333.993 233.609 197.044 268.347 67.4022L18.0551 0.336827C-17.2923 132.255 1.21236 272.812 69.4982 391.086C137.784 509.361 250.258 595.665 382.176 631.012L452.454 368.731Z' fill='url(%23paint0_linear_52_3189)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_52_3189' x1='164.713' y1='146.44' x2='164.713' y2='588.305' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23252931'/%3E%3Cstop offset='0.565' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23F74261'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 354px;
        height: 632px;
    }
    .cage-item .square {
        width: 64.191px;
        height: 64.952px;
        top: -33px;
        left: -40px;
    }
    .our-activity-header h2 {
        max-width: 1051px;
        font-size: 105.529px;
        letter-spacing: -1.055px;
        padding-top: 131px;
        padding-bottom: 191px;
    }
    .our-activity-header {
        max-width: 1298px;
    }
    .our-activity-header p:nth-of-type(1) {
        top: 399px;
    }
    .our-activity-header p:nth-of-type(2) {
        top: 176px;
    }
    .our-activity-header p {
        max-width: 463px;
        font-size: 13px;
        line-height: 19.482px;
        letter-spacing: 0.649px;
    }
    .our-activity-header h2 strong {
        padding-left: 184px;
        margin-top: -27px;
    }
    .our-activity-header h2 span:nth-of-type(2) {
        margin-top: -13px;
        right: -18px;
    }
    .marquee-items {
        margin-top: 49px;
        height: 54px;
    }
    .marquee-item img {
        height: 54px;
    }
    .our-activity-header > i {
        width: 60.869px;
        height: 61.591px;
    }
    .our-activity-header > i:nth-of-type(1) {
        left: 591px;
        top: 70px;
    }
    .our-activity-header > i:nth-of-type(2) {
        left: 654px;
        top: 131px;
    }
    .our-activity-header > i:nth-of-type(3) {
        left: 1154px;
        top: 69px;
    }
    .our-activity-header > i:nth-of-type(4) {
        left: 79px;
        top: 210px;
    }
    .our-activity-header > i:nth-of-type(5) {
        left: 16px;
        top: 275px;
    }
    .our-activity-header > i:nth-of-type(6) {
        left: 866px;
        top: 303px;
    }
    .our-activity-header > i:nth-of-type(7) {
        left: 994px;
        top: 305px;
    }
    .our-activity-header > i:nth-of-type(7) {
        left: 513px;
        top: 448px;
    }
    .our-activity-header > i:nth-of-type(8) {
        left: 591px;
        top: 577px;
    }
    .our-activity-header > i:nth-of-type(9) {
        left: 1155px;
        top: 426px;
    }
    .our-activity-header > i:nth-of-type(10) {
        left: 1221px;
        top: 490px;
    }
    .our-activity-squares {
        max-width: 1294px;
    }
    .our-activity-squares i {
        width: 60.869px;
        height: 61.591px;
    }
    .our-activity-squares i:nth-of-type(1) {
        left: -105px;
        top: 296px;
    }
    .our-activity-squares i:nth-of-type(2) {
        left: -42px;
        top: 233px;
    }
    .our-activity-squares i:nth-of-type(3) {
        left: 194px;
        top: 730px;
    }
    .our-activity-squares i:nth-of-type(4) {
        left: 553px;
        top: 873px;
    }
    .our-activity-squares i:nth-of-type(5) {
        left: 616px;
        top: 806px;
    }
    .our-activity-squares i:nth-of-type(6) {
        left: 553px;
        top: 873px;
    }
    .our-activity-squares i:nth-of-type(7) {
        left: 616px;
        top: 806px;
    }
    .our-activity-squares i:nth-of-type(8) {
        left: 866px;
        top: 606px;
    }
    .our-activity-squares i:nth-of-type(9) {
        left: 1155px;
        top: 788px;
    }
    .our-activity-squares i:nth-of-type(10) {
        left: 1221px;
        top: 851px;
    }
    .our-activity, .our-activity-grid {
        max-width: 1294px;
        grid-template-columns: 393px 220px 220px auto 220px;
        grid-gap: 5px;
    }
    .our-activity-grid {
        grid-template-columns: 194.25px 194.25px 220px 220px auto 220px;
        margin-top: 33px;
        margin-bottom: 138px;
    }
    .our-activity-grid > * .activity-item:first-of-type:before {
        height: 33px;
        top: -33px;
    }
    .our-activity > * p {
        font-size: 19.464px;
        line-height: 25.952px;
        letter-spacing: -0.195px;
    }
    .our-activity > * {
        height: 224px;
    }
    .activity-item {
        min-height: 52px;
        margin-bottom: 5px;
        font-size: 14.598px;
        line-height: 16.22px;
        letter-spacing: -0.146px;
    }
    .activity-item span {
        max-width: 205px;
        font-size: 12.976px;
        letter-spacing: -0.13px;
    }
    .activity-item ul {
        max-width: 166px;
        margin: 12px auto 0 auto;
        font-size: 12.976px;
        font-style: normal;
        line-height: 16.22px; /* 125% */
        letter-spacing: -0.13px;
    }
    .activity-item ul ~ span {
        margin-top: 18px;
    }
    .activity-item.lg-size {
        padding-top: 10px;
        padding-bottom: 17px;
    }
    .portfolio-header {
        height: 568px;
    }
    .portfolio-grid {
        max-width: 1295px;
        margin-top: -238px;
    }
    .portfolio-header h2 {
        padding-top: 97px;
        font-size: 105.529px;
        letter-spacing: -5.276px;
    }
    .portfolio-header > div {
        max-width: 1295px;
    }
    .portfolio-header > div > i {
        width: 62.521px;
        height: 63.263px;
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(8.649334907531738px);
    }
    .portfolio-header > div > i:nth-of-type(1)::before {
        background: url(/themes/demo/assets/img/41.svg) no-repeat center center;
    }
    .portfolio-header > div > i:nth-of-type(2)::before {
        background: url(/themes/demo/assets/img/42.svg) no-repeat center center;
    }
    .portfolio-header > div > i:nth-of-type(3)::before {
        background: url(/themes/demo/assets/img/43.svg) no-repeat center center;
    }
    .portfolio-header > div > i:nth-of-type(4)::before {
        background: url(/themes/demo/assets/img/44.svg) no-repeat center center;
    }
    .portfolio-header > div > i:nth-of-type(5)::before {
        background: url(/themes/demo/assets/img/45.svg) no-repeat center center;
    }
    .portfolio-header > div > i:nth-of-type(6)::before {
        background: url(/themes/demo/assets/img/46.svg) no-repeat center center;
    }
    .portfolio-header > div > i:nth-of-type(1) {
        top: 117px;
        left: -52px;
    }
    .portfolio-header > div > i:nth-of-type(2) {
        top: 184px;
        left: 13px;
    }
    .portfolio-header > div > i:nth-of-type(3) {
        top: 184px;
        left: 79px;
    }
    .portfolio-header > div > i:nth-of-type(4) {
        top: 249px;
        left: 13px;
    }
    .portfolio-header > div > i:nth-of-type(5) {
        top: 184px;
        left: 487px;
    }
    .portfolio-header > div > i:nth-of-type(6) {
        top: 118px;
        left: 551px;
    }
    .more-cases-grid {
        max-width: 324px;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 4px;
        margin-top: 96px;
    }
    .more-cases-grid > * {
        height: 159px;
    }
    .more-cases p {
        font-size: 13.8px;
        letter-spacing: -0.138px;
    }
    .more-cases p small {
        width: 70px;
    }
    .arrow-grid {
        max-width: 160px;
        grid-gap: 2px;
        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    }
    .arrow-grid > * {
        height: 79px;
        margin-bottom: 1px;
    }
    .arrow-grid > * svg {
        height: 100%;
        width: 100%;
    }
    .work-description {
        padding-left: 25px;
        padding-top: 25px;
        max-width: 369px;
    }
    .work-description p, .work-description ul li {
        font-size: 13px;
        line-height: 19.482px; /* 150% */
        letter-spacing: 0.649px;
    }
    .work-description p {
        padding-bottom: 14px;
    }
    .work-description ul li {
        padding-left: 31px;
    }
    .work-description ul li::before {
        width: 19px;
        height: 13px;
    }
    .professional-team-header {
        max-width: 1295px;
        margin-top: -70px;
        margin-bottom: -60px;
    }
    .professional-team-header h2 {
        font-size: 105.529px;
        letter-spacing: -1.055px;
        margin-left: -6px;
        padding-top: 199px;
        padding-bottom: 149px;
    }
    .professional-team-header h2 strong {
        margin-top: -22px;
        padding-left: 233px;
    }
    .professional-team-header h2 span:nth-of-type(2) {
        margin-top: -17px;
    }
    .professional-team-header > i {
        background: rgba(53, 53, 53, 0.05);
        backdrop-filter: blur(4px);
        width: 60.869px;
        height: 61.591px;
    }
    .professional-team-header > i:nth-of-type(1) {
        left: 601px;
        top: 142px;
    }
    .professional-team-header > i:nth-of-type(2) {
        left: 664px;
        top: 205px;
    }
    .professional-team-header > i:nth-of-type(3) {
        left: 1px;
        top: 345px;
    }
    .professional-team-header > i:nth-of-type(4) {
        left: 64px;
        top: 282px;
    }
    .professional-team-header > i:nth-of-type(5) {
        left: 447px;
        top: 519px;
    }
    .professional-team-header > i:nth-of-type(6) {
        left: 940px;
        top: 391px;
    }
    .professional-team-header > i:nth-of-type(7) {
        left: 1069px;
        top: 393px;
    }
    .professional-team-header > i:nth-of-type(8) {
        left: 1142px;
        top: 503px;
    }
    .professional-team-header > i:nth-of-type(9) {
        left: 1209px;
        top: 565px;
    }
    .professional-team-header > i:nth-of-type(9) {
        left: 1209px;
        top: 565px;
    }
    .professional-team-header > i:nth-of-type(10) {
        left: -129px;
        top: 698px;
    }
    .professional-team-header > i:nth-of-type(11) {
        left: -64px;
        top: 761px;
    }
    .professional-team-header > i:nth-of-type(12) {
        left: 436px;
        top: 1013px;
    }
    .professional-team-header > i:nth-of-type(13) {
        left: 1127px;
        top: 1013px;
    }
    .professional-team-header > i:nth-of-type(14) {
        left: 433px;
        top: 1349px;
    }
    .professional-team-header > i:nth-of-type(15) {
        left: 499px;
        top: 1411px;
    }
    .professional-team-header > i:nth-of-type(16) {
        left: 1264px;
        top: 1681px;
    }

    .professional-team-grid {
        max-width: 1033px;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 5px;
    }
    .professional-team-grid > * {
        height: 341px;
    }
    .professional-team-grid h4 {
        font-size: 19.482px;
        line-height: 21.106px; /* 108.333% */
        letter-spacing: 0.974px;
        padding-top: 74px;
        max-width: 242px;
        height: 62px;
    }
    .professional-team-grid p {
        font-size: 13px;
        line-height: 19.482px; /* 150% */
        letter-spacing: 0.649px;
        margin-top: 24px;
        max-width: 267px;
    }
    .professional-team-grid >*:nth-of-type(2n) p {
        margin-top: 14px;
    }
    .professional-team-grid small {
        width: 267px;
        margin: 9px auto 0 auto;
    }
    .professional-team-footer {
        margin: 156px auto 172px auto;
        max-width: 1080px;
        font-size: 13px;
        line-height: 19.482px;
        letter-spacing: 0.649px;
    }
    .form-section {
        max-width: 1295px;
    }
    .form-block {
        margin-top: 97px;
        max-width: 394px;
        min-height: 685px;
    }
    .form-block h3 {
        padding: 58px 0 40px 0;
        max-width: 282px;
        font-size: 38.965px;
        line-height: 42.212px;
        letter-spacing: -1.948px;
    }
    .input-wrapper {
        max-width: 305px;
        margin-bottom: 15px;
    }
    .form-block input {
        font-size: 14.612px;
        height: 50px;
        padding-left: 46px;
    }
    .input-wrapper::before {
        transform: scale(.8);
    }
    .input-wrapper:nth-of-type(1)::before {
        bottom: 15px;
    }
    .input-wrapper:nth-of-type(2)::before {
        bottom: 15px;
    }
    .input-wrapper:nth-of-type(3)::before {
        bottom: 15px;
    }
    .input-wrapper:nth-of-type(4)::before {
        bottom: 15px;
    }
    .form-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        max-width: 324px;
        margin: 61px auto 0 auto;
        grid-gap: 4px;
    }
    .form-grid > * {
        height: 162px;
    }
    .form-grid > * span {
        font-size: 13.8px;
        letter-spacing: -0.138px;
    }
    .form-block > i {
        width: 62.521px;
        height: 63.263px;
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(8.649334907531738px);
    }
    .form-block > i:nth-of-type(1) {
        top: -31px;
        right: 35px;
    }
    .form-block > i:nth-of-type(2) {
        top: 35px;
        right: -30px;
    }
    .form-block > i:nth-of-type(3) {
        bottom: -29px;
        left: -28px;
    }
    .form-block > i:nth-of-type(1)::before {
        background: url(/themes/demo/assets/img/f-1.svg) no-repeat center center;
    }
    .form-block > i:nth-of-type(2)::before {
        background: url(/themes/demo/assets/img/f-2.svg) no-repeat center center;
    }
    .form-block > i:nth-of-type(3)::before {
        background: url(/themes/demo/assets/img/f-3.svg) no-repeat center center;
    }
    .form-section h2 {
        padding-top: 73px;
        padding-bottom: 54px;
        max-width: 795px;
        font-size: 105.529px;
        letter-spacing: -5.276px;
        margin-left: -7px;
    }
    .form-section h2 strong {
        padding-left: 122px;
        margin-top: -34px;
    }
    .form-section h2 span:nth-of-type(2) {
        margin-top: -32px;
    }
    .form-section .grid-section {
        top: 449px;
    }
    .form-section .grid-section .main-grid {
        max-width: 324px;
        min-width: 324px;
        grid-gap: 4px;
    }
    .form-section .main-grid > * {
        height: 162px;
    }
    .form-section .cage-item span {
        font-size: 19.482px;
        line-height: 25.976px;
        letter-spacing: -0.195px;
    }
    .form-section .cage-item a {
        font-size: 13px;
        letter-spacing: 0.649px;
    }
    .form-section .cage-item a:first-of-type {
        margin-bottom: 14px;
    }
    .form-section .cage-item a:first-of-type svg {
        width: 18px;
        height: auto;
    }
    .form-section .grid-socials {
        max-width: 171px;
        min-width: 171px;
        left: 325px;
        top: 158px;
    }
    .form-section .grid-section .more-cases {
        left: 496px;
        width: 157.855px;
        height: 160.353px;
    }
    .final-section {
        min-height: 883px;
    }
    .final-section > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='451' viewBox='0 0 360 451' fill='none'%3E%3Cpath d='M452.778 188.537C323.136 153.799 233.933 16.8499 268.671 -112.792L18.3793 -179.858C-16.9681 -47.9393 1.53658 92.6175 69.8224 210.892C138.108 329.167 250.582 415.471 382.5 450.818L452.778 188.537Z' fill='url(%23paint0_linear_52_4004)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_52_4004' x1='165.037' y1='-33.754' x2='165.037' y2='408.111' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23252931'/%3E%3Cstop offset='0.565' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23F74261'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 360px;
        height: 451px;
    }
    .final-section > i:nth-of-type(2) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='175' height='190' viewBox='0 0 175 190' fill='none'%3E%3Cg filter='url(%23filter0_d_52_4005)'%3E%3Cpath d='M-12 57.6685C19.7981 57.6685 48.6094 31.7981 48.6094 2.64932e-06L110 5.33279e-06C110 32.3564 97.1465 63.3876 74.267 86.267C51.3876 109.146 20.3564 122 -12 122L-12 57.6685Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_52_4005' x='-76.682' y='-61.6735' width='251.364' height='251.364' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.00846'/%3E%3CfeGaussianBlur stdDeviation='32.341'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_52_4005'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_52_4005' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: 175px;
        height: 190px;
    }
    .form-section > i, footer > div > i {
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(3.4px);
        width: 62.521px;
        height: 63.263px;
    }
    .form-section > i:nth-of-type(1) {
        top: 69px;
        left: 177px;
    }
    .form-section > i:nth-of-type(2) {
        top: 67px;
        left: 529px;
    }
    .form-section > i:nth-of-type(3) {
        top: 342px;
        left: 177px;
    }
    .form-section > i:nth-of-type(4) {
        top: 487px;
        left: 0;
    }
    .form-section > i:nth-of-type(5) {
        top: 552px;
        left: -63px;
    }
    .form-section > i:nth-of-type(6) {
        top: 487px;
        left: 0;
    }
    .form-section > i:nth-of-type(7) {
        top: 552px;
        left: -63px;
    }
    .form-section > i:nth-of-type(8) {
        top: 609px;
        left: 656px;
    }
    .form-section > i:nth-of-type(9) {
        top: 673px;
        left: 719px;
    }
    .form-section > i:nth-of-type(1)::before {
        background: url(/themes/demo/assets/img/51.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(2)::before {
        background: url(/themes/demo/assets/img/52.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(3)::before {
        background: url(/themes/demo/assets/img/53.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(4)::before {
        background: url(/themes/demo/assets/img/54.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(5)::before {
        background: url(/themes/demo/assets/img/55.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(6)::before {
        background: url(/themes/demo/assets/img/56.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(7)::before {
        background: url(/themes/demo/assets/img/57.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(8)::before {
        background: url(/themes/demo/assets/img/58.svg) no-repeat center center;
    }
    .form-section > i:nth-of-type(9)::before {
        background: url(/themes/demo/assets/img/59.svg) no-repeat center center;
    }
    footer {
        height: 333px;
        padding-top: 77px;
    }
    footer > div {
        max-width: 1295px;
    }
    .footer-section > a img {
        width: 525.211px;
        height: 74.042px;
    }
    .copyright {
        margin-top: 85px;
        font-size: 14.612px;
        line-height: 21.106px;
        letter-spacing: 0.731px;
    }
    .footer-menu a {
        font-size: 14.612px;
        letter-spacing: 0.731px;
        padding-bottom: 9px;
        margin-bottom: 14px;
    }
    .footer-menu:nth-of-type(1) {
        right: 183px;
    }
    footer > div > i:nth-of-type(1) {
        top: 112px;
        left: 654px;
    }
    footer > div > i:nth-of-type(2) {
        top: 47px;
        left: 718px;
    }
    footer > div > i:nth-of-type(1)::before {
        background: url(/themes/demo/assets/img/56.svg) no-repeat center center;
    }
    footer > div > i:nth-of-type(2)::before {
        background: url(/themes/demo/assets/img/57.svg) no-repeat center center;
    }
    header.fixed {
        height: 69px;
    }
    header.fixed  .logo-block {
        margin-top: 18px;
    }
    header.fixed .lang-menu {
        margin: 22px 110px 0 99px;
    }
    header.fixed .contact-items {
        margin-top: 25px;
    }
    .our-activity.page-main > *:nth-of-type(3) p {
        margin: -26px auto 0 auto;
    }
    .our-activity > * span {
        bottom: 73px;
        font-size: 9.732px;
        letter-spacing: -0.097px;
    }
    .page-section .page-content {
        max-width: 1174px;
    }
    .page-section h1 {
        font-size: 141.431px;
        letter-spacing: -7.072px;
    }
    .breadcrumbs {
        padding: 39px 0 12px 15px;
        font-size: 13.006px;
        letter-spacing: 0.65px;
    }
    .structure-header span {
        max-width: 1296px;
        height: 204px;
    }
    .our-activity.structure {
        max-width: 1066px;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        margin-top: -86px;
        grid-gap: 6px;
    }
    .our-activity.structure > * {
        height: 266px;
    }
    .our-activity-grid.structure {
        max-width: 1067px;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-gap: 6.75px;
        margin-top: 40px;
    }
    .our-activity-grid.structure .activity-item {
        min-height: 62px;
        margin-bottom: 6px;
        font-size: 17.367px;
    }
    .our-activity-grid.structure > * .activity-item:first-of-type:before {
        height: 40px;
        top: -40px;
    }
    header.header-second {
        height: 131px;
    }
    .page-section {
        padding-top: 131px;
        height: 823px;
    }
    .page-section .page-content > p {
        color: #13161A;
        font-size: 28px;
        font-style: normal;
        font-weight: 300;
        line-height: 36px;
        letter-spacing: 1.4px;
        max-width: 595px;
        margin: 22px 0 0 85px;
    }
    .page-section .page-content > p {
        margin: 18px 0 0 69px;
        font-size: 22.76px;
        line-height: 29.263px;
        letter-spacing: 1.138px;
    }
    .page-section .main-grid {
        top: 46px;
        max-width: 323px;
        grid-gap: 3px;
        left: 67px;
    }
    .page-section .grid-section {
        max-width: 1174px;
    }
    .page-section .grid-section > p:nth-of-type(1) {
        top: 272px;
        left: 278px;
    }
    .page-section .grid-section > p:nth-of-type(2) {
        top: 104px;
        left: 444px;
    }
    .page-section.page-contacts .grid-section > p:nth-of-type(1) {
        top: 97px;
    }
    .page-section > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='201' height='298' viewBox='0 0 201 298' fill='none'%3E%3Cg filter='url(%23filter0_d_404_2747)'%3E%3Cpath d='M47.9014 229.859C47.9014 186.215 12.3936 146.671 -31.25 146.671V62.4112C13.1599 62.4112 55.7509 80.0529 87.1534 111.455C118.556 142.858 136.198 185.449 136.198 229.859H47.9014Z' fill='%2313161A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_404_2747' x='-96.0188' y='0.654844' width='296.985' height='296.985' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.0125'/%3E%3CfeGaussianBlur stdDeviation='32.3844'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_404_2747'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_404_2747' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        width: 201px;
        height: 298px;
        top: 594px;
    }
    .page-section > i:nth-of-type(2) {
        top: 131px;
        width: 599.073px;
        height: 597.447px;
        background-size: contain;
    }
    .structure-header {
        height: 569px;
    }
    .structure-header > div {
        max-width: 1302px;
    }
    .structure-header h2 {
        padding-top: 97px;
        padding-left: 0;
        font-size: 105.671px;
        letter-spacing: -5.284px;
    }
    .structure-header .smm-description {
        margin: 41px 0 0 189px;
        font-size: 20.76px;
        line-height: 29.263px;
        letter-spacing: 1.138px;
        margin-left: 198px;
        margin-top: 42px;
        max-width: 995px;
    }
    header.header-second.fixed {
        height: 69px;
    }
    .page-section.page-services {
        height: 809px;
    }
    .page-services .more-cases {
        position: absolute;
        top: 91px;
        left: 83px;
        width: 194px;
        height: 196px;
        opacity: 0;
        animation: fadeIn 1.6s ease forwards;
        animation-delay: .4s;
    }
    .page-services .more-cases {
        top: 74px;
        left: 68px;
        width: 158.274px;
        height: 160.093px;
    }
    .page-services.page-section .grid-section > .long-description {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.529px;
        max-width: 487.432px;
    }
    .page-services.page-section.page-service .grid-section > .long-description {
        font-size: 15.587px;
        line-height: 23.88px;
        letter-spacing: 0.529px;
        max-width: 487.432px;
        left: 292px;
        top: 54px;
    }
    .page-services.page-section .grid-section > .long-description {
        top: 91px;
        left: 278px;
    }
    .page-services .breadcrumbs {
        padding: 39px 0 12px 19px;
    }
    .page-section.page-services > i:nth-of-type(1), .page-section.page-services.page-case > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='435' height='535' viewBox='0 0 435 535' fill='none'%3E%3Cpath d='M533.725 282.139C394.783 282.139 268.892 395.353 268.892 534.507L0.646423 534.507C0.646417 392.91 56.8098 257.112 156.781 156.987C256.753 56.8629 392.343 0.613593 533.725 0.613586L533.725 282.139Z' fill='url(%23paint0_radial_404_3843)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_404_3843' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(0.646392 534.507) rotate(-49.3993) scale(819.132 808.287)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 435px;
        height: 535px;
        top: 269px;
        right: 0;
    }
    .page-section.page-services:not(.page-service) > i:nth-of-type(1) {
        display: none;
    }
    .page-section.page-services.page-contacts > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='509' height='532' viewBox='0 0 509 532' fill='none'%3E%3Cpath d='M280.761 0.813455C280.761 139.134 393.468 264.461 531.999 264.461L531.999 531.507C391.036 531.507 255.845 475.595 156.169 376.071C56.492 276.546 0.494311 141.562 0.494324 0.81343L280.761 0.813455Z' fill='url(%23paint0_radial_404_5724)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_404_5724' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(532 531.507) rotate(-139.399) scale(815.468 804.672)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 509px;
        height: 532px;
        display: block;
        top: 130px;
    }
    .page-section.page-services > i:nth-of-type(2) {
        background-image: url("data:image/svg+xml,%3Csvg width='435' height='535' viewBox='0 0 435 535' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M533.725 282.139C394.783 282.139 268.892 395.353 268.892 534.507L0.646423 534.507C0.646417 392.91 56.8098 257.112 156.781 156.987C256.753 56.8629 392.343 0.613593 533.725 0.613586L533.725 282.139Z' fill='url(%23paint0_radial_404_3843)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_404_3843' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(0.646392 534.507) rotate(-49.3993) scale(819.132 808.287)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 435px;
        height: 535px;
        top: 270px;
    }
    .page-section.page-services.page-case > i:nth-of-type(1) {
        top: 332px;
    }
    .page-section.page-case > i:nth-of-type(2) {
        top: 703px;
    }
    .page-section .grid-section > p {
        font-size: 12px;
        line-height: 15.836px; /* 150% */
        letter-spacing: 0.528px;
        max-width: 376.111px;
    }
    .squares-s > *, .case-squares > *, .case-header div > i, .case-finish-sq i, .structure-squares > *, .price-sq > * {
        width: 62.787px;
        height: 63.531px;
        backdrop-filter: blur(4.6px);

    }
    .page-services .squares-s > :nth-child(1) {
        top: 74px;
        left: 226px;
    }
    .page-services .squares-s > :nth-child(2) {
        top: 91px;
        left: 1119px;
    }
    .page-services .squares-s > :nth-child(3) {
        top: 157px;
        left: 1184px;
    }
    .squares-s > :nth-child(1) {
        top: 95px;
        left: 245px;
    }
    .squares-s > :nth-child(2) {
        left: 1128px;
        top: 172px;
    }
    .squares-s > :nth-child(3) {
        top: 239px;
        left: 1194px;
    }

    .squares-s > :nth-child(9) {
        top: 161px;
        left: 550px;
    }
    .squares-s > :nth-child(10) {
        top: 95px;
        left: 617px;
    }
    .squares-s > :nth-child(11) {
        top: 161px;
        left: 682px;
    }
    .squares-s > :nth-child(12) {
        top: 562px;
        left: 766px;
    }
    .squares-s > :nth-child(13) {
        top: 425px;
        left: 958px;
    }
    .squares-s > :nth-child(14) {
        top: 493px;
        left: 1025px;
    }
    .squares-s > :nth-child(15) {
        top: 561px;
        left: 1093px;
    }
    .squares-s > :nth-child(16) {
        top: 627px;
        left: 1159px;
    }

    .squares-s > :nth-child(4) {
        top: 106px;
        left: -137px;
    }
    .squares-s > :nth-child(5) {
        top: 173px;
        left: -72px;
    }
    .squares-s > :nth-child(6) {
        top: 173px;
        left: -8px;
    }
    .squares-s > :nth-child(7) {
        top: 238px;
        left: -72px;
    }
    .squares-s > :nth-child(8) {
        top: 324px;
        left: -196px;
    }
    .page-services .squares-s > :nth-child(9) {
        top: 175px;
        left: 380px;
    }
    .page-services .squares-s > :nth-child(10) {
        top: 229px;
        left: 896px;
    }
    .page-services .squares-s > :nth-child(11) {
        top: 165px;
        left: 961px;
    }
    .page-services .squares-s > :nth-child(12) {
        top: 545px;
        left: 732px;
    }
    .page-services .squares-s > :nth-child(13) {
        top: 295px;
        left: 963px;
    }
    .page-services .squares-s > :nth-child(14) {
        top: 363px;
        left: 1030px;
    }
    .page-services .squares-s > :nth-child(15) {
        top: 430px;
        left: 1097px;
    }
    .page-services .squares-s > :nth-child(16) {
        top: 496px;
        left: 1164px;
    }
    .page-section.page-services.page-cases > i:nth-of-type(1) {
        top: 271px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='437' height='533' viewBox='0 0 437 533' fill='none'%3E%3Cpath d='M531.454 281.184C393.045 281.184 267.637 393.964 267.637 532.584L0.419739 532.584C0.419733 391.53 56.3678 256.253 155.956 156.512C255.544 56.7717 390.615 0.738104 531.454 0.738098L531.454 281.184Z' fill='url(%23paint0_radial_404_4890)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_404_4890' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(0.419707 532.585) rotate(-49.3993) scale(815.992 805.188)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 437px;
        height: 533px;
    }
    .page-section.page-cases > i:nth-of-type(2) {
        width: 162px;
        height: 168px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='168' viewBox='0 0 162 168' fill='none'%3E%3Cpath d='M73.1514 167.448C73.1514 123.804 37.6436 84.26 -6 84.26L-6 4.57764e-05C38.4099 4.57764e-05 81.0009 17.6418 112.403 49.0443C143.806 80.4469 161.448 123.038 161.448 167.448H73.1514Z' fill='%2313161A'/%3E%3C/svg%3E");
        top: 642px;
    }
    .page-contacts .squares-s > :nth-child(1) {
        top: 74px;
        left: 226px;
    }
    .page-contacts .squares-s > :nth-child(2) {
        top: 81px;
        left: 1091px;
    }
    .page-contacts .squares-s > :nth-child(3) {
        top: 147px;
        left: 1156px;
    }
    .page-contacts .squares-s > :nth-child(9) {
        top: 472px;
        left: -73px;
    }
    .page-contacts .squares-s > :nth-child(10) {
        top: 539px;
        left: -8px;
    }
    .page-contacts .squares-s > :nth-child(11) {
        top: 175px;
        left: 640px;
    }
    .page-contacts .squares-s > :nth-child(12) {
        top: 603px;
        left: 748px;
    }
    .page-contacts .squares-s > :nth-child(13) {
        top: 538px;
        left: 813px;
    }
    .page-contacts .squares-s > :nth-child(14) {
        top: 405px;
        left: 949px;
    }
    .page-contacts .squares-s > :nth-child(15) {
        top: 338px;
        left: 1017px;
    }
    .page-contacts .squares-s > :nth-child(16) {
        top: 538px;
        left: 1017px;
    }
    .page-contacts .squares-s > :nth-child(17) {
        top: 271px;
        left: 1083px;
    }
    .page-contacts .squares-s > :nth-child(18) {
        top: 335px;
        left: 1148px;
    }
    .page-section.page-case h3 {
        font-size: 81.146px;
        letter-spacing: -0.811px;
        margin-top: 9px;
    }
    .page-section.page-case {
        height: 870px;
    }
    .page-section.page-case .page-content .short-descr {
        margin: 103px 0 0 69px;
        max-width: 747.353px;
    }
    .case-description {
        margin: 41px 0 0 69px;
        font-size: 10.539px;
        line-height: 15.809px;
        letter-spacing: 0.527px;
        max-width: 692.985px;
    }
    .page-section.page-case h1 {
        line-height: 118px;
    }
    .page-services.page-case .breadcrumbs, .page-services.page-service .breadcrumbs {
        padding: 39px 0 50px 19px;
    }
    .case-img {
        width: 318.903px;
        height: 318.903px;
        left: 927px;
        top: 306px;
    }
    .page-case .squares-s > :nth-child(1) {
        top: 107px;
        left: 372px;
    }
    .page-case .squares-s > :nth-child(9) {
        top: 298px;
        left: 195px;
    }
    .page-case .squares-s > :nth-child(10) {
        top: 229px;
        left: 896px;
    }
    .page-case .squares-s > :nth-child(11) {
        top: 165px;
        left: 960px;
    }
    .page-case .squares-s > :nth-child(12) {
        top: 513px;
        left: -73px;
    }
    .page-case .squares-s > :nth-child(13) {
        top: 229px;
        left: 762px;
    }
    .page-case .squares-s > :nth-child(14) {
        top: 297px;
        left: 828px;
    }
    .page-case .squares-s > :nth-child(15) {
        top: 364px;
        left: 896px;
    }
    .page-case .squares-s > :nth-child(16) {
        top: 584px;
        left: 1212px;
    }
    .case-task {
        height: 640px;
    }
    .case-task > div {
        max-width: 1312px;
    }
    .case-task h2 {
        padding: 97px 0 0 0;
        font-size: 77.9px;
        letter-spacing: -3.895px;
    }
    .case-task .task-desc {
        margin: 65px 0 0 198px;
        max-width: 997px;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.9px;
    }
    .case-squares {
        max-width: 1312px;
    }
    .case-squares > *::before, .structure-squares > *::before, .price-sq > *::before {
        background-size: contain !important;
    }
    .case-squares i:nth-of-type(1) {
        top: 85px;
        left: 562px;
    }
    .case-squares i:nth-of-type(2) {
        top: 118px;
        left: -45px;
    }
    .case-squares i:nth-of-type(3) {
        top: 248px;
        left: -45px;
    }
    .case-squares i:nth-of-type(4) {
        top: 313px;
        left: 20px;
    }
    .case-squares i:nth-of-type(5) {
        top: 603px;
        left: -58px;
    }
    .case-squares i:nth-of-type(6) {
        top: 539px;
        left: 8px;
    }
    .case-squares i:nth-of-type(7) {
        top: 215px;
        left: 1007px;
    }
    .case-squares i:nth-of-type(8) {
        top: 148px;
        left: 1071px;
    }
    .case-squares i:nth-of-type(9) {
        top: 213px;
        left: 1135px;
    }
    .case-squares i:nth-of-type(10) {
        top: 280px;
        left: 1201px;
    }
    .case-squares i:nth-of-type(11) {
        top: 345px;
        left: 1265px;
    }
    .case-header > div {
        max-width: 1240px;
    }
    .case-header h2 {
        font-size: 105.49px;
        letter-spacing: -1.055px;
        padding-top: 149px;
    }
    .case-header .case-desc {
        max-width: 933px;
        padding: 99px 0 101px 0;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.9px;
    }
    .case-header img {
        max-width: 1034px;
    }
    .case-header div > i:nth-of-type(1) {
        left: 34px;
        top: 227px;
    }
    .case-header div > i:nth-of-type(2) {
        left: -29px;
        top: 527px;
    }
    .case-header div > i:nth-of-type(3) {
        left: 572px;
        top: 88px;
    }
    .case-header div > i:nth-of-type(4) {
        left: -28px;
        top: 290px;
    }
    .case-header div > i:nth-of-type(5) {
        left: 1204px;
        top: 148px;
    }
    .case-header div > i:nth-of-type(6) {
        left: 816px;
        top: 148px;
    }
    .case-header div > i:nth-of-type(7) {
        left: 252px;
        top: 336px;
    }
    .case-header div > i:nth-of-type(8) {
        left: 922px;
        top: 338px;
    }
    .case-header div > i:nth-of-type(9) {
        left: 1262px;
        top: 504px;
    }
    .case-header div > i:nth-of-type(10) {
        left: 1328px;
        top: 566px;
    }
    .case-header div > i:nth-of-type(11) {
        left: 635px;
        top: 150px;
    }

    .case-header div > i:nth-of-type(12) {
        left: -159px;
        top: 651px;
    }
    .case-header div > i:nth-of-type(13) {
        left: -92px;
        top: 714px;
    }

    .case-header div > i:nth-of-type(14) {
        left: 1535px;
        top: 1012px;
    }

    .case-header div > i:nth-of-type(15) {
        left: 950px;
        top: 1245px;
    }

    .case-header div > i:nth-of-type(16) {
        left: -7px;
        top: 1119px;
    }
    .case-finish > div {
        max-width: 896px;
    }
    .case-finish h3 {
        padding-top: 158px;
        font-size: 105.49px;
        letter-spacing: -1.055px;
    }
    .case-finish > div > p {
        margin: 127px 0 200px 177px;
        max-width: 786px;
        font-size: 22.721px;
        line-height: 29.212px;
        letter-spacing: 1.136px;
    }
    .case-finish .more-cases {
        position: absolute;
        top: 388px;
        left: -69px;
        width: 159.795px;
        height: 162.292px;
    }
    .case-finish-sq i:nth-of-type(1) {
        top: 75px;
        left: 502px;
    }
    .case-finish-sq i:nth-of-type(2) {
        top: 138px;
        left: 566px;
    }
    .case-finish-sq i:nth-of-type(3) {
        top: 130px;
        left: 785px;
    }
    .case-finish-sq i:nth-of-type(4) {
        top: 113px;
        left: 1063px;
    }
    .case-finish-sq i:nth-of-type(5) {
        top: 176px;
        left: 1126px;
    }
    .case-finish-sq i:nth-of-type(6) {
        top: 300px;
        left: -79px;
    }
    .case-finish-sq i:nth-of-type(7) {
        top: 237px;
        left: -16px;
    }
    .case-finish-sq i:nth-of-type(8) {
        top: 300px;
        left: 177px;
    }
    .case-finish-sq i:nth-of-type(9) {
        top: 297px;
        left: 663px;
    }
    .case-finish-sq i:nth-of-type(10) {
        top: 297px;
        left: 792px;
    }
    .case-finish-sq i:nth-of-type(11) {
        top: 536px;
        left: -201px;
    }
    .case-finish-sq i:nth-of-type(12) {
        top: 551px;
        left: 1095px;
    }
    .case-finish-sq i:nth-of-type(13) {
        top: 613px;
        left: 1162px;
    }
    .page-section.page-services.page-service {
        height: 818px;
    }
    .page-section.page-service h1 {
        font-size: 122px;
        line-height: 117.45px;
        letter-spacing: -7.047px;
    }
    .page-section.page-services.page-service > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='464' height='532' viewBox='0 0 464 532' fill='none'%3E%3Cpath d='M530.18 280.483C392.108 280.483 267.006 392.988 267.006 531.271L0.439697 531.271C0.439691 390.56 56.2514 255.612 155.597 156.115C254.942 56.6175 389.684 0.720465 530.18 0.720459L530.18 280.483Z' fill='url(%23paint0_radial_412_1386)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_412_1386' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(0.439666 531.271) rotate(-49.3993) scale(814.003 803.226)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 464px;
        height: 532px;
        top: 283px;
    }
    .page-section.page-service > i:nth-of-type(2) {
        top: 693px;
        left: unset;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='125' viewBox='0 0 124 125' fill='none'%3E%3Cpath d='M58.0866 125C58.0866 92.42 31.58 62.9002 -1 62.9002L-1 0C32.1521 0 63.9463 13.1696 87.3884 36.6116C110.83 60.0537 124 91.8479 124 125H58.0866Z' fill='%2313161A'/%3E%3C/svg%3E");
        width: 124px;
        height: 125px;
    }
    .page-services.page-service .page-content p {
        max-width: 746px;
        margin: 53px 0 0 69px;
    }
    .page-services.page-service .more-cases {
        top: 36px;
    }
    .page-services.page-service .grid-section > p:nth-of-type(1) {
        max-width: 554px;
        top: 48px;
    }
    .page-service .squares-s > :nth-child(12) {
        top: 502px;
        left: 892px;
    }
    .structure-header.service {
        height: 640px;
    }
    .structure-header.service > div {
        max-width: 1312px;
    }
    .structure-header.service .smm_description {

    }
    .structure-squares i:nth-of-type(1) {
        top: 118px;
        left: -45px;
    }
    .structure-squares i:nth-of-type(2) {
        top: 184px;
        left: 21px;
    }
    .structure-squares i:nth-of-type(3) {
        top: 250px;
        left: 85px;
    }
    .structure-squares i:nth-of-type(4) {
        top: 85px;
        left: 567px;
    }
    .structure-squares i:nth-of-type(5) {
        top: 175px;
        left: 936px;
    }
    .structure-squares i:nth-of-type(6) {
        top: 108px;
        left: 1001px;
    }
    .structure-squares i:nth-of-type(7) {
        top: 197px;
        left: 1141px;
    }
    .structure-squares i:nth-of-type(8) {
        top: 264px;
        left: 1206px;
    }
    .structure-squares i:nth-of-type(9) {
        top: 329px;
        left: 1270px;
    }
    .structure-squares i:nth-of-type(10) {
        top: 521px;
        left: -40px;
    }
    .structure-squares i:nth-of-type(11) {
        top: 751px;
        left: 76px;
    }
    .structure-squares i:nth-of-type(12) {
        top: 1229px;
        left: -11px;
    }
    .structure-squares i:nth-of-type(13) {
        top: 1165px;
        left: 53px;
    }
    .structure-squares i:nth-of-type(14) {
        top: 719px;
        left: 1155px;
    }
    .structure-squares i:nth-of-type(15) {
        top: 784px;
        left: 1219px;
    }
    .structure-squares i:nth-of-type(16) {
        top: 1073px;
        left: 1362px;
    }
    .structure-squares i:nth-of-type(17) {
        top: 1371px;
        left: 1132px;
    }
    .structure-squares i:nth-of-type(18) {
        top: 1307px;
        left: 1196px;
    }
    .structure-squares i:nth-of-type(19) {
        top: 1128px;
        left: 1015px;
    }

    .structure-squares {
        max-width: 1302px;
    }
    .structure-squares.service i:nth-of-type(10) {
        top: 602px;
        left: -58px;
    }
    .structure-squares.service i:nth-of-type(11) {
        top: 538px;
        left: 8px;
    }
    .service-header {
        height: 567px;
    }
    .service-header > div {
        max-width: 1312px;
    }
    .service-header h2 {
        padding-top: 97px;
        font-size: 77.76px;
        letter-spacing: -3.888px;
    }
    .professional-team-header.service h2 strong {
        padding-left: 312px;
    }
    .professional-team-header.service h2 {
        padding-top: 148px;
    }
    .professional-team-header.service > i:nth-of-type(1) {
        top: 87px;
    }
    .professional-team-header.service > i:nth-of-type(2) {
        top: 150px;
    }
    .professional-team-header.service > i:nth-of-type(3) {
        top: 290px;
    }
    .professional-team-header.service > i:nth-of-type(4) {
        top: 227px;
    }
    .professional-team-header.service > i:nth-of-type(5) {
        left: 220px;
        top: 526px;
    }
    .professional-team-header.service > i:nth-of-type(6) {
        top: 336px;
    }
    .professional-team-header.service > i:nth-of-type(7) {
        top: 338px;
    }
    .professional-team-header.service > i:nth-of-type(8) {
        top: 447px;
    }
    .professional-team-header.service > i:nth-of-type(9) {
        top: 509px;
    }
    .professional-team-header.service > i:nth-of-type(10) {
        top: 650px;
        left: -124px;
    }
    .professional-team-header.service > i:nth-of-type(11) {
        top: 713px;
        left: -58px;
    }
    .professional-team-header.service > i:nth-of-type(12) {
        top: 154px;
        left: 868px;
    }
    .professional-team-header.service > i:nth-of-type(13) {
        top: 91px;
        left: 1024px;
    }
    .professional-team-header.service > i:nth-of-type(14) {
        top: 1117px;
        left: 28px;
    }
    .professional-team-header.service > i:nth-of-type(15) {
        top: 949px;
        left: 1214px;
    }
    .professional-team-header.service > i:nth-of-type(16) {
        top: 1010px;
        left: 1277px;
    }
    .professional-team-header.service > i:nth-of-type(17) {
        top: 1746px;
        left: 759px;
    }
    .professional-team-header.service > i:nth-of-type(18) {
        top: 1652px;
        left: 1268px;
    }
    .service-header span {
        max-width: 1325px;
        height: 217px;
    }
    .service-prices {
        max-width: 1031px;
        margin: -100px auto 270px auto;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 5.5px;
        position: relative;
    }
    .service-price span {
        width: 136.89px;
        height: 136.89px;
        font-size: 19.44px;
        line-height: 21.06px;
        letter-spacing: 0.972px;
    }
    .service-prices .service-price:nth-of-type(3)::before {
        background-size: contain;
    }
    .service-price ul {
        padding-left: 20px;
        max-width: 266px;
        margin: 0 0 0 37px;
        padding-top: 202px;
        font-size: 12.96px;
        line-height: 19.44px; /* 150% */
        letter-spacing: 0.648px;
    }
    .service-price {
        height: 428px;
    }
    .service-prices .service-price:nth-of-type(2) {
        height: 495px;
    }
    .service-prices .service-price:nth-of-type(3) {
        height: 627px;
    }
    .service-price .more-cases {
        bottom: -80px;
        width: 159.508px;
        height: 162px;
    }
    .professional-team-header .more-cases {
        position: absolute;
        top: 135px;
        right: 12px;
        width: 157.282px;
        height: 159.09px;
    }
    .price-sq i:nth-of-type(1) {
        top: 148px;
        left: -36px;
    }
    .price-sq i:nth-of-type(2) {
        top: 316px;
        left: 53px;
    }
    .price-sq i:nth-of-type(3) {
        top: 251px;
        left: 118px;
    }
    .price-sq i:nth-of-type(4) {
        top: 81px;
        left: 296px;
    }
    .price-sq i:nth-of-type(5) {
        top: 174px;
        left: 592px;
    }
    .price-sq i:nth-of-type(6) {
        top: 81px;
        left: 1149px;
    }
    .price-sq i:nth-of-type(7) {
        top: 208px;
        left: 1152px;
    }
    .price-sq i:nth-of-type(8) {
        top: 274px;
        left: 1217px;
    }
    .price-sq i:nth-of-type(9) {
        top: 339px;
        left: 1282px;
    }
    .price-sq i:nth-of-type(10) {
        top: 526px;
        left: -45px;
    }
    .price-sq i:nth-of-type(11) {
        top: 748px;
        left: -124px;
    }
    .price-sq i:nth-of-type(12) {
        top: 1225px;
        left: -9px;
    }
    .price-sq i:nth-of-type(13) {
        top: 1161px;
        left: 56px;
    }
    .price-sq i:nth-of-type(14) {
        top: 1161px;
        left: 413px;
    }
    .price-sq i:nth-of-type(15) {
        top: 716px;
        left: 1300px;
    }
    .price-sq i:nth-of-type(16) {
        top: 781px;
        left: 1364px;
    }
    .price-sq i:nth-of-type(17) {
        top: 1069px;
        left: 1366px;
    }

}

@media (max-width: 640px) {
    .mob {
        display: block;
    }
    .desktop {
        display: none;
    }
    .menu-block {
        display: none;
    }
    .logo-block {
        margin-top: 21px;
    }
    .logo-block img {
        height: 20px;
    }
    .lang-menu {
        margin: 26px 87px 0 31px;
        width: 38px;
        display: flex;
        justify-content: space-between;
    }
    .lang-menu a {
        font-size: 9.323px;
        letter-spacing: -0.28px;
    }
    .all-services {
        padding-top: 24px;
        min-width: 34px;
    }
    .all-services span {
        display: none;
    }
    .all-services i {
        width: 11px;
        height: 13px;
        margin-top: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M3.29096 8C3.14705 8 3.05006 8.01345 3 8.0269V8.9073C3.05944 8.92076 3.13375 8.92449 3.23621 8.92449C3.61087 8.92449 3.8416 8.74363 3.8416 8.43796C3.8416 8.16442 3.64293 8 3.29096 8ZM6.01835 8.00897C5.86192 8.00897 5.76024 8.02242 5.70001 8.03587V9.9865C5.76024 9.99995 5.85722 9.99996 5.94483 9.99996C6.58385 10.0044 6.99996 9.66812 6.99996 8.95663C7.00465 8.33632 6.6253 8.00897 6.01835 8.00897Z' fill='%23D31636'/%3E%3Cpath d='M6.875 0H1.375C1.01033 0 0.660591 0.136964 0.402728 0.380761C0.144866 0.624558 0 0.955218 0 1.3V11.7C0 12.0448 0.144866 12.3754 0.402728 12.6192C0.660591 12.863 1.01033 13 1.375 13H9.625C9.98967 13 10.3394 12.863 10.5973 12.6192C10.8551 12.3754 11 12.0448 11 11.7V3.9L6.875 0ZM3.77988 9.2235C3.56744 9.412 3.25394 9.4965 2.88887 9.4965C2.81809 9.49723 2.74734 9.49332 2.67712 9.4848V10.4117H2.0625V7.8533C2.33987 7.81418 2.62014 7.79635 2.90056 7.8C3.2835 7.8 3.55575 7.8689 3.73931 8.00735C3.91394 8.13865 4.03219 8.3538 4.03219 8.6073C4.0315 8.8621 3.94213 9.07725 3.77988 9.2235ZM6.39719 10.1042C6.10844 10.3311 5.66913 10.439 5.13219 10.439C4.81044 10.439 4.58287 10.4195 4.42819 10.4V7.85395C4.70566 7.81566 4.98585 7.79762 5.26625 7.8C5.78669 7.8 6.12494 7.8884 6.38894 8.0769C6.67425 8.2771 6.853 8.59625 6.853 9.0545C6.853 9.55045 6.66119 9.893 6.39719 10.1042ZM8.9375 8.3005H7.88425V8.89265H8.86875V9.36975H7.88425V10.4123H7.26138V7.8195H8.9375V8.3005ZM6.875 4.55H6.1875V1.3L9.625 4.55H6.875Z' fill='%23D31636'/%3E%3C/svg%3E");
    }
    .contact-items a.contact-email {
        display: none;
    }
    .contact-items {
        margin-top: 25px;
    }
    .contact-items a svg {
        width: 13px;
        height: auto;
    }
    .contact-items a {
        height: 11px;
    }
    header > div {
        max-width: 350px;
    }
    h1 {
        max-width: 360px;
        padding-top: 96px;
        font-size: 70.757px;
        letter-spacing: -3.538px;
    }
    h1 small {
        width: 55px;
        margin-top: -25px;
        display: block;
    }
    h1 span {
        padding-left: 70px;
    }
    .main-description {
        max-width: 298px;
        padding-left: 19px;
        padding-top: 9px;
        font-size: 15.495px;
        line-height: 19.922px;
        letter-spacing: 0.775px;
        margin: 0;
    }
    .main-content {
        max-width: 360px;
        margin: 0 auto;
    }
    .main-grid {
        max-width: 347px;
        top: 340px;
        left: 6px;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 2px;
    }

    .cage-item p {
        font-size: 9.851px;
        letter-spacing: -0.099px;
    }
    .cage-item strong {
        margin-bottom: 11px;
        font-size: 20.861px;
        line-height: 18.543px;
        letter-spacing: -0.209px;
    }
    .cage-item span {
        font-size: 8px;
        letter-spacing: -0.08px;
        margin: 0 auto;
        width: 91px;
    }
    .grid-section {
        max-width: 360px;
    }
    .main-grid > * {
        height: 116px;
    }
    .main-section {
        min-height: 603px;
    }
    .main-section > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='148' height='146' viewBox='0 0 148 146' fill='none'%3E%3Cg filter='url(%23filter0_d_404_1327)'%3E%3Cpath d='M35.0151 149C35.0151 126.324 15.7183 105.779 -8 105.779V62C16.1347 62 39.2809 71.166 56.3467 87.4817C73.4125 103.797 83 125.926 83 149H35.0151Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_404_1327' x='-72.682' y='0.32648' width='220.364' height='216.364' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.00846'/%3E%3CfeGaussianBlur stdDeviation='32.341'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_404_1327'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_404_1327' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        height: 146px;
        width: 148px;
        bottom: 0;
    }
    .main-section > i:nth-of-type(2) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='230' viewBox='0 0 390 230' fill='none'%3E%3Cg filter='url(%23filter0_d_404_1325)'%3E%3Cpath d='M616.022 342.426C482.331 307.651 332.029 381.821 296.177 511.715L38.0691 444.576C74.5511 312.402 163.58 199.698 285.57 131.258C407.559 62.8184 552.518 44.2491 688.556 79.6352L616.022 342.426Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_404_1325' x='-26.6136' y='0.409' width='779.852' height='578.997' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.00846'/%3E%3CfeGaussianBlur stdDeviation='32.341'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_404_1325'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_404_1325' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        height: 230px;
        width: 390px;
    }
    .main-section > i:nth-of-type(3) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='188' height='444' viewBox='0 0 188 444' fill='none'%3E%3Cpath d='M466.104 369.118C332.414 334.342 240.393 197.358 276.177 67.7153L18.0691 0.576374C-18.3424 132.495 0.778209 273.068 71.2246 391.371C141.671 509.673 257.673 596.015 393.71 631.401L466.104 369.118Z' fill='url(%23paint0_linear_404_1326)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_404_1326' x1='169.337' y1='146.731' x2='169.22' y2='588.631' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23252931'/%3E%3Cstop offset='0.565' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23F74261'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 188px;
        height: 444px;
        bottom: 0;
        display: none;
    }
    .grid-socials {
        max-width: 114px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
        grid-gap: 2px;
        position: absolute;
        top: 340px;
        left: 239px;
        height: 116px;
    }
    .grid-socials > * {
        height: 56px;
    }
    .marquee-items::before, .marquee-items::after {
        height: 43px;
        width: 120px;
    }
    .marquee-item img {
        height: 43px;
        margin: 0 20px;
    }
    .marquee-items {
        height: 43px;
        margin-top: 30px;
    }



    .squares {
        max-width: 360px;
        position: relative;
    }

    .squares > * {
        height: 24px;
        width: 24px;
        backdrop-filter: blur(3.4816367626190186px);
    }
    .squares > :nth-child(1) {
        top: 94px;
        left: 131px;
    }
    .squares > :nth-child(2) {
        left: 158px;
        top: 68px;
    }
    .squares > :nth-child(3) {
        top: 66px;
        left: 328px;
    }
    .squares > :nth-child(4) {
        top: 128px;
        left: -14px;
    }
    .squares > :nth-child(5) {
        top: 155px;
        left: 12px;
    }
    .squares > :nth-child(6) {
        top: 155px;
        left: 39px;
    }
    .squares > :nth-child(8) {
        left: 12px;
        top: 182px;
    }
    .squares > :nth-child(9) {
        left: 322px;
        top: 180px;
    }
    .squares > :nth-child(10) {
        left: 348px;
        top: 154px;
    }
    .squares > :nth-child(n+11) {
        display: none;
    }
    .squares > *::before {
        background-size: contain !important;
        top: -0.5px;
        left: -0.5px;
        right: -0.5px;
        bottom: -0.5px;
    }
    .our-activity-squares {
        max-width: 350px;
        display: none;
    }
    .our-activity-squares i {
        width: 36px;
        height: 36px;
    }
    .our-activity-squares i:nth-of-type(1) {
        left: -20px;
        top: 732px;
    }
    .our-activity-squares i:nth-of-type(2) {
        left: 19px;
        top: 789px;
    }
    .our-activity-squares i:nth-of-type(3) {
        left: 271px;
        top: 788px;
    }
    .our-activity-squares i:nth-of-type(n + 4) {
        display: none;
    }
    .our-activity-squares i::before {
        background: url(/themes/demo/assets/img/sm-1.svg) no-repeat center center;
        background-size: contain !important;
    }
    .our-activity-squares i:nth-of-type(2)::before, .our-activity-squares i:nth-of-type(4)::before {
        background: url(/themes/demo/assets/img/sm-2.svg) no-repeat center center;
    }
    .activity-item {
        min-height: 44px;
        margin-bottom: 6px;
    }
    .our-activity > * {
        height: 199px;
    }
    .portfolio-header > div > i {
        width: 36px;
        height: 36px;
    }

    .portfolio-header > div > i::before {
        background-size: contain !important;
    }

    .our-activity-header {
        max-width: 345px;
    }
    .our-activity-header > i {
        width: 30px;
        height: 30px;
        backdrop-filter: blur(8.649334907531738px);
    }
    .portfolio-header > div > i:nth-of-type(1) {
        top: 43px;
        left: -21px;
    }
    .portfolio-header > div > i:nth-of-type(2) {
        top: -15px;
        left: 232px;
    }
    .portfolio-header > div > i:nth-of-type(3) {
        top: 100px;
        left: 18px;
    }
    .portfolio-header > div > i:nth-of-type(4) {
        top: 138px;
        left: -21px;
    }
    .portfolio-header > div > i:nth-of-type(5) {
        top: 99px;
        left: 270px;
    }
    .portfolio-header > div > i:nth-of-type(6) {
        top: 55px;
        left: 329px;
    }
    .portfolio-header > div > i:nth-of-type(7) {
        top: 138px;
        left: 232px;
        display: block;
    }
    .portfolio-header > div > i:nth-of-type(7)::before {
        background: url(/themes/demo/assets/img/sm-6.svg) no-repeat center center;
    }
    .our-activity-header > i::before {
        background: url(/themes/demo/assets/img/sm-1.svg) no-repeat center center;
        background-size: contain !important;
        top: -0.5px;
        left: -0.5px;
        right: -0.5px;
        bottom: -0.5px;
    }
    .our-activity-header > i:nth-of-type(n+2)::before{
        background: url(/themes/demo/assets/img/sm-2.svg) no-repeat center center;
        background-size: contain;
    }
    .our-activity-header > i:nth-of-type(1) {
        left: 58px;
        top: 51px;
    }
    .our-activity-header > i:nth-of-type(2) {
        left: 90px;
        top: 21px;
    }
    .our-activity-header > i:nth-of-type(3) {
        left: 259px;
        top: 83px;
    }
    .our-activity-header > i:nth-of-type(4) {
        left: 290px;
        top: 53px;
    }
    .our-activity-header > i:nth-of-type(5) {
        left: -8px;
        top: 162px;
    }
    .our-activity-header > i:nth-of-type(6) {
        left: 51px;
        top: 227px;
    }
    .our-activity-header > i:nth-of-type(7) {
        left: 325px;
        top: 115px;
    }
    .our-activity-header > i:nth-of-type(7) {
        left: 261px;
        top: 225px;
    }
    .our-activity-header > i:nth-of-type(8) {
        left: 295px;
        top: 257px;
    }
    .our-activity-header > i:nth-of-type(9) {
        left: -23px;
        top: 491px;
    }
    .squares > :nth-child(n+10) {
        display: none;
    }
    .professional-team-header {
        max-width: 352px;
    }
    .professional-team-header > i {
        width: 30px;
        height: 30px;
    }
    .professional-team-header > i::before {
        background-size: contain !important;
        top: -0.5px;
        left: -0.5px;
        right: -0.5px;
        bottom: -0.5px;
    }
    .professional-team-header > i:nth-of-type(1) {
        left: 4px;
        top: 140px;
    }
    .professional-team-header > i:nth-of-type(2) {
        left: 36px;
        top: 110px;
    }
    .professional-team-header > i:nth-of-type(3) {
        left: 242px;
        top: 111px;
    }
    .professional-team-header > i:nth-of-type(4) {
        left: 307px;
        top: 141px;
    }
    .professional-team-header > i:nth-of-type(5) {
        left: -19px;
        top: 252px;
    }
    .professional-team-header > i:nth-of-type(6) {
        left: 339px;
        top: 224px;
    }
    .professional-team-header > i:nth-of-type(7) {
        left: 12px;
        top: 323px;
    }
    .professional-team-header > i:nth-of-type(8) {
        left: 254px;
        top: 327px;
    }
    .professional-team-header > i:nth-of-type(9) {
        left: 288px;
        top: 359px;
    }
    .professional-team-header > i:nth-of-type(10) {
        left: -19px;
        top: 516px
    }
    .professional-team-header > i:nth-of-type(n + 11) {
        display: none;
    }
    footer > div > i {
        display: none;
    }
    .form-section > i {
        width: 36px;
        height: 36px;
    }
    .form-section > i:nth-of-type(1) {
        top: 43px;
        left: -20px;
    }
    .form-section > i:nth-of-type(2) {
        top: 104px;
        left: 19px;
    }
    .form-section > i:nth-of-type(3) {
        top: 142px;
        left: -20px;
    }
    .form-section > i:nth-of-type(4) {
        top: 146px;
        left: 254px;
    }
    .form-section > i:nth-of-type(5) {
        top: 107px;
        left: 292px;
    }
    .form-section > i:nth-of-type(6) {
        top: 50px;
        left: 333px;
    }
    .form-section > i:nth-of-type(7) {
        top: -110px;
        left: -21px;
    }
    .form-section > i:nth-of-type(8) {
        top: -53px;
        left: 18px;
    }
    .form-section > i:nth-of-type(9) {
        top: -15px;
        left: 232px;
    }
    .form-section > i:nth-of-type(10) {
        top: -54px;
        left: 270px;
        display: block;
    }
    .form-section > i::before {
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        top: -0.5px;
        left: -0.5px;
        right: -0.5px;
        bottom: -0.5px;
        background: url(/themes/demo/assets/img/31.svg) no-repeat center center;
        background-size: contain !important;
    }

    .our-activity.active > a:nth-child(1) i {
        background-image: url("data:image/svg+xml,%3Csvg width='41' height='38' viewBox='0 0 41 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='27' transform='matrix(0.71492 0.699206 -0.71492 0.699206 40 18)' fill='%23D9D9D9'/%3E%3Crect width='1' height='27' transform='matrix(-0.71492 0.699206 -0.71492 -0.699206 41 19)' fill='%23D9D9D9'/%3E%3Crect width='1' height='27' transform='matrix(0.71492 0.699206 -0.71492 0.699206 20 18)' fill='%23D9D9D9' fill-opacity='0.15'/%3E%3Crect width='1' height='27' transform='matrix(-0.71492 0.699206 -0.71492 -0.699206 21 19)' fill='%23D9D9D9' fill-opacity='0.15'/%3E%3C/svg%3E%0A");
        width: 41px;
        height: 38px;
        right: 18px;
        top: 81px;
        position: absolute;
        display: block;
    }
    .our-activity-header h2 {
        max-width: 360px;
        padding-top: 53px;
        padding-bottom: 316px;
        font-size: 60px;
        letter-spacing: -0.7px;
    }
    .our-activity-header h2 strong {
        padding-left: 8px;
        margin-top: -26px;
    }
    .our-activity-header h2 span:nth-of-type(1) {
        padding-left: 77px;
        font-size: 70px;
    }
    .our-activity-header h2 span:nth-of-type(2) {
        padding-left: 0;
        margin-top: -13px;
    }
    .our-activity-header p:nth-of-type(1) {
        top: 305px;
    }
    .our-activity-header p:nth-of-type(2) {
        top: 420px;
        right: 0;
    }
    .our-activity-header p {
        max-width: 350px;
        text-align: center;
        font-size: 12.988px;
        line-height: 19.482px;
        letter-spacing: 0.649px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .our-activity > * p {
        font-size: 17.302px;
        line-height: 23.069px;
        letter-spacing: -0.173px;
    }
    .our-activity, .our-activity-grid {
        max-width: 1129px;
        grid-template-columns: 349px 200px 200px 200px 200px;
        grid-gap: 5px;
        margin-left: 20px;
    }
    .our-activity-grid {
        grid-template-columns: 172px 172px 200px 200px 200px 200px;
        margin-top: 29px;
        margin-bottom: 113px;
    }
    .touch, .touch2 {
        overflow: hidden;
        overflow-x: auto;
        transition: .5s;
        /*max-width: 1207px;*/
        margin: 0 auto;
        width: 100%;
    }
    .activity-item {
        font-size: 12.976px;
        line-height: 14.418px; /* 111.111% */
        letter-spacing: -0.13px;
    }
    .activity-item ul {
        font-size: 11.534px;
        line-height: 14.418px;
        letter-spacing: -0.115px;
    }
    .portfolio-header > div {
        max-width: 350px;
    }
    .portfolio-header h2 {
        padding-top: 54px;
        font-size: 60px;
        letter-spacing: -0.6px;
        margin-left: 0;
    }
    .portfolio-header {
        height: 378px;
    }
    .touch2 {
        margin-top: 0;
        margin-bottom: 221px;
    }
    .portfolio-grid {
        margin-top: 0;
        display: flex;
        margin-left: 20px;
        grid-gap: 6px;
    }
    .portfolio-grid > * {
        width: 348px;
        min-width: 348px;
    }
    .work-img .more-cases {
        width: 98px;
        height: 97px;
        position: absolute;
        bottom: 16px;
        right: 13px;
        opacity: 1;
        transition: opacity 0.8s ease;
    }
    .work-img .more-cases p {
        font-size: 10px;
        letter-spacing: -0.1px;
    }
    .more-cases i {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' fill='none'%3E%3Cpath d='M6 1V6M6 1H1M6 1L1 6' stroke='white' stroke-width='1.21765'/%3E%3C/svg%3E");
        height: 7px;
        width: 7px;
        right: 7px;
        top: 7px;
    }
    .work-img .square {
        opacity: 1;
        width: 40px;
        height: 41px;
        top: 161px;
        left: -22px;
        backdrop-filter: blur(8.649334907531738px);
    }
    .work-img .square:nth-of-type(2) {
        top: unset;
        bottom: -20px;
        left: 79px;
    }
    .work-description {
        padding-left: 20px;
        padding-top: 31px;
        max-width: 313px;
    }
    .work-description p, .work-description ul li {
        font-size: 12.988px;
        line-height: 19.482px;
        letter-spacing: 0.649px;
    }
    .work-description p {
        padding-bottom: 16px;
    }
    .work-description ul li {
        margin-bottom: 15px;
        padding-left: 25px;
    }
    .more-cases-grid {
        position: absolute;
        margin: 0 auto;
        top: 906px;
        width: 157px;
        height: 160px;
        left: 0;
        right: 0;
    }
    .professional-team-header .more-cases {
        display: none;
    }

    .arrow-grid {
        display: none;
    }
    .more-cases {
        box-shadow: 0px 3.706px 79.681px 0px rgba(211, 22, 54, 0.55);
    }
    .more-cases .square {
        position: absolute;
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(8.649334907531738px);
        width: 64px;
        height: 65px;
        top: -33px;
        left: -32px;
        opacity: 1;
        transform: scale(1);
    }
    .more-cases .square:nth-of-type(2) {
        top: unset;
        bottom: -32px;
        left: unset;
        right: -33px;
    }
    .professional-team-header h2 {
        font-size: 44px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        letter-spacing: -0.44px;
        padding-top: 143px;
        padding-bottom: 70px;
        text-align: center;
    }
    .professional-team-header h2 strong {
        margin-top: -4px;
        padding-left: 0;
    }
    .professional-team-header h2 span:nth-of-type(2) {
        margin-top: -4px;
        text-align: center;
        line-height: 50px;
    }
    .professional-team-grid {
        max-width: 350px;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 0;
    }
    .professional-team-grid > * {
        height: 345px;
    }
    .professional-team-footer {
        margin: 76px auto 117px auto;
        max-width: 350px;
        font-size: 12.988px;
        line-height: 19.482px; /* 150% */
        letter-spacing: 0.649px;
    }
    .form-section {
        display: block;
        max-width: 350px;
    }
    .form-section h2 {
        padding-top: 54px;
        padding-bottom: 360px;
        max-width: 100%;
        font-size: 60px;
        letter-spacing: -0.6px;
        margin-left: 0;
        text-align: center;
    }
    .form-section.form-en h2 {
        line-height: 73px;
        font-size: 50px;
    }
    .form-section.form-en h2 span:nth-of-type(2) {
        font-size: 40px;
    }

    .form-section h2 strong {
        padding-left: 0;
        margin-top: -14px;
    }
    .form-section h2 span:nth-of-type(2) {
        margin-top: -15px;
    }
    .form-section .grid-section {
        top: 303px;
    }
    .form-section .grid-section .main-grid {
        left: 2px;
        max-width: 231px;
        min-width: 231px;
        top: 0;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 2px;
    }
    .form-section .main-grid > * {
        height: 114px;
    }
    .form-section .grid-section .more-cases {
        position: absolute;
        left: 2px;
        top: 0;
        width: 112px;
        height: 114px;
    }
    .form-section .more-cases p {
        font-size: 9.851px;
        letter-spacing: -0.099px;
    }
    .more-cases p small {
        width: 50px;
    }
    .form-section .cage-item span {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: -0.14px;
    }
    .form-section .cage-item a:first-of-type {
        margin-bottom: 8px;
    }
    .form-section .cage-item a {
        font-size: 9px;
        letter-spacing: 0.45px;
    }
    .form-section .more-cases .square {
        position: absolute;
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(8.649334907531738px);
        width: 46px;
        height: 45px;
        top: -24px;
        left: -24px;
        opacity: 1;
        transform: scale(1);
    }
    .form-section .more-cases .square:nth-of-type(2) {
        top: unset;
        bottom: -25px;
        left: unset;
        right: -29px;
    }
    .form-section .grid-socials {
        max-width: 114px;
        min-width: 114px;
        left: 235px;
        top: 0;
    }
    .final-section {
        min-height: 1283px;
    }
    .form-block {
        margin-top: 0;
        max-width: 350px;
        min-height: 609px;
    }
    .final-section {
        min-height: 1283px;
    }

    .final-section > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg width='233' height='466' viewBox='0 0 233 466' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M250 347.827C184.84 347.827 125.8 400.84 125.8 466L0 466C-2.89782e-06 399.696 26.3392 336.107 73.2233 289.223C120.107 242.339 183.696 216 250 216L250 347.827Z' fill='url(%23paint0_linear_0_1)'/%3E%3Cpath d='M268.419 179.148C205.48 162.281 162.171 95.7908 179.034 32.8503L57.5209 0.286284C40.3625 64.3318 49.3484 132.572 82.5017 189.995C115.655 247.419 170.26 289.321 234.304 306.484L268.419 179.148Z' fill='url(%23paint1_linear_0_1)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_1' x1='181.129' y1='405.106' x2='129.444' y2='211.849' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2313161A' stop-opacity='0'/%3E%3Cstop offset='0.648391' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_0_1' x1='128.723' y1='71.2216' x2='128.716' y2='285.746' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321242C' stop-opacity='0'/%3E%3Cstop offset='0.5' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23F74261'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 233px;
        height: 466px;
        top: 300px;
    }
    .final-section > i:nth-of-type(2) {
        background-image: url("data:image/svg+xml,%3Csvg width='107' height='175' viewBox='0 0 107 175' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_404_1908)'%3E%3Cpath d='M-10 82.8889C5.37778 82.8889 19.3111 70.3778 19.3111 55L49 55C49 70.6478 42.7839 85.6547 31.7193 96.7193C20.6547 107.784 5.64777 114 -10 114L-10 82.8889Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_404_1908' x='-67.5284' y='0.147353' width='174.057' height='174.057' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2.67574'/%3E%3CfeGaussianBlur stdDeviation='28.7642'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_404_1908'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_404_1908' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 107px;
        height: 175px;
        top: -55px;
    }
    .form-block > i {
        display: none;
    }
    .form-block h3 {
        padding: 52px 0 35px 0;
        max-width: 250px;
        font-size: 34.655px;
        line-height: 37.543px; /* 108.333% */
        letter-spacing: -1.733px;
    }
    .form-block input {
        height: 44px;
        padding-left: 40px;
        font-size: 13px;
        letter-spacing: 0.65px;
    }
    .input-wrapper::before {
        transform: scale(.75);
    }
    .input-wrapper:nth-of-type(1)::before {
        left: 9px;
        bottom: 12px;
    }
    .input-wrapper:nth-of-type(2)::before {
        left: 9px;
        bottom: 12px;
    }
    .input-wrapper:nth-of-type(3)::before {
        left: 9px;
        bottom: 12px;
    }
    .input-wrapper:nth-of-type(4)::before {
        left: 9px;
        bottom: 11px;
    }
    .input-wrapper {
        max-width: 271px;
        margin-bottom: 14px;
    }
    .form-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        max-width: 288px;
        margin: 54px auto 0 auto;
        grid-gap: 4px;
    }
    .form-grid > * {
        height: 141px;
    }
    .form-grid > * span {
        font-size: 12.274px;
        letter-spacing: -0.123px;
    }
    .form-grid > * span small {
        width: 62px;
    }
    .form-grid .square {
        position: absolute;
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(8.649334907531738px);
        width: 46px;
        height: 45px;
        top: -24px;
        left: -24px;
        opacity: 0;
        transform: scale(1);
    }
    .form-grid .square:nth-of-type(2) {
        top: unset;
        bottom: -25px;
        left: unset;
        right: -29px;
    }
    .form-grid > :first-child i {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.15385 5.78631V0H4.84615V5.74123L6.33212 4.25523L6.82172 4.74477L4.5096 7.05683L2.01521 4.75435L2.48479 4.24565L4.15385 5.78631ZM0.692308 8.30769V4.15385H0V9H9V4.15385H8.30769V8.30769H0.692308Z' fill='white'/%3E%3C/svg%3E");
        height: 9px;
        width: 9px;
        right: 10px;
        top: 11px;
    }
    .form-grid > * i {
        position: absolute;
        right: 12px;
        top: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M8 1V8M8 1H1M8 1L1 8' stroke='white' stroke-width='1.08298'/%3E%3C/svg%3E");
        content: '';
        height: 9px;
        width: 9px;
        z-index: 3;
    }
    footer {
        height: 500px;
        padding-top: 55px;
    }
    .footer-section > a img {
        width: 351px;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .copyright {
        margin: 0 auto;
        margin-top: 40px;
        max-width: 310px;
        text-align: center;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.6px;
    }
    .footer-menu {
        top: 183px;
    }
    .footer-menu:nth-of-type(1) {
        left: 34px;
        min-width: 200px;
    }
    .footer-menu:nth-of-type(2) {
        left: 281px;
    }

    .mob-menu {
        display: block;
    }
    #hamburger_wrapper {
        z-index: 20;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 28px;
        user-select: none;
        justify-content: center;
        position: absolute;
        right: 21px;
        top: 27px;
        outline: none;
    }
    #hamburger {
        width: 28px;
        height: 14px;
        position: relative;
        cursor: pointer;
        outline: none;
    }
    #hamburger span {
        display: block;
        position: absolute;
        height: 1px; /* Сделал линии чуть толще */
        width: 100%;
        background: white;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        /*transition: 0.4s ease-in-out; !* Увеличил длительность анимации для более плавного эффекта *!*/
    }

    #hamburger span:nth-child(1) {
        top: 0;
        transform-origin: left center;
    }

    #hamburger span:nth-child(2) {
        top: 5px; /* Увеличил расстояние между линиями для большей чёткости */
        transform-origin: left center;
    }

    #hamburger.close span:nth-child(1) {
        transform: rotate(45deg);
        top: -5px;
    }

    #hamburger.close span:nth-child(2) {
        transform: rotate(-45deg);
        top: 14px;
    }
    #nav-menu {
        position: absolute;
        max-width: 100%;
        width: 100vw;
        top: 60px;
        left: 0;
        color: white;
        transform: translateX(-100vw);
        opacity: 0;
        z-index: 19;
        margin: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        min-height: 100vh;
    }
    header.fixed #nav-menu {
        top: 45px;
    }
    #nav-menu a, #nav-menu h2 {
        height: 50px;
        color: #2F323D;
        font-size: 14.612px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.731px;
        padding: 0 0 0 23px;
        margin: 0;
        text-decoration: none;
        border: none;
        border-bottom: 1px solid #B8B8B8;
        display: flex;
        align-items: center;
        background: none;
        position: relative;
    }
    #nav-menu a.active::before {
        background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
        position: absolute;
        bottom: -1px;
        height: 2px;
        width: 100%;
        content: '';
        left: 0;
    }
    #nav-menu a.active {
        font-weight: 600;
        color: #D31636;
    }
    #nav-menu h2 a {
        display: flex;
        align-items: center;
        width: 40px;
        height: 100%;
        padding: 0;
        border-bottom: none;
    }
    #nav-menu h2 i {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='14.7534' width='28' height='1' rx='0.5' fill='%2313161A'/%3E%3Crect x='15.498' y='1.25439' width='28' height='1' rx='0.5' transform='rotate(90 15.498 1.25439)' fill='%2313161A'/%3E%3C/svg%3E%0A");
        width: 30px;
        height: 30px;
        top: 10px;
        right: 15px;
        position: absolute;
    }
    #nav-menu [expanded] h2 {
        border: none;
        overflow: visible !important;
    }
    #nav-menu [expanded] h2::before {
        background: radial-gradient(151.54% 153.53% at 0% 100%, #D31636 40.63%, #FF4D6B 100%);
        position: absolute;
        bottom: -1px;
        height: 2px;
        width: 100%;
        content: '';
        left: 0;
    }
    #nav-menu [expanded] h2 i {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='14.7534' width='28' height='1' rx='0.5' fill='%2313161A'/%3E%3C/svg%3E%0A");
    }
    #nav-menu [expanded] h2 a {
        font-weight: 600;
        color: #D31636;
    }
    #nav-menu section > div a {
        padding-left: 43px;
        height: 40px;
    }
    #nav-menu.now-active {
        transform: translateX(0);
        opacity: 1;
        overflow: visible;
        padding-top: 38px;
        background: #FFF;
    }
    .cage-item i {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M7 1V7M7 1H1M7 1L1 7' stroke='white' stroke-width='0.869201'/%3E%3C/svg%3E");
        top: 10px;
        right: 9px;
        width: 8px;
        height: 8px;
    }
    .cage-item.red-item:not(.border-item) .square {
        width: 46px;
        height: 45px;
        top: -24px;
        left: -24px;
        opacity: 1;
    }
    .cage-item.red-item .square:nth-of-type(2) {
        top: unset;
        bottom: -25px;
        left: unset;
        right: -29px;
    }
    .cage-item.red-item .square::before {
        background-size: contain !important;
    }
    .scrollbar {
        position: relative;
        width: 100%;
        height: 2px;
        background: #F4F4F4;
        overflow: hidden;
        max-width: 350px;
        margin: 0 auto 16px auto;
    }

    .scrollbar.scrollbar2 {
        background: #434954;
        margin: -183px auto 16px 20px;
    }
    .scrollbar.scrollbar2 .scrollbar-progress {
        background: #B5BCD2;
    }

    .scrollbar-progress {
        width: 160px;
        height: 100%;
        background: linear-gradient(252deg, #2F323D 0%, #13161B 66%);
        position: absolute;
        top: 0;
        left: 0;
        transition: left 0.1s ease-out;
    }
    header.fixed {
        height: 45px;
    }
    header.fixed .lang-menu {
        margin: 18px 87px 0 31px;
    }
    header.fixed .logo-block {
        margin-top: 13px;
    }
    header.fixed .all-services {
        padding-top: 17px;
    }
    header.fixed .contact-items {
        margin-top: 17px;
    }
    header.fixed #hamburger_wrapper {
        top: 19px;
    }
    header.fixed #hamburger span {
        background: #13161A;
    }
    .page-section > i:nth-of-type(1) {
        display: none;
    }
    .page-section > i:nth-of-type(2), .page-section.page-service > i:nth-of-type(2), .page-section.page-services.page-contacts > i:nth-of-type(1), .page-section.page-cases > i:nth-of-type(2), .page-section.page-case > i:nth-of-type(2) {
        top: 59px;
        left: unset;
        right: 0;
        width: 116px;
        height: 124px;
        transform-origin: right top;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='124' viewBox='0 0 116 124' fill='none'%3E%3Cpath d='M126.068 58.8264C93.1519 58.9271 63.6345 32.9475 64.0116 0.902925L0.462661 1.09739C0.0789172 33.7045 13.0163 64.9355 36.4288 87.9197C59.8413 110.904 91.811 123.759 125.305 123.656L126.068 58.8264Z' fill='url(%23paint0_radial_672_475)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_672_475' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(0.462654 1.09738) rotate(48.8995) scale(189.546 190.556)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    }
    header.header-second {
        height: 60px;
        z-index: 5;
    }
    .page-section {
        padding-top: 60px;
        height: 626px;
    }
    .breadcrumbs, .page-services .breadcrumbs, .page-services.page-service .breadcrumbs, .page-services.page-case .breadcrumbs {
        padding: 19px 0 5px 0;
        font-size: 10px;
        letter-spacing: 0.5px;
    }
    .page-services.page-service .breadcrumbs, .page-services.page-cases .breadcrumbs, .page-services.page-case .breadcrumbs {
        padding-bottom: 21px;
    }
    .page-section .page-content {
        max-width: 356px;
        z-index: 1;
    }
    .page-section h1 {
        font-size: 60px;
        letter-spacing: -3px;
    }
    .breadcrumbs a:nth-of-type(1) {
        padding-left: 21px;
    }
    .breadcrumbs a:nth-of-type(1)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.88182 4.30236L5.24545 1.0926C5.17842 1.03304 5.09086 1 5 1C4.90914 1 4.82158 1.03304 4.75455 1.0926L1.11818 4.30236C1.08159 4.33593 1.05228 4.37627 1.03199 4.42101C1.01169 4.46574 1.00081 4.51397 1 4.56285V8.64679C1 8.74047 1.03831 8.83031 1.10651 8.89655C1.1747 8.96279 1.26719 9 1.36364 9H8.63636C8.73281 9 8.8253 8.96279 8.89349 8.89655C8.96169 8.83031 9 8.74047 9 8.64679V4.56285C8.99919 4.51397 8.98831 4.46574 8.96801 4.42101C8.94772 4.37627 8.91841 4.33593 8.88182 4.30236Z' stroke='%2313161A' stroke-width='0.812853' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 10px;
        height: 10px;
    }
    .breadcrumbs small {
        margin: 0 6px;
    }
    .page-section .page-content > p {
        display: none;
    }
    .page-section .grid-section > p {
        font-size: 10px;
        line-height: 15.836px; /* 158.363% */
        letter-spacing: 0.5px;
    }
    .page-section .grid-section > p:nth-of-type(2) {
        top: 51px;
        left: 5px;
    }
    .page-section .grid-section > p:nth-of-type(1) {
        top: 132px;
        left: 5px;
    }
    .page-section.page-cases .grid-section > p:nth-of-type(1) {
        top: 23px;
    }
    .page-section .grid-section {
        max-width: 356px;
    }
    .page-section .main-grid {
        top: 221px;
        max-width: 230px;
        grid-gap: 2px;
        left: 64px;
    }
    .page-section.page-services.page-cases {
        height: 606px;
    }
    .squares-s > *, .case-squares > *, .case-header div > i, .case-finish-sq i, .structure-squares > *, .price-sq > * {
        width: 25px;
        height: 25px;
        backdrop-filter: blur(3.4816367626190186px);
    }
    .structure-header h2 {
        font-size: 48px;
        letter-spacing: -0.6px;
        padding-top: 54px;
        text-align: center;
    }
    .structure-header.service h2 {
        padding-top: 54px;
        padding-left: 0;
        font-size: 40px;
        letter-spacing: -.6px;
        text-align: center;
    }

    .structure-header > div {
        max-width: 348px;
    }
    header.header-second.fixed {
        height: 45px;
    }
    .our-activity.structure {
        margin-top: 0;
    }
    .touch.touch-about {
        margin-top: 0;
        padding-bottom: 15px;
        margin-bottom: -51px;
    }
    .structure-header {
        height: 234px;
    }
    .structure-header span {
        display: none;
    }
    .smm-description.about {
        display: none;
    }
    .our-activity.structure, .our-activity-grid.structure {
        margin-right: 0;
        grid-template-columns: 238px 238px 238px 238px;
        grid-gap: 5.6px;
        margin-left: 20px;
    }
    .scrollbar.scrollbar-about {
        margin: -17px 20px 36px 20px;
        background: #434954;
        z-index: 2;
        width: calc(100% - 40px);
    }
    .scrollbar.scrollbar-about .scrollbar-progress {
        background: #B5BCD2;
        width: 160px;
    }
    .our-activity.structure > * {
        height: 242px;
    }
    .our-activity.structure > * p {
        font-size: 21.029px;
        line-height: 28.039px;
        letter-spacing: -0.21px;
    }
    .our-activity-grid.structure {
        margin-top: 36px;
    }
    .our-activity-grid.structure .activity-item {
        min-height: 56px;
        font-size: 15.772px;
        line-height: 17.525px;
        letter-spacing: -0.158px;
    }
    .professional-team-header.about {

    }
    .page-section.page-services h1 {
        line-height: 60px;
    }
    .page-section.page-services.page-contacts h1, .page-section.page-services.page-cases h1 {
        line-height: normal;
        font-size: 50px;
        font-style: normal;
        font-weight: 800;
        letter-spacing: -2.5px;
    }
    section.page-services.page-cases h1 {
        line-height: 45px;
    }
    .page-services .more-cases {
        top: 211px;
        left: 122px;
        width: 114px;
        height: 116px;
    }
    .page-services.page-section .page-content > p {
        display: block;
        font-size: 14px;
        line-height: 18px; /* 128.571% */
        letter-spacing: 0.7px;
        margin: 24px 0 0 5px;
        max-width: 300px;
    }
    .page-services.page-section .grid-section > .long-description {
        font-size: 10px;
        line-height: 15.88px; /* 158.801% */
        letter-spacing: 0.5px;
        left: 5px;
        top: 19px;
    }
    .more-cases p {
        font-size: 9.851px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.099px;
    }
    .page-services .more-cases .square {
        opacity: 0;
    }
    .page-section.page-services {
        height: 637px;
    }
    .page-section.page-service h1, .page-section.page-services.page-cases h1, .page-section.page-services.page-case h1 {
        font-size: 50px;
        line-height: 45px; /* 90% */
        letter-spacing: -2.5px;
    }
    .page-services.page-service .page-content p {
        margin: 31px 0 0 5px;
        max-width: 340px;
    }
    .page-services.page-service .grid-section > .long-description {
        position: unset;
        margin-top: 32px;
        margin-left: 5px;
        max-width: 350px;
    }
    .page-services.page-service .more-cases {
        position: unset;
        margin: 39px auto 86px auto;
    }
    .page-section.page-services.page-service {
        height: auto;
    }
    .structure-header .smm-description {
        margin: 30px auto;
        font-size: 14px;
        max-width: 350px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .4px;
    }
    .structure-header.service {
        height: auto;
        padding-bottom: 60px;
    }
    .professional-team-grid.service {
        margin-bottom: 76px;
    }
    .professional-team-header.service h2 strong {
        padding-left: 0;
    }
    .professional-team-header.service h2 {
        padding-top: 89px;
        padding-bottom: 40px;
    }
    .service-header h2 {
        font-size: 32px;
        letter-spacing: -.6px;
        text-align: center;
        padding-top: 54px;
    }
    .service-header span {
        max-width: 350px;
        height: 50px;
    }
    .service-prices {
        max-width: 320px;
        margin: -34px auto 80px auto;
    }
    .service-header {
        height: 280px;
    }
    .service-price span {
        width: 110px;
        height: 110px;
        font-size: 16px;
    }
    .service-price ul {
        padding-top: 144px;
        font-size: 12px;
        letter-spacing: 0.4px;
    }
    .service-price .more-cases {
        bottom: 44px;
        width: 120px;
        height: 120px;
    }
    .service-price .more-cases p {
        font-size: 12px;
        letter-spacing: 0.1px;
    }
    .service-price .more-cases .square {
        position: absolute;
        background: rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(8.649334907531738px);
        width: 46px;
        height: 45px;
        top: -24px;
        left: -24px;
        opacity: 1;
        transform: scale(1);
    }
    .service-price .more-cases .square:nth-of-type(2) {
        top: unset;
        bottom: -25px;
        left: unset;
        right: -29px;
    }
    .service-prices .service-price:nth-of-type(1), .service-prices .service-price:nth-of-type(2), .service-prices .service-price:nth-of-type(3) {
        height: auto;
        padding-bottom: 210px;
    }
    .service-header > div, .price-sq {
        max-width: 356px;
    }
    .price-sq i:nth-of-type(1) {
        top: 41px;
        left: 12px;
    }
    .price-sq i:nth-of-type(2) {
        top: 41px;
        left: 137px;
    }
    .price-sq i:nth-of-type(3) {
        top: 14px;
        left: 163px;
    }
    .price-sq i:nth-of-type(4) {
        top: 42px;
        left: 312px;
    }
    .price-sq i:nth-of-type(5) {
        top: 125px;
        left: -6px;
    }
    .price-sq i:nth-of-type(6) {
        top: 183px;
        left: 11px;
    }
    .price-sq i:nth-of-type(7) {
        top: 198px;
        left: 300px;
    }
    .price-sq i:nth-of-type(8) {
        top: 172px;
        left: 326px;
    }
    .price-sq i:nth-of-type(9) {
        top: 213px;
        left: 97px;
    }
    .price-sq i:nth-of-type(n + 10) {
        display: none;
    }
    .professional-team-header > i {
        display: none;
    }
    .page-services .squares-s > :nth-child(1) {
        top: 68px;
        left: -14px;
    }
    .page-services .squares-s > :nth-child(2) {
        top: 84px;
        left: 154px;
    }
    .page-services .squares-s > :nth-child(3) {
        top: 49px;
        left: 247px;
    }
    .page-services .squares-s > :nth-child(4) {
        top: 23px;
        left: 274px;
    }
    .page-services .squares-s > :nth-child(5) {
        top: 23px;
        left: 330px;
    }
    .page-services .squares-s > :nth-child(6) {
        top: 144px;
        left: 241px;
    }
    .page-services .squares-s > :nth-child(7) {
        top: 120px;
        left: 322px;
    }
    .page-services .squares-s > :nth-child(8) {
        top: 94px;
        left: 348px;
    }
    .footer-menu a {
        font-size: 13.612px;
    }
    .portfolio-grid.page-cases-grid {
        margin-top: 0;
    }

    .touch2.touch-cases {
        margin-bottom: 0;
    }
    .cases-items {
        display: grid;
        grid-template-columns: 200px 200px 200px 200px;
        grid-gap: 6.4px;
        max-width: 1105px;
        margin: 0 auto 0 auto;
    }
    .cases-items > * {
        height: 200px;
    }
    .cases-items > * p {
        font-size: 21px;
        line-height: 27px;
    }
    .portfolio-header.portfolio-cases {
        height: 450px;
    }
    .portfolio-header.portfolio-cases > div {
        max-width: 100%;
        margin-left: 20px;
        display: block;
        padding-top: 20px;
    }
    .scrollbar.scrollbar-cases {
        background: #434954;
        margin: 0 auto 16px 0;
    }
    .scrollbar.scrollbar-cases .scrollbar-progress {
        background: #B5BCD2;
    }
    .portfolio-header.portfolio-cases > div > i {
        display: none;
    }
    .squares-s > :nth-child(1) {
        top: 70px;
        left: -14px;
    }
    .squares-s > :nth-child(2) {
        top: 97px;
        left: 12px;
    }
    .squares-s > :nth-child(3) {
        top: 97px;
        left: 39px;
    }
    .squares-s > :nth-child(4) {
        top: 124px;
        left: 12px;
    }
    .squares-s > :nth-child(5) {
        top: 53px;
        left: 228px;
    }
    .squares-s > :nth-child(6) {
        top: 27px;
        left: 255px;
    }
    .squares-s > :nth-child(7) {
        top: 8px;
        left: 328px;
    }
    .squares-s > :nth-child(8) {
        left: 322px;
        top: 122px;
    }
    .squares-s > :nth-child(9) {
        top: 96px;
        left: 348px;
    }
    .page-contacts .squares-s > :nth-child(1) {
        top: 79px;
        left: -14px;
    }
    .page-contacts .squares-s > :nth-child(2) {
        top: 79px;
        left: 169px;
    }
    .page-contacts .squares-s > :nth-child(3) {
        top: 49px;
        left: 247px;
    }
    .page-contacts .squares-s > :nth-child(4) {
        top: 23px;
        left: 274px;
    }
    .page-contacts .squares-s > :nth-child(5) {
        top: 23px;
        left: 330px;
    }
    .page-contacts .squares-s > :nth-child(6) {
        top: 94px;
        left: 348px;
    }
    .page-contacts .squares-s > :nth-child(n + 7) {
        display: none;
    }
    .page-services.page-section .page-content > p {
        margin: 26px 0 0 5px;
    }
    .page-section.page-contacts .grid-section > p:nth-of-type(1) {
        top: 20px;
    }
    .page-section.page-services.page-contacts {
        height: 606px;
    }
    .page-cases .squares-s > :nth-child(1) {
        top: 68px;
        left: -14px;
    }
    .page-cases .squares-s > :nth-child(2) {
        top: 84px;
        left: 154px;
    }
    .page-cases .squares-s > :nth-child(3) {
        top: 49px;
        left: 247px;
    }
    .page-cases .squares-s > :nth-child(4) {
        top: 23px;
        left: 274px;
    }
    .page-cases .squares-s > :nth-child(5) {
        top: 23px;
        left: 330px;
    }
    .page-cases .squares-s > :nth-child(6) {
        top: 94px;
        left: 348px;
    }
    .page-cases .squares-s > :nth-child(n + 7) {
        display: none;
    }
    .page-section.page-case h3 {
        margin-top: 9px;
        font-size: 32px;
        letter-spacing: -0.32px;
    }
    .page-section.page-case .page-content .short-descr {
        margin: 16px 0 0 5px;
        max-width: 350px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.7px;
    }
    .case-description {
        font-size: 10px;
        line-height: 15.809px; /* 158.091% */
        letter-spacing: 0.5px;
        margin: 17px 0 0 5px;
    }
    .case-img {
        position: unset;
        width: 211px;
        height: 211px;
        margin: 27px auto;
        display: block;
    }
    .page-section.page-services.page-case {
        height: auto;
        position: relative;
    }
    .page-section.page-services.page-case > i:nth-of-type(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257' height='257' viewBox='0 0 257 257' fill='none'%3E%3Cpath d='M257 135.726C190.015 135.726 129.323 190.307 129.323 257.394L-4.57764e-05 257.394C-4.87603e-05 189.129 27.0767 123.66 75.2735 75.3893C123.47 27.1187 188.839 0.000613331 257 0.000610352L257 135.726Z' fill='url(%23paint0_radial_710_1330)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_710_1330' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-6.10948e-05 257.394) rotate(-49.3993) scale(394.908 389.68)'%3E%3Cstop offset='0.40625' stop-color='%23D31636'/%3E%3Cstop offset='1' stop-color='%23FF4D6B'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 257px;
        height: 257px;
        display: block;
        top: unset;
        bottom: -27px;
    }
    .case-task h2 {
        padding: 54px 0 0 0;
        font-size: 36px;
        letter-spacing: -.5px;
        text-align: center;
    }
    .case-task > div {
        max-width: 356px;
    }
    .case-task .task-desc {
        margin: 25px 0 0 5px;
        max-width: 350px;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.9px;
    }
    .case-task {
        height: auto;
        padding-bottom: 60px;
    }
    .structure-squares {
        display: none;
    }
}