@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;600;700;800&display=swap');

body {
    font-family: 'Wix Madefor Display', sans-serif !important;
}

p {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    font-style: normal;
    color: #2D384B;
}

a {
    color: #2D384B;
    font-weight: 500;
}

.container {
    max-width: 1216px;
    padding: 0 10px;
    margin: 0 auto;
}

.header__content {
    display: flex;
    align-items: center;
}

.header {
    padding: 24px 0;
    border-bottom: 1px solid #EBEBED;
}

.header__menu {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
}

.header__menu li {
    height: 20px;
}

.header__menu a {
    font-weight: 500;
    font-size: 16px;
    color: #2D384B;
}

.header__social {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header__social .tel p {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 13px;
    color: #556073;
}

.header__social .tel a {
    font-weight: 700;
    font-size: 19px;
    color: #2D384B;
}

.header__social .social {
    display: flex;
    align-items: center;
    gap: 6px;
}

.header__social .social a img,
.header__social .social a {
    width: 24px;
    height: 24px;
}

.header__social .social a {
    padding: 8px;
    border: 1px solid #ECECEC;
    border-radius: 50%;
    background-color: #F8F8F8;
}

.header__btn {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 17px 26px;
    background-color: #2D384B;
    border-radius: 26px;
    line-height: 11px;
    border: 1px solid #ECECEC;
    transition: background-color 0.3s ease;
}

.header__btn:hover {
    background-color: #3A4759;
}

/* Кнопка-бургер */
.header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 38px;
    height: 38px;
    background: #2D384B;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    position: relative;
    margin-left: auto;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.header__burger:hover {
    background: #1e2633;
}

.header__burger span {
    display: block;
    width: 14px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.header__burger span:nth-child(3) {
    width: 10px;
    margin-left: 4px;
}

.header__burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 4px);
}

.header__burger.active span:nth-child(2) {
    transform: rotate(-45deg) translate(0px, -.5px);
}

.header__burger.active span:nth-child(3) {
    opacity: 0;
}

/* Overlay для мобильного меню */
.header__mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.header__mobile-overlay.active {
    display: block;
    opacity: 1;
}

/* Мобильное меню */
.header__mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 350px;
    height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transition: right 0.3s ease;
    overflow-y: auto;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.header__mobile-menu.active {
    right: 0;
}

.header__mobile-menu-content {
    padding: 80px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.header__mobile-menu .header__menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
}

.header__mobile-menu .header__menu li {
    list-style: none;
}

.header__mobile-menu .header__menu a {
    font-size: 18px;
    font-weight: 500;
    color: #2D384B;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}

.header__mobile-menu .header__social {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
}

.header__mobile-menu .header__social .tel p.top {
    font-size: 13px;
    color: #556073;
    margin-bottom: 8px;
}

.header__mobile-menu .header__social .tel a {
    font-size: 18px;
    font-weight: 700;
    color: #2D384B;
    text-decoration: none;
}

.header__mobile-menu .header__social .social {
    display: flex;
    gap: 10px;
}

.header__mobile-menu .header__social .social a {
    width: 40px;
    height: 40px;
    padding: 8px;
    border: 1px solid #ECECEC;
    border-radius: 50%;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__mobile-menu .header__social .social a img {
    width: 24px;
    height: 24px;
}

.header__mobile-menu .header__btn {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 17px 26px;
}

.home__top {
    position: relative;
}

.home__top .home__top-bg {
    position: absolute;
    z-index: -1;
    top: -108px;
    left: 0;
    width: 100vw;
    height: calc(100% + 108px);
}

.home__top-content {
    padding: 100px 0 80px;
}

.home__top .mini__block {
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 11px 19px;
    gap: 10px;
    border: 1px solid #ECECEC;
    background-color: #F8F8F8;
    width: max-content;
    margin-bottom: 16px;
}

.home__top .mini__block p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

h1.home__top-title {
    text-align: left;
    font-size: 68px;
    line-height: 120%;
    font-weight: 700;
    color: #2D384B;
    margin-bottom: 24px;
}

h1.home__top-title span {
    color: #D824DF;
}

.test__period .top {
    display: flex;
    align-items: center;
    gap: 24px;
}
.rate__content a.button{
    text-align: center;
}
.changes__bottom-content a.button,
.rate__content a.button,
.request__report a.button,
.form__block-container .right button,
.digitization__content .left a.button,
.test__period .top a {
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    padding: 30px 38px;
    border-radius: 100px;
    background: #0053F8;
    background-image: radial-gradient(circle, rgba(74, 163, 255, 0.52) 0%, rgba(74, 163, 255, 0) 100%);
    display: block;
    color: #fff;
    width: max-content;
    border: none;
    box-shadow: inset 0 0 20px rgba(0, 83, 248, 0.3);
    transition: all 0.3s ease;
}

.changes__bottom-content a.button:hover,
.rate__content a.button:hover,
.request__report a.button:hover,
.form__block-container .right button:hover,
.digitization__content .left a.button:hover,
.test__period .top a:hover {
    background: #0066FF;
    background-image: radial-gradient(circle, rgba(74, 163, 255, 0.8) 0%, rgba(74, 163, 255, 0) 100%);
    box-shadow: inset 0 0 30px rgba(0, 102, 255, 0.4), 0 4px 15px rgba(0, 83, 248, 0.3);
    transform: translateY(-2px);
}

.test__period .top p {
    font-size: 14px;
    font-weight: 400;
}

.test__period .top p span {
    font-weight: 600;
    color: #2D384B;
}

p.home__top-subtitle {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 400;
    width: 630px;
    color: #556073;
}

.test__period .bottom {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    margin-left: 95.5px;
}

.test__period .bottom p {
    font-size: 14px;
}

.home__top-steps {
    display: flex;
    gap: 20px;
}

.home__top-steps .step {
    width: 392px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
}

.home__top-steps .step .left p.num {
    font-size: 14px;
    line-height: auto;
    margin-bottom: 14px;
}

.home__top-steps .step .left p.text {
    font-size: 20px;
    line-height: auto;
}

.home__top-steps .step .right {
    padding: 14px;
    border-radius: 14px;
    background-color: #F4F8FE;
}

.test__period {
    margin-bottom: 90px;
}

.resonance {
    padding: 80px 0;
}

h2.title {
    font-size: 48px;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
    color: #2D384B;
}

.resonance-items {
    margin: 70px 0;
    position: relative;
    height: 497px;
}

.resonance-items .resonance__bg {
    position: absolute;
    width: 1032px;
    top: -70px;
    left: 92px;
    z-index: -1;
}

.resonance-items .resonance-item {
    display: flex;
    padding: 19px;
    border-radius: 20px;
    border: 1px solid #ECECEC;
    background-color: #F8F8F8;
    gap: 16px;
    position: absolute;
    align-items: start;
}

.resonance-items .resonance-item p {
    font-size: 15px;
    font-weight: 400;
}

.resonance-items .resonance-item:nth-child(1) {
    left: 0;
    top: 0;
    width: 334.55px;
}

.resonance-items .resonance-item:nth-child(2) {
    top: 162px;
    left: 0;
    width: 275px;
}

.resonance-items .resonance-item:nth-child(3) {
    top: 300px;
    left: 0;
    width: 213px;
}

.resonance-items .resonance-item:nth-child(4) {
    top: 85px;
    right: 0;
    width: 251px;
    flex-direction: row-reverse;
}

.resonance-items .resonance-item:nth-child(5) {
    top: 247px;
    right: 0;
    width: 246px;
    flex-direction: row-reverse;
}

.resonance-items .resonance-item:nth-child(6) {
    top: 385px;
    right: 0;
    width: 330px;
    flex-direction: row-reverse;
}

p.resonance__bottom {
    font-size: 24px;
    line-height: 130%;
    text-align: center;
}

p.resonance__bottom span {
    font-weight: 600;
    color: #D824DF;
}



.home__top-content {
    position: relative;
}

.absolute__block {
    position: absolute;
    top: 249px;
    left: 802px;
    width: 164px;
    height: 164px;
}

.absolute__block img {
    position: absolute;
}

.absolute__block img:nth-child(1) {
    z-index: 1;
    width: 164px;
    height: 164px;
}

.absolute__block img:nth-child(2) {
    z-index: 2;
    top: 11px;
    left: 22px;
    width: 118px;
    height: 118px;
    animation: rotate 15s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.absolute__block img:nth-child(3) {
    z-index: 3;
    width: 79px;
    height: 79px;
    top: 30px;
    left: 42px;
}

.absolute__block img:nth-child(4) {
    z-index: 4;
    width: 12px;
    height: 13px;
    top: 63px;
    left: 76px;
}

.digitization {
    position: relative;
}

.digitization__bg {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1720px;
    max-height: 648px;
    z-index: -1;
}

.digitization__content {
    padding: 100px 0;
    display: flex;
    gap: 123px;
}

.digitization__content h2 {
    font-size: 48px;
    line-height: 130%;
    color: #2D384B;
    font-weight: 700;
    margin-bottom: 20px;
}

.digitization__content h2 span {
    color: #D824DF;
}

.digitization__content .left p {
    width: 495px;
}

.digitization__content .left p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
}

.digitization__steps {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.digitization__step {
    width: 229px;
    padding: 30px;
    border-radius: 17px;
    background-color: #F8F8F8;
}

.digitization__step p.num {
    padding: 11px 19px;
    margin-left: auto;
    display: block;
    margin-bottom: 30px;
    border: 1px solid #EBEBED;
    font-size: 14px;
    font-weight: 500;
    width: max-content;
    border-radius: 20px;
}

.digitization__step p.num span {
    color: #0053F8;
}

.digitization__step p.text {
    font-size: 16px;
    font-weight: 400;
}

.digitization__step p.text span {
    font-size: 16px;
    color: #2D384B;
    font-weight: 600;
}

.digitization__step:nth-child(3) {
    width: 538px;
    display: flex;
    gap: 32px;
}

.digitization__step:nth-child(3) img {
    width: 219px;
}

.home__top-steps .step .right img {
    width: 32px;
    height: 32px;
}

.test__period .bottom img {
    width: 20px;
    height: 21px;
}

.header__logo img {
    width: 291px;
}

.digitization .bottom {
    display: flex;
    padding: 0 32px;
    margin-top: 20px;
    gap: 12px;
    align-items: center;
}

.digitization .bottom img {
    width: 24px;
    height: 24px;
}

.digitization .bottom p {
    font-size: 16px;
    font-weight: 400;
}

.digitization .bottom p span {
    font-weight: 600;
    color: #2D384B;
}

h2.title.left {
    text-align: left;
    max-width: 772px;
}

.tabs__top {
    display: flex;
}

.tabs__top-item {
    width: max-content;
    padding: 16px 52px 16px 26px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.tabs__top-item p {
    width: max-content;
    font-size: 16px;
    line-height: 130%;
    color: #556073;
}

.tabs__top-item img {
    width: 18px;
    height: 18px;
}

.mask-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.tabs__wrapper {
    position: relative;
}

.mask-active {
    z-index: -1;
    display: none;
}

.mask-noactive {
    z-index: -1;
}

.tabs__top-item.active p {
    color: #0053F8;
}

.tabs__item {
    display: none;
}

.tabs__item.active {
    display: flex;
}

.mask-block.active {
    display: block;
}

.mask-block.none {
    display: none;
}

.tabs__item {
    gap: 50px;
    padding: 70px 60px;
}

.tabs__item h4 {
    color: #2D384B;
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 30px;
    font-weight: 700;
}

.tabs__item p.subtitle {
    font-size: 20px;
    color: #2D384B;
    margin-bottom: 20px;
    font-weight: 400;
}

.tabs__item p.list__item {
    font-size: 16px;
    color: #2D384B;
    margin-bottom: 20px;
    font-weight: 400;
    padding-left: 16px;
    position: relative;
}

.tabs__item p.list__item:last-child {
    margin-bottom: 0;
}

.tabs__item p.list__item::after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 10px;
    left: 0;
    background-color: #D824DF;
    content: '';
    display: block;
    position: absolute;
}

.tabs {
    margin: 80px 0;
}

.tabs h2 {
    margin-bottom: 40px;
}

.form__block {
    position: relative;
}

.form__block-bg {
    width: 1720px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    position: absolute;
    z-index: -1;
}

.form__block-container {
    padding: 100px 0;
    display: flex;
    gap: 81px;
}

.form__block-container .left h3 {
    width: 705px;
    font-size: 48px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}

.form__block-container .left p {
    width: 568px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

.form__block-container .left .items {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 41px;
}

.form__block-container .left .item {
    width: 218px;
    display: flex;
    gap: 14px;
    align-items: center;
    margin-left: auto;
}

.form__block-container .left .item img {
    width: 32px;
    height: 32px;
}

.form__block-container .left .item p {
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    color: #fff;
}

.form__block-container .right {
    padding: 40px;
    border-radius: 20px;
    background-color: #fff;
}

.form__block-container .right p {
    font-size: 20px;
    font-weight: 600;
    color: #2D384B;
    text-align: center;
    margin-bottom: 24px;
}

.form__block-container .right p span {
    color: #2D384B;
    font-weight: 400;
}

.form__block-container .right input {
    width: calc(100% - 70px);
    margin-bottom: 20px;
    padding: 29px 35px;
    font-size: 18px;
    line-height: 100%;
    border: 1px solid #EBEBED;
    background-color: #F8F8F8;
    border-radius: 12px;
}

.form__block-container .right button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.form__block-container .form__checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
}

.form__block-container .form__checkbox-label span {
    color: #556073;
    font-size: 12px;
    font-weight: 500;
    width: max-content;
}

.form__block-container .form__checkbox-label input {
    width: 14px;
    height: 14px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background-color: #EBEBED;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    padding: 0;
}

.form__block-container .form__checkbox-label input:checked {
    background-color: #41C221;
}

.form__block-container .form__checkbox-label input:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.request__report h3 {
    text-align: center;
    font-size: 48px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 40px;
}

.request__report-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 804px;
}

.request__report-item {
    width: 332px;
    padding: 29px;
    border: 1px solid #BFD5FF;
    border-radius: 20px;
    background-color: #F4F8FE;
}

.request__report-item {
    height: 200px;
}

.request__report-items-wrapper {
    display: flex;
    gap: 20px;
}

.request__report-item.height {
    height: 480px;
}

.request__report-item img {
    width: 32px;
    height: 32px;
    padding: 14px;
    background-color: #fff;
    border-radius: 15px;
    margin-left: auto;
    display: block;
    margin-bottom: 30px;
}

.request__report-item.height img {
    margin-bottom: 54px;
}

.request__report-item p.title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.request__report-item p.text {
    font-size: 16px;
    font-weight: 400;
}

.request__report-items-wrapper .bottom__image {
    width: 332px;
    margin-top: 46px;
    height: 208px;
    padding: 0;
    border-radius: 0;
    border-radius: 15px;
}

.request__report a.button {
    margin: 40px auto 80px;
}

.video {
    position: relative;
    height: 790px;
}

.video__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    z-index: -2;
}

.video__content {
    position: relative;
}

.video__content-bg {
    width: 1138px;
    left: 39px;
    top: 80px;
    z-index: -1;
    position: absolute;
}

.video__content h3 {
    font-size: 32px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 385px;
    padding-top: 130px;
    text-align: center;
}

.video__content a.play {
    position: absolute;
    width: 116px;
    height: 116px;
    top: 50%;
    left: 50%;
    transform: translate(-58px, 0);
}

.video__content a.play img {
    width: 116px;
    height: 116px;
}
button{
    cursor: pointer;
}

.video__content .video__logo {
    display: block;
    margin: 0 auto;
    width: 234px;
}

.contact__form.form__block .contact__form-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1720px;
    max-height: 651px;
    top: 0;
    z-index: -1;
}

.contact__form.form__block {
    height: 651px;
}

.contact__form {
    margin: 0 0 80px;
}

.rate__content .top,
.rate__content .bottom {
    padding: 40px;
    border-radius: 30px;
}

.rate__content {
    margin-left: 786px;
}

.rate__content .top,
.rate__content .bottom {
    border-radius: 30px;
    padding: 40px;
    border: 1px solid #4AA3FF;
}

.rate__content .top {
    border-bottom: 1px dashed #4AA3FF;
}

.rate__content .bottom {
    border-top: none;
}

.rate__content .top .top__window {
    padding: 13px 23px;
    display: flex;
    width: max-content;
    margin: 0 auto;
    gap: 8px;
    align-items: center;
    border: 1px solid #EBEBED;
    background-color: #F8F8F8;
    border-radius: 24px;
    margin-bottom: 12px;
}

.rate__content .top .top__window img {
    width: 18px;
    height: 18px;
}

.rate__content .top .top__window p {
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
}

.rate__content .top p.title {
    font-size: 40px;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.rate {
    height: 886px;
    margin-top: 160px;
    position: relative;
}

.rate-bg {
    width: 100vw;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

.rate__content .top .items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.rate__content .top .item {
    gap: 12px;
    display: flex;
    align-items: center;
}

.rate__content .top .item img {
    width: 24px;
    height: 24px;
}

.rate__content .top .item p {
    font-size: 18px;
    line-height: 100%;
    font-weight: 400;
}

.rate__content .bottom .price {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.rate__content .bottom .price img {
    width: 24px;
    height: 24px;
}

.rate__content .bottom .price p {
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: #2D384B;
}

.rate__content .bottom .price p span {
    font-weight: 700;
    color: #2D384B;
}

.rate__content .bottom .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #EBEBED;
    margin-bottom: 30px;
}

.rate__content .bottom .list p,
.rate__content .bottom .list span {
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    color: #556073;
}

.rate__content a.button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.about {
    position: relative;
    height: 699px;
    background-color: #F4F8FE;
}

img.about-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 1720px;
    z-index: 1;
}

.about__content {
    z-index: 2;
    position: relative;
}

.about__content h3 {
    width: 509px;
    font-size: 48px;
    line-height: 130%;
    margin-bottom: 40px;
    color: #2D384B;
    padding-top: 100px;
}

.about__content h3 span {
    color: #D824DF;
}

.about__content p {
    font-size: 18px;
    font-weight: 400;
}

.about__content p+p {
    margin-top: 20px;
}

.about__content p span {
    font-weight: 700;
    color: #2D384B;
}

.about__content p.name {
    display: block;
    width: max-content;
    margin-left: auto;
    margin-bottom: 6px;
    padding-left: 16px;
    font-size: 20px;
    line-height: 100%;
    color: #2D384B;
    font-weight: 700;
    position: relative;
}

.about__content p.name::after {
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    transform: translateY(-3px);
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #D824DF;
}

.about__content p.job {
    font-size: 16px;
    line-height: 100%;
    font-weight: 400;
    color: #556073;
    width: max-content;
    margin-left: auto;
}

.about__content {
    width: 509px;
}

.changes {
    background-color: #F4F8FE;
    padding: 80px 0;
}

.changes__content .dots {
    display: none;
}

.changes__content h3 {
    text-align: left;
    width: 790px;
    font-size: 48px;
    padding-bottom: 40px;
    font-weight: 120%;
    font-weight: 700;
    color: #2D384B;
}

.changes__content {
    position: relative;
}

.changes__content .arrow__left,
.changes__content .arrow__rigth {
    position: absolute;
    top: 50%;
    transform: translateY(24px);
    width: 48px;
    height: 48px;
}

.changes__content .arrow__left {
    left: -88px;
}

.changes__content .arrow__rigth {
    right: -88px;
}

.changes__slider-item {
    padding: 60px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.changes__slider-item .left img {
    width: 563px;
    height: 330px;
}

.changes__slider-item {
    background-color: #fff;
    border-radius: 60px;
    position: relative;
}

.changes__slider-item .right .num {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 9px 19px;
    border: 1px solid #EBEBED;
    background-color: #F8F8F8;
    border-radius: 20px;
}

.changes__slider-item .right .num p {
    font-size: 14px;
    line-height: 130%;
    color: #556073;
    font-weight: 400;
}

.changes__slider-item .right .num p span {
    font-size: 14px;
    line-height: 130%;
    color: #556073;
    font-weight: 700;
}

.changes__slider-item .right h4 {
    font-size: 32px;
    line-height: 130%;
    font-weight: 700;
    color: #2D384B;
    margin-bottom: 10px;
}

.changes__slider-item .right p.subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #2D384B;
    margin-bottom: 30px;
}

.changes__slider-item .right p.subtitle span {
    font-size: 18px;
    font-weight: 600;
    color: #2D384B;
}

.changes__slider-item .right .problems {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.changes__slider-item .right .problem {
    padding: 20px;
    border-radius: 20px;
    background-color: #F4F8FE;
}

.changes__slider-item .right .problem .top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.changes__slider-item .right .problem .top img {
    width: 18px;
    height: 18px;
}

.changes__slider-item .right .problem .top p {
    color: #2D384B;
    font-size: 16px;
    font-weight: 600;
}

.changes__slider-item .right p.problem__text {
    color: #556073;
    font-size: 16px;
    font-weight: 400;
}

.changes__bottom-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 80px 0 0;
    padding: 40px 100px;
}

.changes__bottom-content img {
    position: absolute;
    left: 0;
    top: 0;
}

.changes__bottom-content .left,
.changes__bottom-content .right {
    z-index: 2;
}

.changes__bottom-content .left p.title {
    font-size: 36px;
    line-height: 130%;
    font-weight: 700;
    color: #2D384B;
    margin-bottom: 20px;
}

.changes__bottom-content .left p.text {
    font-size: 16px;
    color: #556073;
    font-weight: 400;
}

.changes__bottom-content .left p.text span {
    color: #556073;
    font-size: 16px;
    font-weight: 600;
}

.changes__bottom-content a.button {
    z-index: 2;
}

.comment {
    background-color: #F4F8FE;
}

.comment .dots {
    display: none;
}

.comment__slide {
    width: 332px;
    padding: 30px;
    background-color: #fff;
    border-radius: 20px;
}

.comment__slides {
    gap: 20px;
}

.comment__slide .top {
    display: flex;
    gap: 16px;
    align-items: center;
}

.comment__slide .top img {
    width: 60px;
    height: 60px;
}

.comment__slide .top .right .name {
    font-size: 18px;
    font-weight: 600;
    color: #2D384B;
    margin-bottom: 2px;
}

.comment__slide .top .right .inform {
    font-size: 14px;
    font-weight: 400;
    color: #2D384B;
}

.comment__slide .raiting {
    margin: 24px 0;
    display: flex;
    gap: 4px;
    align-items: center;
}

.comment__slide .raiting img {
    height: 15px;
}

.comment__slide .raiting p.date {
    width: max-content;
    padding-left: 22px;
    color: #556073;
    font-size: 14px;
    font-weight: 500;
}

.comment__slide .raiting p.date {
    position: relative;
}

.comment__slide .raiting p.date::after {
    position: absolute;
    left: 8.5px;
    top: 50%;
    width: 3px;
    height: 3px;
    content: '';
    transform: translateY(-1.5px);
    background-color: #556073;
}

.comment__slide .text__comment p {
    font-size: 16px;
    font-weight: 400;
    color: #2D384B;
}

.comment__slide .text__comment p+p {
    margin-top: 20px;
}

.comment__content h3 {
    font-size: 48px;
    color: #2D384B;
    line-height: 120%;
    width: 903px;
    padding: 80px 0 40px;
}

.comment__slider-wrapper {
    position: relative;
}

.comment__slider-wrapper .arrow__left,
.comment__slider-wrapper .arrow__rigth {
    position: absolute;
    top: 50%;
    transform: translateY(-24px);
    width: 48px;
    height: 48px;
}

.comment__slider-wrapper .arrow__left {
    left: -88px;
}

.comment__slider-wrapper .arrow__rigth {
    right: -88px;
}

.arrow__left,
.arrow__rigth {
    z-index: 10;
}

.comment {
    padding-bottom: 80px;
}

.accordeon {
    padding: 80px 0;
}

.accordeon h3 {
    font-size: 48px;
    line-height: 120%;
    font-weight: 700;
    color: #2D384B;
    text-align: center;
    margin-bottom: 40px;
}

.accordeon__content {
    margin: 0 auto;
}

.accordeon__item {
    border: 1px solid #EBEBED;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.accordeon__item.active {
    border: 1px solid #BFD5FF;
    background-color: #F4F8FE;
}

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

.accordeon__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    cursor: pointer;
    gap: 20px;
}

.accordeon__question {
    font-size: 20px;
    line-height: 120%;
    font-weight: 600;
    color: #2D384B;
    margin: 0;
    flex: 1;
}

.accordeon__toggle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background-color: #0053F8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.3s ease;
    padding: 0;
}

.accordeon__toggle:hover {
    background-color: #0040C4;
}

.accordeon__icon {
    font-size: 27px;
    line-height: 1;
    font-weight: 300;
    display: block;
    transition: transform 0.3s ease;
    font-family: roboto;
    line-height: 27px;
    height: max-content;
    width: 15px;
    height: 29px;
    z-index: 10;
}

.accordeon__icon--plus {
    display: block;
}

.accordeon__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 30px;
}

.accordeon__item.active .accordeon__body {
    max-height: 1000px;
    padding: 0 30px 30px;
    width: 1010px;
}

.accordeon__answer {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: #556073;
    margin: 0;
    width: 800px;
}


.accordeon__icon.accordeon__icon--plus {
    display: block !important;
}

.accordeon__item.active .accordeon__icon.accordeon__icon--plus {
    transform: rotate(-45deg);
}

.form__block.bottom__form .left p {
    width: 589px;
}

.bottom__form-items {
    margin-top: 30px;
}

.bottom__form-item,
.bottom__form-items {
    display: flex;
    align-items: center;
    gap: 30px;
}

.bottom__form-item {
    gap: 14px;
}

.bottom__form-item img {
    width: 32px;
    height: 32px;
}

.form__block.bottom__form .bottom__form-item p {
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    color: #fff;
    width: max-content;
}

footer {
    background-color: #2D384B;
}

.footer__content {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

.footer__content .left img {
    width: 291px;
}

.footer__content .left a {
    margin-bottom: 20px;
}

.footer__content .left p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.footer__content .left p:nth-child(1) {
    font-weight: 700;
}

.footer__content .right .phone,
.footer__content .right .mail {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    width: max-content;
    margin-bottom: 24px;
}

.footer__content .right .phone img,
.footer__content .right .mail img {
    width: 20px;
    height: 20px;
}

.footer__content .right .phone a {
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    color: #fff;
}

.footer__content .right .mail p {
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    color: #fff;
}

.footer__content .right .footer__social {
    display: flex;
    gap: 20px;
    align-items: center;
}

.footer__content .right .footer__social img {
    width: 26.86px;
    height: 26.86px;
    padding: 10.07px;
    border-radius: 50px;
    background-color: #fff;
}

.footer__content .right .footer__social a.footr__btn {
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    color: #2D384B;
    border-radius: 26px;
    padding: 18px 26px;
    background-color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.footer__content .right .footer__social a.footr__btn:hover {
    background-color: #F5F5F5;
    color: #1F2937;
}

.footer__copy {
    border-top: 1px solid rgba(235, 235, 237, 0.2);
    padding: 30px 0;
}

.footer__copy .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__copy .top p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.footer__copy .top .links {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footer__copy .top .links a {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.footer__copy p.bottom {
    margin-top: 12px;
    font-size: 11px;
    font-weight: 500;
    color: #EBEBED;
    opacity: .2;
}

.changes__bottom-content img {
    width: 1216px;
}

.comment__slides-wrapper {
    overflow: hidden;
    width: 100%;
}

.tabs__item .right img {
    width: 606px;
    height: 400px;
}

.footer__content .mail a {
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
}

.footer__content .left img {
    margin-bottom: 20px;
}

.home__top .mini__block img {
    width: 20px;
    height: 20px;
}

.mobile {
    display: none !important;
}

.comment__slides-wrappers {
    overflow: hidden;
}

.accordeon__item .accordeon__toggle {
    background: #F4F8FE;
}

.accordeon__item .accordeon__toggle span {
    color: #0053F8;
}

.accordeon__item.active .accordeon__toggle {
    background: #0053F8;
}

.accordeon__item.active .accordeon__toggle span {
    color: #fff;
}

















@media(max-width:1941px) {
    .home__top .mini__block img {
        width: 1.041vw;
        height: 1.041vw;
    }

    .footer__content .left img {
        margin-bottom: 1.041vw;
    }

    .footer__content .mail a {
        font-size: 0.833vw;
        line-height: 100%;
    }

    .resonance-items .resonance-item img {
        width: 1.562vw;
        height: 1.562vw;
    }

    .header__social .tel {
        height: 2.447vw;
        display: flex;
        flex-direction: column;
    }

    .header__social .social a img {
        display: block;
    }

    .tabs__item .right img {
        width: 31.562vw;
        height: 20.833vw;
    }

    .changes__bottom-content img {
        width: 63.333vw;
    }

    p {
        font-size: 1.250vw;
        line-height: 150%;
    }

    .container {
        max-width: 63.333vw;
        padding: 0 0.520vw;
        margin: 0 auto;
    }

    .header {
        padding: 1.250vw 0;
        border-bottom: 0.052vw solid #EBEBED;
    }

    .header__menu {
        gap: 1.562vw;
        margin: 0 auto;
    }

    .header__menu li {
        height: 1.041vw;
    }

    .header__menu a {
        font-size: 0.833vw;
        display: block;
    }

    .header__social {
        gap: 1.562vw;
    }

    .header__social .tel p {
        margin-bottom: 0.312vw;
        font-size: 0.677vw;
    }

    .header__social .tel a {
        font-size: 0.989vw;
    }

    .header__social .social {
        gap: 0.312vw;
    }

    .header__social .social a img,
    .header__social .social a {
        width: 1.250vw;
        height: 1.250vw;
    }

    .header__social .social a {
        padding: 0.416vw;
        border: 0.052vw solid #ECECEC;
        border-radius: 50%;
    }

    .header__btn {
        font-size: 0.833vw;
        padding: 0.885vw 1.354vw;
        border-radius: 1.354vw;
        line-height: 0.572vw;
        border: 0.052vw solid #ECECEC;
    }

    .home__top .home__top-bg {
        top: -5.625vw;
        left: 0;
        width: 100vw;
        height: calc(100% + 5.567vw);
    }

    .home__top-content {
        padding: 5.208vw 0 4.166vw;
    }

    .home__top .mini__block {
        border-radius: 1.041vw;
        padding: 0.572vw 0.989vw;
        gap: 0.520vw;
        border: 0.052vw solid #ECECEC;
        width: max-content;
        margin-bottom: 0.833vw;
    }

    .home__top .mini__block p {
        font-size: 0.833vw;
        line-height: 1.041vw;
    }

    h1.home__top-title {
        font-size: 3.541vw;
        line-height: 120%;
        margin-bottom: 1.250vw;
    }

    .test__period .top {
        gap: 1.250vw;
    }

    .changes__bottom-content a.button,
    .rate__content a.button,
    .request__report a.button,
    .form__block-container .right button,
    .digitization__content .left a.button,
    .test__period .top a {
        font-size: 0.937vw;
        line-height: 100%;
        padding: 1.562vw 1.979vw;
        border-radius: 5.208vw;
        width: max-content;
    }

    .test__period .top p {
        font-size: 0.729vw;
    }

    p.home__top-subtitle {
        margin-bottom: 2.083vw;
        font-size: 1.250vw;
        width: 32.812vw;
    }

    .test__period .bottom {
        gap: 0.416vw;
        margin-top: 0.833vw;
        margin-left: 4.973vw;
    }

    .test__period .bottom p {
        font-size: 0.729vw;
    }

    .home__top-steps {
        gap: 1.041vw;
    }

    .home__top-steps .step {
        width: 20.416vw;
        padding: 1.041vw;
        border-radius: 1.041vw;
    }

    .home__top-steps .step .left p.num {
        font-size: 0.729vw;
        line-height: auto;
        margin-bottom: 0.729vw;
    }

    .home__top-steps .step .left p.text {
        font-size: 1.041vw;
        line-height: auto;
    }

    .home__top-steps .step .right {
        padding: 0.729vw;
        border-radius: 0.729vw;
    }

    .test__period {
        margin-bottom: 4.687vw;
    }

    .resonance {
        padding: 4.166vw 0;
    }

    h2.title {
        font-size: 2.500vw;
        line-height: 120%;
    }

    .resonance-items {
        margin: 3.645vw 0;
        height: 25.885vw;
    }

    .resonance-items .resonance__bg {
        width: 53.750vw;
        top: -3.645vw;
        left: 4.791vw;
    }

    .resonance-items .resonance-item {
        padding: 0.989vw;
        border-radius: 1.041vw;
        border: 0.052vw solid #ECECEC;
        gap: 0.833vw;
    }

    .resonance-items .resonance-item p {
        font-size: 0.781vw;
    }

    .resonance-items .resonance-item:nth-child(1) {
        left: 0;
        top: 0;
        width: 17.424vw;
    }

    .resonance-items .resonance-item:nth-child(2) {
        top: 8.437vw;
        left: 0;
        width: 14.322vw;
    }

    .resonance-items .resonance-item:nth-child(3) {
        top: 15.625vw;
        left: 0;
        width: 11.093vw;
    }

    .resonance-items .resonance-item:nth-child(4) {
        top: 4.427vw;
        right: 0;
        width: 13.072vw;
    }

    .resonance-items .resonance-item:nth-child(5) {
        top: 12.864vw;
        right: 0;
        width: 12.812vw;
    }

    .resonance-items .resonance-item:nth-child(6) {
        top: 20.052vw;
        right: 0;
        width: 17.187vw;
    }

    p.resonance__bottom {
        font-size: 1.250vw;
        line-height: 130%;
    }

    .absolute__block {
        top: 12.968vw;
        left: 41.770vw;
        width: 8.541vw;
        height: 8.541vw;
    }

    .absolute__block img:nth-child(1) {
        width: 8.541vw;
        height: 8.541vw;
    }

    .absolute__block img:nth-child(2) {
        top: 0.572vw;
        left: 1.145vw;
        width: 6.145vw;
        height: 6.145vw;
    }

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

    .absolute__block img:nth-child(3) {
        width: 4.114vw;
        height: 4.114vw;
        top: 1.562vw;
        left: 2.187vw;
    }

    .absolute__block img:nth-child(4) {
        width: 0.625vw;
        height: 0.677vw;
        top: 3.281vw;
        left: 3.958vw;
    }

    .digitization__bg {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 89.583vw;
        max-height: 33.750vw;
    }

    .digitization__content {
        padding: 5.208vw 0;
        gap: 6.406vw;
    }

    .digitization__content h2 {
        font-size: 2.500vw;
        line-height: 130%;
        margin-bottom: 1.041vw;
    }

    .digitization__content .left p {
        width: 25.781vw;
    }

    .digitization__content .left p {
        font-size: 1.041vw;
        margin-bottom: 2.083vw;
    }

    .digitization__steps {
        gap: 1.041vw;
    }

    .digitization__step {
        width: 11.927vw;
        padding: 1.562vw;
        border-radius: 0.885vw;
    }

    .digitization__step p.num {
        padding: 0.572vw 0.989vw;
        margin-left: auto;
        margin-bottom: 1.562vw;
        border: 0.052vw solid #EBEBED;
        font-size: 0.729vw;
        width: max-content;
        border-radius: 1.041vw;
    }

    .digitization__step p.text {
        font-size: 0.833vw;
    }

    .digitization__step p.text span {
        font-size: 0.833vw;
    }

    .digitization__step:nth-child(3) {
        width: 28.020vw;
        gap: 1.666vw;
    }

    .digitization__step:nth-child(3) img {
        width: 11.406vw;
    }

    .home__top-steps .step .right img {
        width: 1.666vw;
        height: 1.666vw;
    }

    .test__period .bottom img {
        width: 1.041vw;
        height: 1.093vw;
    }

    .header__logo img {
        width: 15.156vw;
    }

    .digitization .bottom {
        padding: 0 1.666vw;
        margin-top: 1.041vw;
        gap: 0.625vw;
    }

    .digitization .bottom img {
        width: 1.250vw;
        height: 1.250vw;
    }

    .digitization .bottom p {
        font-size: 0.833vw;
    }

    h2.title.left {
        max-width: 40.208vw;
    }

    .tabs__top-item {
        width: max-content;
        padding: 0.833vw 2.708vw 0.833vw 1.354vw;
        gap: 0.416vw;
    }

    .tabs__top-item p {
        width: max-content;
        font-size: 0.833vw;
        line-height: 130%;
    }

    .tabs__top-item img {
        width: 0.937vw;
        height: 0.937vw;
    }

    .mask-block {
        top: 0;
        left: 0;
        width: 100%;
    }

    .tabs__item {
        gap: 2.604vw;
        padding: 3.645vw 3.125vw;
    }

    .tabs__item h4 {
        font-size: 2.083vw;
        line-height: 130%;
        margin-bottom: 1.562vw;
    }

    .tabs__item p.subtitle {
        font-size: 1.041vw;
        margin-bottom: 1.041vw;
    }

    .tabs__item p.list__item {
        font-size: 0.833vw;
        margin-bottom: 1.041vw;
        padding-left: 0.833vw;
    }

    .tabs__item p.list__item:last-child {
        margin-bottom: 0;
    }

    .tabs__item p.list__item::after {
        width: 0.312vw;
        height: 0.312vw;
        border-radius: 50%;
        top: 0.520vw;
        left: 0;
    }

    .tabs {
        margin: 4.166vw 0;
    }

    .tabs h2 {
        margin-bottom: 2.083vw;
    }

    .form__block-bg {
        width: 89.583vw;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }

    .form__block-container {
        padding: 5.208vw 0;
        gap: 4.218vw;
    }

    .form__block-container .left h3 {
        width: 36.718vw;
        font-size: 2.500vw;
        line-height: 120%;
        margin-bottom: 1.041vw;
    }

    .form__block-container .left p {
        width: 29.583vw;
        font-size: 1.041vw;
    }

    .form__block-container .left .items {
        gap: 1.562vw;
        margin-top: 2.135vw;
    }

    .form__block-container .left .item {
        width: 11.354vw;
        gap: 0.729vw;
        margin-left: auto;
    }

    .form__block-container .left .item img {
        width: 1.666vw;
        height: 1.666vw;
    }

    .form__block-container .left .item p {
        font-size: 0.833vw;
        line-height: 100%;
    }

    .form__block-container .right {
        padding: 2.083vw;
        border-radius: 1.041vw;
    }

    .form__block-container .right p {
        font-size: 1.041vw;
        margin-bottom: 1.250vw;
    }

    .form__block-container .right input {
        width: calc(100% - 3.645vw);
        margin-bottom: 1.041vw;
        padding: 1.510vw 1.822vw;
        font-size: 0.937vw;
        line-height: 100%;
        border: 0.052vw solid #EBEBED;
        border-radius: 0.625vw;
    }

    .form__block-container .right button {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 0.520vw;
    }

    .form__block-container .form__checkbox-label {
        gap: 0.520vw;
        padding: 0 0.937vw;
    }

    .form__block-container .form__checkbox-label span {
        font-size: 0.625vw;
        width: max-content;
    }

    .form__block-container .form__checkbox-label input {
        width: 0.729vw;
        height: 0.729vw;
        margin: 0;
        border-radius: 0.104vw;
        padding: 0;
    }

    .form__block-container .form__checkbox-label input:checked::after {
        left: 0.208vw;
        top: 0.000vw;
        width: 0.208vw;
        height: 0.416vw;
        border-width: 0 0.104vw 0.104vw 0;
        transform: rotate(45deg);
    }

    .request__report h3 {
        font-size: 2.500vw;
        line-height: 120%;
        margin-bottom: 2.083vw;
    }

    .request__report-items {
        gap: .95vw;
        width: 41.875vw;
    }

    .request__report-item {
        width: 17.291vw;
        padding: 1.510vw;
        border: 0.052vw solid #BFD5FF;
        border-radius: 1.041vw;
    }

    .request__report-item {
        height: 10.416vw;
    }

    .request__report-items-wrapper {
        gap: .95vw;
    }

    .request__report-item.height {
        height: 25.000vw;
    }

    .request__report-item img {
        width: 1.666vw;
        height: 1.666vw;
        padding: 0.729vw;
        border-radius: 0.781vw;
        margin-left: auto;
        margin-bottom: 1.562vw;
    }

    .request__report-item.height img {
        margin-bottom: 2.812vw;
    }

    .request__report-item p.title {
        font-size: 1.041vw;
        margin-bottom: 0.520vw;
    }

    .request__report-item p.text {
        font-size: 0.833vw;
    }

    .request__report-items-wrapper .bottom__image {
        width: 17.291vw;
        margin-top: 2.395vw;
        height: 10.833vw;
        padding: 0;
        border-radius: 0;
        border-radius: 0.781vw;
    }

    .request__report a.button {
        margin: 2.083vw auto 4.166vw;
    }

    .video {
        height: 41.145vw;
    }

    .video__bg {
        left: 0;
        top: 0;
        width: 100vw;
    }

    .video__content-bg {
        width: 59.270vw;
        left: 2.031vw;
        top: 4.166vw;
    }

    .video__content h3 {
        font-size: 1.666vw;
        line-height: 120%;
        margin-bottom: 20.052vw;
        padding-top: 6.770vw;
    }

    .video__content a.play img {
        width: 6.041vw;
        height: 6.041vw;
    }

    .video__content a.play {
        width: 6.041vw;
        height: 6.041vw;
        top: 50%;
        left: 50%;
        transform: translate(-3.020vw, 0);
    }

    .video__content .video__logo {
        margin: 0 auto;
        width: 12.187vw;
    }

    .contact__form.form__block .contact__form-bg {
        left: 50%;
        transform: translateX(-50%);
        width: 89.583vw;
        max-height: 33.906vw;
        top: 0;
    }

    .contact__form.form__block {
        height: 33.906vw;
    }

    .contact__form {
        margin: 0 0 4.166vw;
    }

    .rate__content .top,
    .rate__content .bottom {
        padding: 2.083vw;
        border-radius: 1.562vw;
    }

    .rate__content {
        margin-left: 40.937vw;
    }

    .rate__content .top,
    .rate__content .bottom {
        border-radius: 1.562vw;
        padding: 2.083vw;
        border: 0.052vw solid #4AA3FF;
    }

    .rate__content .top {
        border-bottom: 0.052vw dashed #4AA3FF;
    }

    .rate__content .top .top__window {
        padding: 0.677vw 1.197vw;
        width: max-content;
        margin: 0 auto;
        gap: 0.416vw;
        border: 0.052vw solid #EBEBED;
        border-radius: 1.250vw;
        margin-bottom: 0.625vw;
    }

    .rate__content .top .top__window img {
        width: 0.937vw;
        height: 0.937vw;
    }

    .rate__content .top .top__window p {
        font-size: 0.833vw;
        line-height: 100%;
    }

    .rate__content .top p.title {
        font-size: 2.083vw;
        line-height: 120%;
        margin-bottom: 2.083vw;
    }

    .rate {
        height: 46.145vw;
        margin-top: 8.333vw;
        position: relative;
    }
    .rate-bg {
        width: 100vw;
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1;
    }

    .rate__content .top .items {
        gap: 1.250vw;
    }

    .rate__content .top .item {
        gap: 0.625vw;
    }

    .rate__content .top .item img {
        width: 1.250vw;
        height: 1.250vw;
    }

    .rate__content .top .item p {
        font-size: 0.937vw;
        line-height: 100%;
    }

    .rate__content .bottom .price {
        gap: 0.520vw;
        margin-bottom: 1.041vw;
    }

    .rate__content .bottom .price img {
        width: 1.250vw;
        height: 1.250vw;
    }

    .rate__content .bottom .price p {
        font-size: 1.666vw;
        line-height: 100%;
    }

    .rate__content .bottom .list {
        padding-top: 1.041vw;
        border-top: 0.052vw solid #EBEBED;
        margin-bottom: 1.562vw;
    }

    .rate__content .bottom .list p,
    .rate__content .bottom .list span {
        font-size: 0.833vw;
        line-height: 120%;
    }

    .rate__content a.button {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .about {
        height: 36.406vw;
    }

    img.about-bg {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 89.583vw;
    }

    .about__content h3 {
        width: 26.510vw;
        font-size: 2.500vw;
        line-height: 130%;
        margin-bottom: 2.083vw;
        padding-top: 5.208vw;
    }

    .about__content p {
        font-size: 0.937vw;
    }

    .about__content p+p {
        margin-top: 1.041vw;
    }

    .about__content p.name {
        width: max-content;
        margin-left: auto;
        margin-bottom: 0.312vw;
        padding-left: 0.833vw;
        font-size: 1.041vw;
        line-height: 100%;
    }

    .about__content p.name::after {
        top: 50%;
        left: 0;
        width: 0.312vw;
        height: 0.312vw;
        transform: translateY(-0.156vw);
        border-radius: 50%;
    }

    .about__content p.job {
        font-size: 0.833vw;
        line-height: 100%;
        width: max-content;
        margin-left: auto;
    }

    .about__content {
        width: 26.510vw;
    }

    .changes {
        padding: 4.166vw 0;
    }

    .changes__content h3 {
        width: 41.145vw;
        font-size: 2.500vw;
        padding-bottom: 2.083vw;
    }

    .changes__content .arrow__left,
    .changes__content .arrow__rigth {
        top: 50%;
        transform: translateY(1.250vw);
        width: 2.500vw;
        height: 2.500vw;
    }

    .changes__content .arrow__left {
        left: -4.583vw;
    }

    .changes__content .arrow__rigth {
        right: -4.583vw;
    }

    .changes__slider-item {
        padding: 3.125vw;
        gap: 2.083vw;
    }

    .changes__slider-item .left img {
        width: 29.322vw;
        height: 17.187vw;
    }

    .changes__slider-item {
        border-radius: 3.125vw;
    }

    .changes__slider-item .right .num {
        top: 1.562vw;
        right: 1.562vw;
        padding: 0.468vw 0.989vw;
        border: 0.052vw solid #EBEBED;
        border-radius: 1.041vw;
    }

    .changes__slider-item .right .num p {
        font-size: 0.729vw;
        line-height: 130%;
    }

    .changes__slider-item .right .num p span {
        font-size: 0.729vw;
        line-height: 130%;
    }

    .changes__slider-item .right h4 {
        font-size: 1.666vw;
        line-height: 130%;
        margin-bottom: 0.520vw;
    }

    .changes__slider-item .right p.subtitle {
        font-size: 0.937vw;
        margin-bottom: 1.562vw;
    }

    .changes__slider-item .right p.subtitle span {
        font-size: 0.937vw;
    }

    .changes__slider-item .right .problems {
        gap: 0.520vw;
    }

    .changes__slider-item .right .problem {
        padding: 1.041vw;
        border-radius: 1.041vw;
    }

    .changes__slider-item .right .problem .top {
        gap: 0.416vw;
    }

    .changes__slider-item .right .problem .top img {
        width: 0.937vw;
        height: 0.937vw;
    }

    .changes__slider-item .right .problem .top p {
        font-size: 0.833vw;
    }

    .changes__slider-item .right p.problem__text {
        font-size: 0.833vw;
    }

    .changes__bottom-content {
        margin: 4.166vw 0 0;
        padding: 2.083vw 5.208vw;
    }

    .changes__bottom-content img {
        left: 0;
        top: 0;
    }

    .changes__bottom-content .left p.title {
        font-size: 1.875vw;
        line-height: 130%;
        margin-bottom: 1.041vw;
    }

    .changes__bottom-content .left p.text {
        font-size: 0.833vw;
    }

    .changes__bottom-content .left p.text span {
        font-size: 0.833vw;
    }

    .comment__slide {
        width: 17.291vw;
        padding: 1.562vw;
        border-radius: 1.041vw;
    }

    .comment__slides {
        gap: 1.041vw;
    }

    .comment__slide .top {
        gap: 0.833vw;
    }

    .comment__slide .top img {
        width: 3.125vw;
        height: 3.125vw;
    }

    .comment__slide .top .right .name {
        font-size: 0.937vw;
        margin-bottom: 0.104vw;
    }

    .comment__slide .top .right .inform {
        font-size: 0.729vw;
    }

    .comment__slide .raiting {
        margin: 1.250vw 0;
        gap: 0.208vw;
    }

    .comment__slide .raiting img {
        height: 0.781vw;
    }

    .comment__slide .raiting p.date {
        width: max-content;
        padding-left: 1.145vw;
        font-size: 0.729vw;
    }

    .comment__slide .raiting p.date::after {
        left: 0.442vw;
        top: 50%;
        width: 0.156vw;
        height: 0.156vw;
        transform: translateY(-0.078vw);
    }

    .comment__slide .text__comment p {
        font-size: 0.833vw;
    }

    .comment__slide .text__comment p+p {
        margin-top: 1.041vw;
    }

    .comment__content h3 {
        font-size: 2.500vw;
        line-height: 120%;
        width: 47.031vw;
        padding: 4.166vw 0 2.083vw;
    }

    .comment__slider-wrapper .arrow__left,
    .comment__slider-wrapper .arrow__rigth {
        top: 50%;
        transform: translateY(-1.250vw);
        width: 2.500vw;
        height: 2.500vw;
    }

    .comment__slider-wrapper .arrow__left {
        left: -4.583vw;
    }

    .comment__slider-wrapper .arrow__rigth {
        right: -4.583vw;
    }

    .comment {
        padding-bottom: 4.166vw;
    }

    .accordeon {
        padding: 4.166vw 0;
    }

    .accordeon h3 {
        font-size: 2.500vw;
        line-height: 120%;
        margin-bottom: 2.083vw;
    }

    .accordeon__content {
        margin: 0 auto;
    }

    .accordeon__item {
        border: 0.052vw solid #EBEBED;
        border-radius: 1.041vw;
        margin-bottom: 1.041vw;
    }

    .accordeon__item.active {
        border: 0.052vw solid #BFD5FF;
    }

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

    .accordeon__header {
        padding: 1.562vw;
        gap: 1.041vw;
    }

    .accordeon__question {
        font-size: 1.041vw;
        line-height: 120%;
        margin: 0;
    }

    .accordeon__toggle {
        width: 2.500vw;
        height: 2.500vw;
        border-radius: 50%;
        padding: 0;
    }

    .accordeon__icon {
        font-size: 1.406vw;
        line-height: 1;
        line-height: 1.406vw;
        height: max-content;
        width: 0.781vw;
        height: 1.510vw;
    }

    .accordeon__body {
        max-height: 0;
        padding: 0 1.562vw;
    }

    .accordeon__item.active .accordeon__body {
        max-height: 52.083vw;
        padding: 0 1.562vw 1.562vw;
        width: 52.604vw;
    }

    .accordeon__answer {
        font-size: 0.833vw;
        line-height: 150%;
        margin: 0;
        width: 41.666vw;
    }

    .accordeon__item.active .accordeon__icon.accordeon__icon--plus {
        transform: rotate(-45deg);
    }

    .form__block.bottom__form .left p {
        width: 30.677vw;
    }

    .bottom__form-items {
        margin-top: 1.562vw;
    }

    .bottom__form-item,
    .bottom__form-items {
        gap: 1.562vw;
    }

    .bottom__form-item {
        gap: 0.729vw;
    }

    .bottom__form-item img {
        width: 1.666vw;
        height: 1.666vw;
    }

    .form__block.bottom__form .bottom__form-item p {
        font-size: 0.833vw;
        line-height: 100%;
        width: max-content;
    }

    .footer__content {
        padding: 1.562vw 0;
    }

    .footer__content .left img {
        width: 15.156vw;
    }

    .footer__content .left a {
        margin-bottom: 1.041vw;
    }

    .footer__content .left p {
        font-size: 0.729vw;
    }

    .footer__content .right .phone,
    .footer__content .right .mail {
        gap: 0.520vw;
        margin-left: auto;
        width: max-content;
        margin-bottom: 1.250vw;
    }

    .footer__content .right .phone img,
    .footer__content .right .mail img {
        width: 1.041vw;
        height: 1.041vw;
    }

    .footer__content .right .phone a {
        font-size: 1.041vw;
        line-height: 100%;
    }

    .footer__content .right .mail p {
        font-size: 0.833vw;
        line-height: 100%;
    }

    .footer__content .right .footer__social {
        gap: 1.041vw;
    }

    .footer__content .right .footer__social img {
        width: 1.398vw;
        height: 1.398vw;
        padding: 0.524vw;
        border-radius: 2.604vw;
    }

    .footer__content .right .footer__social a.footr__btn {
        font-size: 0.833vw;
        line-height: 100%;
        border-radius: 1.354vw;
        padding: 0.937vw 1.354vw;
    }

    .footer__copy {
        border-top: 0.052vw solid rgba(235, 235, 237, 0.2);
        padding: 1.562vw 0;
    }

    .footer__copy .top p {
        font-size: 0.625vw;
    }

    .footer__copy .top .links {
        gap: 2.083vw;
    }

    .footer__copy .top .links a {
        font-size: 0.625vw;
    }

    .footer__copy p.bottom {
        margin-top: 0.625vw;
        font-size: 0.572vw;
    }
}



































@media(max-width:450px) {

    /* Скрываем десктопное меню и соц. сети */
    .header__content>.header__menu,
    .header__content>.header__social {
        display: none;
    }

    /* Показываем кнопку-бургер */
    .header__burger {
        display: flex;
    }

    .container {
        padding: 0 4.687vw;
        width: calc(100vw - 9.375vw);
        max-width: calc(100vw - 9.375vw);
    }

    .header {
        padding: 6.250vw 0;
    }

    .header__mobile-menu {
        max-width: 100%;
    }

    .header__mobile-menu-content {
        padding: 21.875vw 6.250vw 6.250vw;
        gap: 9.375vw;
    }

    .header__mobile-menu .header__menu a {
        font-size: 5.000vw;
    }

    .header__mobile-menu .header__social .tel a {
        font-size: 5.000vw;
    }

    .header__mobile-menu .header__btn {
        font-size: 4.375vw;
        padding: 4.687vw 6.250vw;
    }

    .header__logo img {
        width: 62.187vw;
    }

    .home__top-content {
        padding: 12.500vw 0;
    }

    .home__top .home__top-bg {
        position: absolute;
        top: -26.093vw;
        height: calc(100% + 26.093vw);
    }

    .desctop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .home__top .mini__block {
        border-radius: 4.375vw;
        padding: 2.187vw 4.062vw;
        margin: 0 auto;
        gap: 1.875vw;
        border: 0.312vw solid #ECECEC;
        width: max-content;
        margin-bottom: 3.125vw;
    }

    .home__top .mini__block img {
        width: 4.375vw;
        height: 4.375vw;
    }

    .home__top .mini__block p {
        font-size: 3.750vw;
        line-height: 100%;
    }

    h1.home__top-title {
        font-size: 7.500vw;
        line-height: 120%;
        margin-bottom: 6.250vw;
        text-align: center;
    }

    p.home__top-subtitle {
        font-size: 4.062vw;
        line-height: 150%;
        width: 90.625vw;
        text-align: center;
        margin-bottom: 81.250vw;
    }

    p.home__top-subtitle br {
        display: none;
    }

    .test__period .top {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        gap: 4.375vw;
    }

    .test__period .top p {
        font-size: 3.750vw;
        text-align: center;
    }

    .changes__bottom-content a.button,
    .rate__content a.button,
    .request__report a.button,
    .form__block-container .right button,
    .digitization__content .left a.button,
    .test__period .top a {
        font-size: 4.062vw;
        line-height: 100%;
        padding: 8.125vw 9.375vw;
        border-radius: 10.937vw;
    }
    .rate__content a.button{
        padding-left: 0;
        padding-right: 0;
    }

    .test__period .bottom {
        gap: 1.875vw;
        margin-top: 3.125vw;
        margin-left: 0;
        justify-content: center;
    }

    .test__period .bottom img {
        width: 4.375vw;
        height: 4.375vw;
    }

    .test__period .bottom p {
        font-size: 3.750vw;
        line-height: 100%;
    }

    .test__period {
        margin-bottom: 12.500vw;
    }

    .home__top-steps {
        flex-direction: column;
        gap: 3.125vw;
    }

    .home__top-steps .step {
        width: 78.125vw;
        padding: 6.250vw;
        border-radius: 6.250vw;
    }

    .home__top-steps .step .left p.num {
        font-size: 3.750vw;
        line-height: auto;
        margin-bottom: 3.125vw;
    }

    .home__top-steps .step .left p.text {
        font-size: 4.375vw;
        line-height: auto;
    }

    .home__top-steps .step .right {
        padding: 3.437vw;
        border-radius: 3.750vw;
    }

    .home__top-steps .step .right img {
        width: 7.500vw;
        height: 7.500vw;
    }

    .absolute__block {
        top: 84.062vw;
        left: 9.062vw;
        width: 24.303vw;
        height: 24.303vw;
    }

    .absolute__block img:nth-child(1) {
        width: 24.303vw;
        height: 24.303vw;
    }

    .absolute__block img:nth-child(2) {
        top: 2.187vw;
        left: 4.062vw;
        width: 16.250vw;
        height: 16.250vw;
    }

    .absolute__block img:nth-child(3) {
        width: 10.874vw;
        height: 10.874vw;
        top: 4.843vw;
        left: 6.718vw;
    }

    .absolute__block img:nth-child(4) {
        width: 3.750vw;
        height: 3.750vw;
        top: 8.437vw;
        left: 10.625vw;
    }

    .header__menu li {
        height: max-content;
    }

    .header__mobile-menu .header__menu a {
        padding: 0;
    }

    .header__mobile-menu-content .tel p {
        font-size: 3.750vw;
        line-height: 150%;
        text-align: center;
    }

    .header__mobile-menu-content .tel a {
        margin-top: 6.250vw;
        text-align: center;
        display: block;
    }

    .header__mobile-menu-content .social {
        display: flex;
        justify-content: center;
        gap: 3.125vw;
    }

    .header__mobile-menu-content .social a {
        padding: 3.125vw;
        border: 0.312vw solid #ECECEC;
        border-radius: 50%;
        background-color: #F8F8F8;
    }

    .header__mobile-menu .header__btn {
        font-size: 4.062vw;
        line-height: 100%;
        padding: 8.125vw 0;
        border-radius: 10.937vw;
        width: 100%;
    }

    .resonance-items .resonance__bg {
        width: 100vw;
        top: auto;
        left: 0;
        position: absolute;
        bottom: 0;
    }

    .resonance-items {
        margin: 6.250vw 0 0;
        padding-bottom: 62.500vw;
        height: auto;
    }

    .resonance-items .resonance-item {
        padding: 6.250vw;
        border-radius: 6.250vw;
        border: 0.312vw solid #ECECEC;
        gap: 5.000vw;
        position: unset;
    }

    .resonance {
        padding: 12.500vw 0;
    }

    h2.title {
        font-size: 7.500vw;
    }

    .resonance-items .resonance-item p {
        font-size: 4.062vw;
    }

    .resonance-items .resonance-item img {
        width: 8.125vw;
        height: 8.125vw;
    }

    .resonance-items .resonance-item:nth-child(1) {
        width: 78.125vw;
    }

    .resonance-items .resonance-item:nth-child(2) {
        width: 70.000vw;
    }

    .resonance-items .resonance-item:nth-child(3) {
        width: 52.500vw;
    }

    .resonance-items .resonance-item:nth-child(4) {
        width: 78.125vw;
        flex-direction: row;
    }

    .resonance-items .resonance-item:nth-child(5) {
        width: 62.812vw;
        flex-direction: row;
    }

    .resonance-items .resonance-item:nth-child(6) {
        width: 78.125vw;
        flex-direction: row;
    }

    .resonance-items {
        display: flex;
        flex-direction: column;
        gap: 3.125vw;
    }

    p.resonance__bottom {
        font-size: 5.000vw;
        width: 80.625vw;
        margin: 0 auto;
    }

    p.resonance__bottom br {
        display: none;
    }

    .digitization__content {
        padding: 6.250vw;
        gap: 6.406vw;
    }

    .digitization__content {
        flex-direction: column;
    }

    .digitization__content h2 {
        font-size: 7.500vw;
        line-height: 130%;
        margin-bottom: 4.375vw;
    }

    .digitization__content .left p {
        font-size: 4.062vw;
        margin-bottom: 6.250vw;
        width: auto;
    }

    .digitization__steps {
        flex-direction: column;
        gap: 3.125vw;
    }

    .digitization__step:nth-child(3),
    .digitization__step {
        width: 65.625vw;
        padding: 6.250vw;
        border-radius: 6.250vw;
    }

    .digitization__step p.num {
        padding: 2.187vw 4.062vw;
        margin-left: auto;
        margin-bottom: 4.375vw;
        border: 0.312vw solid #EBEBED;
        font-size: 3.750vw;
        width: max-content;
        border-radius: 6.250vw;
    }

    .digitization__step p.text span,
    .digitization__step p.text {
        font-size: 4.062vw;
    }

    .digitization__step:nth-child(3) {
        flex-direction: column;
    }

    .digitization__step:nth-child(3) img {
        width: 65.625vw;
        margin-bottom: 4.375vw;
    }

    .digitization .bottom {
        padding: 0 4.375vw;
        margin-top: 3.125vw;
        gap: 3.125vw;
    }

    .digitization .bottom img {
        width: 5.625vw;
        height: 5.625vw;
    }

    .digitization .bottom p span,
    .digitization .bottom p {
        font-size: 3.750vw;
    }

    .digitization .bottom {
        align-items: start;
    }

    h2.title.left {
        max-width: 90.625vw;
        font-size: 6.250vw;
    }
.comment__content .top,
    .changes__content .top,
    .tabs__mobile.mobile .top {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3.125vw;
        margin: 6.250vw 0 4.375vw;
    }
.comment__content .top img,
    .changes__content .top img,
    .tabs__mobile.mobile .top img {
        width: 5.000vw;
        height: 5.000vw;
    }
    .comment__content .top p,
    .changes__content .top p,
    .tabs__mobile.mobile .top p {
        font-size: 3.125vw;
        line-height: 120%;
        width: 60.312vw;
    }

    .tabs__mobile.mobile .tabs__mobile-header-items {
        padding-left: 4.687vw;
        overflow: scroll;
        width: calc(100vw - 4.687vw);
        display: flex;
        gap: 1.250vw;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .tabs__mobile.mobile .tabs__mobile-header-items::-webkit-scrollbar {
        display: none;
    }

    .tabs__mobile-header-item {
        padding: 2.343vw 2.812vw;
        border: 0.312vw solid #EBEBED;
        border-radius: 4.687vw;
        display: flex;
        align-items: center;
        gap: 1.875vw;
    }

    .tabs__mobile-header-item img {
        width: 4.375vw;
        height: 4.375vw;
    }

    .tabs__mobile-header-item p {
        font-size: 3.125vw;
        line-height: 130%;
        color: #556073;
        width: max-content;
    }

    .tabs__mobile.mobile .tabs__mobile-header-items {
        margin-bottom: 10.312vw;
    }

    .tabs__mobile-slider-item {
        width: 78.125vw;
        padding: 6.250vw 6.250vw 6.250vw;
        flex-direction: column;
        position: relative;
        margin-top: 5.937vw;
        background-color: #f4f8fe;
        border: 0.312vw solid #bfd5ff;
        border-top: none;
        border-radius: 10.000vw;
    }

    .tabs__mobile-slider-item h4 {
        color: #2D384B;
        background-color: transparent;
        font-size: 7.500vw;
        line-height: 130%;
        margin-bottom: 5.000vw;
        font-weight: 700;
    }

    .tabs__mobile-slider-item p.subtitle {
        font-size: 4.375vw;
        line-height: 150%;
        margin-bottom: 3.125vw;
    }

    .tabs__mobile-slider-bg {
        position: absolute;
        left: -0.312vw;
        top: -5.937vw;
        z-index: -1;
        width: 90.937vw;
    }

    .tabs__mobile-slider .list__list__items {
        display: flex;
        flex-direction: column;
        gap: 3.125vw;
    }

    .tabs__mobile-slider .list__item {
        padding-left: 5.000vw;
        position: relative;
        font-size: 4.062vw;
        line-height: 150%;
    }

    .tabs__mobile-slider .list__item::after {
        content: '';
        left: 0;
        top: 3.125vw;
        width: 1.875vw;
        height: 1.875vw;
        border-radius: 50%;
        background-color: #D824DF;
        position: absolute;
    }

    .tabs__mobile-slide-img {
        margin-top: 6.250vw;
        width: 78.125vw;
        height: 51.562vw;
    }

    .tabs__mobile-slider-item::after {
        position: absolute;
        left: 0.000vw;
        top: -0.937vw;
        background-color: #f4f8fe;
        content: '';
        width: 9.375vw;
        height: 9.375vw;
    }

    .tabs__mobile-slider-item {
        min-height: 135.625vw;
    }

    .tabs__mobile-header-item.active {
        background-color: #f4f8fe;
        border: 0.312vw solid #bfd5ff;
    }

    .tabs__mobile-header-item.active p {
        color: #0053F8;
    }

    .container {
        overflow: hidden;
    }

    .digitization__bg.mobile {
        height: 100%;
        width: 90.625vw;
        left: 4.687vw;
        bottom: 0;
        top: auto;
        max-height: none;
        transform: translate(0);
    }

    .form__block-container {
        padding: 6.250vw 0;
        display: block;
    }

    .form__block-container .left h3 {
        width: auto;
        font-size: 7.500vw;
        line-height: 120%;
        margin: 0 6.250vw;
        margin-bottom: 4.375vw;
    }

    .form__block-container .left p {
        width: auto;
        font-size: 4.062vw;
        margin: 0 6.250vw;
    }

    .form__block-container .left .items {
        gap: 4.375vw;
        margin: 0 6.250vw;
        margin-top: 6.250vw;
        flex-direction: row;
    }

    .form__block-container .left .item {
        width: 25.624vw;
        gap: 3.125vw;
        margin-left: auto;
        flex-direction: column;
    }

    .form__block-container .left .item img {
        width: 8.125vw;
        height: 8.125vw;
        margin-right: auto;
    }

    .form__block-container .left .item p {
        font-size: 3.750vw;
        line-height: 100%;
        margin: 0;
    }

    .form__block-container .right {
        padding: 4.375vw;
        border-radius: 6.250vw;
        margin: 0 6.250vw;
        margin-top: 40.312vw;
    }

    .form__block-container .right p {
        font-size: 5.000vw;
        margin-bottom: 4.375vw;
    }

    .form__block-container .right input {
        width: 52.187vw;
        margin-bottom: 3.750vw;
        padding: 6.875vw 8.125vw;
        font-size: 4.375vw;
        line-height: 100%;
        border: 0.312vw solid #EBEBED;
        border-radius: 4.687vw;
    }

    .form__block-container .form__checkbox-label input {
        width: 4.375vw;
        height: 4.375vw;
        margin: 0;
        border-radius: 1.250vw;
        padding: 0;
    }

    .form__block-container .form__checkbox-label input:checked::after {
        left: 1.250vw;
        top: 0.312vw;
        width: 1.250vw;
        height: 2.187vw;
        border-width: 0 0.104vw 0.104vw 0;
        transform: rotate(45deg);
    }

    .form__block-container .form__checkbox-label span {
        font-size: 2.500vw;
        width: max-content;
    }

    .form__block-container .right button {
        padding: 5.625vw 9.375vw;
    }

    .form__block-container .form__checkbox-label {
        gap: 2.500vw;
        padding: 0;
    }

    .request__report h3 {
        font-size: 7.500vw;
        line-height: 120%;
        margin-bottom: 6.250vw;
        margin-top: 12.500vw;
        color: #2D384B;
    }

    .request__report-items-wrapper {
        display: flex;
        flex-direction: column;
        gap: 3.125vw;
    }

    .request__report-items {
        gap: 3.125vw;
        width: 90.625vw;
        flex-direction: column;
    }

    .request__report-item {
        height: auto;
    }

    .request__report-item {
        width: 78.125vw;
        padding: 5.937vw;
        border: 0.312vw solid #BFD5FF;
        border-radius: 6.250vw;
    }

    .request__report-item img {
        width: 7.500vw;
        height: 7.500vw;
        padding: 3.437vw;
        border-radius: 3.437vw;
        margin-left: auto;
        margin-bottom: 3.125vw;
    }

    .request__report-item p.title {
        font-size: 5.000vw;
        margin-bottom: 3.125vw;
    }

    .request__report-item p.text {
        font-size: 4.062vw;
    }

    .request__report-item.height {
        height: auto;
    }

    .request__report-items-wrapper .bottom__image {
        width: 78.125vw;
        margin-top: 5.000vw;
        height: auto;
        padding: 0;
        border-radius: 0;
        border-radius: 3.437vw;
    }

    .request__report-item.height img {
        margin-bottom: 0;
    }

    .tabs {
        margin: 12.500vw 0 21.250vw;
    }

    .dots {
        display: flex;
        gap: 3.125vw;
        position: absolute;
        bottom: -8.750vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .tabs__mobile-slider {
        position: relative;
    }

    .dot {
        width: 2.500vw;
        height: 2.500vw;
        background-color: #BFD5FF;
        border-radius: 50%;
    }

    .dot.active {
        background-color: #2D384B;
    }

    .tabs__mobile-header {
        position: relative;
    }

    .changes {
        padding: 12.500vw 0;
    }

    .changes__content h3 {
        width: auto;
        font-size: 7.500vw;
        padding-bottom: 0;
    }

    .arrow__left,
    .arrow__rigth {
        display: none;
    }

    .changes__slider-item {
        padding: 6.250vw;
        gap: 6.250vw;
        border-radius: 6.250vw;
        flex-direction: column-reverse;
    }

    .changes__slider-item .right .num {
        display: none;
    }

    .changes__slider-item .right h4 {
        font-size: 5.625vw;
        line-height: 130%;
        margin-bottom: 1.875vw;
    }

    .changes__slider-item .left,
    .changes__slider-item .right {
        width: 100%;
    }

    .changes__slider-item .right p.subtitle span,
    .changes__slider-item .right p.subtitle {
        font-size: 4.375vw;
        margin-bottom: 5.000vw;
    }

    .changes__slider-item .right .problem {
        padding: 4.375vw;
        border-radius: 4.375vw;
    }

    .changes__slider-item .right .problem .top {
        gap: 2.500vw;
    }

    .changes__slider-item .right .problem .top img {
        width: 5.625vw;
        height: 5.625vw;
    }

    .changes__slider-item .right .problem .top p {
        font-size: 4.375vw;
    }

    .changes__slider-item .right p.problem__text {
        font-size: 4.062vw;
    }

    .changes__slider-item .left img {
        width: 78.125vw;
        height: 45.937vw;
    }

    .changes__content .dots {
        display: flex;
    }

    .changes__slider-wrapper {
        margin-bottom: 18.125vw;
    }

    .changes__bottom-content {
        margin: 0;
        padding: 6.250vw;
        flex-direction: column;
    }

    .changes__bottom-content .left p.title {
        font-size: 6.250vw;
        line-height: 130%;
        margin-bottom: 4.375vw;
        text-align: center;
    }

    .changes__bottom-content .left p.text {
        font-size: 4.062vw;
        text-align: center;
        margin-bottom: 6.250vw;
    }

    .changes__bottom-content .left p.text span {
        font-size: 4.062vw;
    }

    .changes__bottom-content img {
        width: 100%;
    }

    .video {
        height: 50.312vw;
        padding: 12.500vw 0;
    }

    .video__content-bg {
        width: 90.625vw;
        left: 0;
        top: 0;
        height: 50.312vw;
        border-radius: 6.250vw;
    }

    .video__content {
        height: 50.312vw;
    }

    .video__content a.play img {
        width: 18.750vw;
        height: 18.750vw;
    }

    .video__content a.play {
        width: 18.750vw;
        height: 18.750vw;
        top: 50%;
        left: 50%;
        transform: translate(-9.375vw, -9.375vw);
    }

    .contact__form.form__block .contact__form-bg {
        left: 3.125vw;
        min-width: 90.625vw;
        max-width: 90.625vw;
        max-height: 219.062vw;
        top: 0;
        transform: translateX(1.562vw);
    }

    .contact__form-content.form__block-container .right {
        margin-top: 37.187vw;
    }

    .contact__form.form__block {
        height: 219.062vw;
    }

    .rate-bg {
        position: unset;
    }

    .rate {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        padding-top: 0;
    }

    .rate-bg {
        width: 100vw;
        max-height: max-content;
    }

    .rate__content {
        margin-left: 0;
    }

    .rate__content .top,
    .rate__content .bottom {
        border-radius: 6.250vw;
        padding: 6.250vw;
        border: 0.312vw solid #4AA3FF;
    }

    .rate__content .top .top__window {
        padding: 3.125vw 4.375vw;
        width: max-content;
        margin: 0 auto;
        gap: 2.500vw;
        border: 0.312vw solid #EBEBED;
        border-radius: 4.375vw;
        margin-bottom: 3.125vw;
    }

    .rate__content .top .top__window img {
        width: 4.375vw;
        height: 4.375vw;
    }

    .rate__content .top .top__window p {
        font-size: 3.750vw;
        line-height: 100%;
    }

    .rate__content .top p.title {
        font-size: 7.500vw;
        line-height: 120%;
        margin-bottom: 6.250vw;
    }

    .rate__content .top .items {
        gap: 5.000vw;
    }

    .rate__content .top .item {
        gap: 2.500vw;
    }

    .rate__content .top .item img {
        width: 5.625vw;
        height: 5.625vw;
    }

    .rate__content .top .item p {
        font-size: 3.750vw;
        line-height: 100%;
    }

    .rate__content .bottom .price {
        gap: 3.125vw;
        margin-bottom: 4.375vw;
    }

    .rate__content .bottom .price p {
        font-size: 7.500vw;
        line-height: 100%;
    }

    .rate__content .bottom .list {
        padding-top: 5.000vw;
        border-top: 0.312vw solid #EBEBED;
        margin-bottom: 6.250vw;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.250vw;
    }

    .rate__content .bottom .list p,
    .rate__content .bottom .list span {
        font-size: 4.062vw;
    }

    .rate__content .bottom {
        border-top: none;
    }

    .rate__content .top {
        border-bottom: 0.312vw dashed #4AA3FF;
    }

    .rate__content {
        margin-bottom: 12.500vw;
    }

    .about {
        height: 207.500vw;
    }

    img.about-bg {
        width: 90.625vw;
    }

    .rate-bg {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .rate__content {
        padding-top: 100.000vw;
    }

    .about__content h3 {
        width: 78.125vw;
        font-weight: 700;
        font-size: 7.500vw;
        line-height: 130%;
        margin-bottom: 6.250vw;
        padding-top: 6.250vw;
    }

    .about__content p {
        font-size: 4.062vw;
        width: 78.125vw;
    }

    .about__content p+p {
        margin-top: 3.125vw;
    }

    .about__content p.name {
        width: max-content;
        margin-left: auto;
        margin-bottom: 1.875vw;
        padding-left: 3.750vw;
        font-size: 4.062vw;
    }

    .about__content p.job {
        font-size: 3.750vw;
        line-height: 100%;
        width: max-content;
        margin-left: auto;
    }

    .about__content {
        width: 78.125vw;
    }

    .about__content p.name::after {
        top: 50%;
        left: 0;
        width: 1.875vw;
        height: 1.875vw;
        transform: translateY(-0.937vw);
        border-radius: 50%;
    }

    .about {
        background-color: #F4F8FE;
    }

    .comment__content h3 {
        font-size: 6.250vw;
        line-height: 120%;
        width: 90.625vw;
        padding: 12.500vw 0 6.250vw;
    }

    .comment__slides {
        gap: 0;
    }

    .comment__slide {
        max-width: 78.125vw;
        padding: 6.250vw;
        border-radius: 6.250vw;
    }

    .comment__slide .top {
        gap: 3.750vw;
    }

    .comment__slide .raiting {
        margin: 4.375vw 0;
        gap: 1.250vw;
    }

    .comment__slide .text__comment p {
        font-size: 4.062vw;
        width: 78.125vw;
    }

    .comment__slide .text__comment p+p {
        margin-top: 3.125vw;
    }

    .comment .dots {
        display: flex;
        bottom: -8.750vw;
        z-index: 10;
    }

    .comment {
        padding-bottom: 21.250vw;
    }

    .comment .container {
        overflow: unset;
    }

    .accordeon {
        padding: 12.500vw 0;
    }

    .accordeon h3 {
        font-size: 7.500vw;
        line-height: 120%;
        margin-bottom: 6.250vw;
    }

    .accordeon__item {
        border: 0.312vw solid #EBEBED;
        border-radius: 6.250vw;
        margin-bottom: 3.125vw;
    }

    .accordeon__header {
        padding: 6.250vw;
        gap: 6.250vw;
    }

    .accordeon__item.active .accordeon__body {
        max-height: none;
        padding: 0 6.250vw 6.250vw;
        width: auto;
    }

    .accordeon__question {
        font-size: 4.375vw;
        line-height: 120%;
        margin: 0;
    }

    .accordeon__toggle {
        width: 11.250vw;
        height: 11.250vw;
        border-radius: 50%;
        padding: 0;
    }

    .accordeon__icon {
        font-size: 6.250vw;
        line-height: 3.125vw;
        width: 4.375vw;
        height: 4.375vw;
    }

    .accordeon__answer {
        font-size: 4.062vw;
        line-height: 150%;
        margin: 0;
        width: auto;
    }

    .form__block.bottom__form .contact__form-bg {
        min-height: 250.937vw;
        max-height: 250.937vw;
    }

    .form__block.bottom__form .left p {
        width: auto;
    }

    .form__block.bottom__form .bottom__form-items {
        gap: 4.375vw;
        padding-left: 6.250vw;
        margin: 6.250vw 0 45.625vw;
    }

    .form__block.bottom__form .bottom__form-item {
        gap: 3.125vw;
        flex-direction: column;
    }

    .form__block.bottom__form .bottom__form-item img {
        width: 8.125vw;
        height: 8.125vw;
        margin-right: auto;
    }

    .form__block.bottom__form .bottom__form-item p {
        font-size: 3.750vw;
        line-height: 100%;
        width: max-content;
        width: 25.624vw;
        margin: 0;
    }

    .form__block.bottom__form {
        height: 250.937vw;
        margin-bottom: 12.500vw;
    }

    .footer__content {
        flex-direction: column;
        justify-content: center;
    }

    .footer__content .left img {
        width: 62.187vw;
        margin: 0 auto;
        margin-bottom: 6.250vw;
        display: block;
    }

    .footer__content .left p {
        font-size: 3.437vw;
    }

    .footer__content {
        padding: 9.375vw 0;
    }

    .footer__content .left p {
        width: 60.000vw;
        display: block;
        margin: 0 auto;
    }

    .footer__content .right .phone,
    .footer__content .right .mail {
        gap: 3.125vw;
        margin-left: auto;
        width: max-content;
        margin-bottom: 5.000vw;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .footer__content .right .phone img,
    .footer__content .right .mail img {
        width: 5.000vw;
        height: 5.000vw;
    }

    .footer__content .right .phone a {
        font-size: 5.000vw;
    }

    .footer__content .right .phone {
        margin-top: 6.250vw;
    }

    .footer__content .mail a {
        font-size: 4.375vw;
    }

    .footer__content .right .footer__social {
        gap: 4.375vw;
        justify-content: center;
    }

    .footer__content .right .footer__social img {
        width: 7.500vw;
        height: 7.500vw;
        padding: 2.812vw;
        border-radius: 50%;
    }

    .footer__content .right .footer__social a.footr__btn {
        font-size: 4.375vw;
        line-height: 100%;
        padding: 4.375vw 8.125vw;
        border-radius: 8.125vw;
    }

    .footer__copy {
        border-top: 0.312vw solid rgba(235, 235, 237, 0.2);
        padding: 9.375vw 0;
    }

    .footer__copy .top {
        flex-direction: column;
        justify-content: center;
        gap: 3.125vw;
    }

    .footer__copy .top .links {
        gap: 3.125vw;
        flex-direction: column;
        justify-content: center;
    }

    .footer__copy .top p,
    .footer__copy .top .links a {
        font-size: 3.437vw;
    }

    .footer__copy p.bottom {
        margin-top: 5.000vw;
        font-size: 2.812vw;
        text-align: center;
    }

    .comment__slide .top {
        gap: 3.750vw;
    }

    .comment__slide .top img {
        width: 15.000vw;
        height: 15.000vw;
    }

    .comment__slide .top .right .name {
        font-size: 5.000vw;
        margin-bottom: 0.625vw;
    }

    .comment__slide .top .right .inform {
        font-size: 3.750vw;
    }

    .comment__slide .raiting {
        margin: 4.375vw 0;
        gap: 1.250vw;
    }

    .comment__slide .raiting img {
        height: 4.687vw;
    }

    .comment__slide .raiting p.date {
        width: max-content;
        padding-left: 6.250vw;
        font-size: 3.750vw;
    }

    .comment__slide .raiting p.date::after {
        left: 2.500vw;
        top: 50%;
        width: 1.250vw;
        height: 1.250vw;
        transform: translateY(-0.625vw);
    }

    .comment__slide .top {
        gap: 3.750vw;
    }

    .comment__slide .top img {
        width: 15.000vw;
        height: 15.000vw;
    }

    .comment__slide .top .right .name {
        font-size: 5.000vw;
        margin-bottom: 0.625vw;
    }

    .comment__slide .top .right .inform {
        font-size: 3.750vw;
    }

    .comment__slide .raiting {
        margin: 4.375vw 0;
        gap: 1.250vw;
    }

    .comment__slide .raiting img {
        height: 4.687vw;
    }

    .comment__slide .raiting p.date {
        width: max-content;
        padding-left: 6.250vw;
        font-size: 3.750vw;
    }

    .comment__slide .raiting p.date::after {
        left: 2.500vw;
        top: 50%;
        width: 1.250vw;
        height: 1.250vw;
        transform: translateY(-0.625vw);
    }
    .comment__content .top, .changes__content .top, .tabs__mobile.mobile .top {
        display: flex !important;
    }
}




@media(max-width:320px) {
    .comment__slide .top {
        gap: 12px;
    }

    .comment__slide .top img {
        width: 48px;
        height: 48px;
    }

    .comment__slide .top .right .name {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .comment__slide .top .right .inform {
        font-size: 12px;
    }

    .comment__slide .raiting {
        margin: 14px 0;
        gap: 4px;
    }

    .comment__slide .raiting img {
        height: 15px;
    }

    .comment__slide .raiting p.date {
        width: max-content;
        padding-left: 20px;
        font-size: 12px;
    }

    .comment__slide .raiting p.date::after {
        left: 8px;
        top: 50%;
        width: 4px;
        height: 4px;
        transform: translateY(-2px);
    }
}




.tabs__top-item{
    overflow: hidden;
}
.mask-block{
    z-index: -1;
}
.mask-block.active{
    z-index: 0;
}
.tabs__content{
    z-index: 1;
    position: relative;
}
/* .mask-noactive-1{
    transform: translateX(-2px);
} */