@font-face {
    font-family: 'Myriad Pro1';
    src: url('../fonts/Myriad-Pro-Regular.ttf')
}

@font-face {
    font-family: 'Myriad Pro Regular';
    src: local('Myriad Pro Regular'),
        url('../fonts/MYRIADPRO-REGULAR.woff2') format('woff2'),
        url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'),
        url('../fonts/MYRIADPRO-REGULAR.bin') format('ttf'),
        url('../fonts/MYRIADPRO-REGULAR.eot') format('eot');
}

@font-face {
    font-family: 'Myriad Pro SemiBold';
    src: local('Myriad Pro SemiBold'),
        url('../fonts/MYRIADPRO-SEMIBOLD.woff2') format('woff2'),
        url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff'),
        url('../fonts/MYRIADPRO-SEMIBOLD.bin') format('ttf'),
        url('../fonts/MYRIADPRO-SEMIBOLD.eot') format('eot');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    src: local('Myriad Pro Bold'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('ttf'),
        url('../fonts/MyriadPro-Bold.eot') format('eot');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto-Regular-Medium';
    src: url('../fonts/Roboto-Medium.ttf');
}

body {
    font-family: 'Roboto-Regular';
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Myriad Pro bold';
    font-weight: 700;
    padding: 0;
    margin: 0;
}

button {
    background: transparent;
    border: none;
}

img {
    max-width: 100%;
}

.container {
    max-width: 1280px;
    margin: auto;
}

.btn {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 24px;
    border: none;
    padding: 32px 40px;
    text-align: center;
    color: #fff;

}

a {

    text-decoration: none;
}

.header button {
    color: #fff;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */

    text-align: center;
}

button:hover {
    cursor: pointer;
}

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

.header a.link-active {
    color: #0088FF;
}



.feedback__item p,
.swiper-slide p {
    font-size: 16px;
    line-height: 124%;
    padding-bottom: 12px;

}

.swiper-slide p {
    color: rgba(44, 59, 72, 0.8);
}

.header__menu a {
    font-size: 18px;
    font-weight: 400;
}

.phone-cart img {
    height: 550px;
    width: 650px;
}

.slick-track {
    display: flex;
}

.wrapper-slider .slick-dots {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
    bottom: 24px;
}

.icon {
    background: #F8F8F8;
    padding: 60px 0;
}

.srvice_obsl {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slick-list {
    overflow-x: clip;
}

.wrapper-slider .slick-dots li {
    opacity: .4;
    font-size: 0;
    width: 8px;
    height: 8px;
    list-style: none;
    margin-right: 16px;
    background: #fff;
    border-radius: 50%;
}

.slick-active {
    opacity: 1 !important;
}


.wrapper-slider .slick-dots li button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    opacity: 80%;
    font-size: 1px;
}

.wrapper-slider .slick-dots .slick-active button {
    opacity: 100%;
    font-size: 1px;
}



/* HEADER */
.header {
    background: #2C3B48;
    color: #FFF;
    padding: 28px 0;
}

.header a {
    color: #FFF;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 16px;
}

.header__top {
    display: flex;
    justify-content: space-between;
}

.header__menu-left {
    display: flex;
    align-items: center;
}

.header__menu-right {
    display: flex;
    align-items: flex-start;
}

.news {
    padding-bottom: 60.5px;
}

.header__top,
.header__bottom,
.header__menu ul {
    display: flex;
    align-items: center;
}

.header__logo {
    margin-right: 96.5px;
    align-self: flex-start;
}

.header .header__menu-left ul {
    margin-top: 15px;
    margin-bottom: 25px;
}

.menu-top ul li a {
    opacity: 80%;
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.header__bottom a {
    font-size: 18px !important;
    font-family: 'Roboto-Regular';
}

.header__link-actived {
    color: #0088FF !important;
}

.menu-top ul li a:active,
.menu-top ul li a:hover {
    opacity: 100%;
}

.menu-top ul li {
    position: relative;
}

.menu-top ul li::before {
    content: "";
    height: 2px;
    width: 100%;
    background: #FFF;
    position: absolute;
    bottom: -26px;
    display: none;
}

.menu-top ul li:hover::before {
    display: block;
}

.menu-top ul li:not(:last-child) {
    margin-right: 33.5px;
}

.menu-bottom ul li:not(:last-child) {
    margin-right: 32px;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.our-client a {
    opacity: 1 !important;
}

.header__link {
    font-family: 'Roboto-Regular';
    text-align: center;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.header__link-ofic {
    margin-left: 24px;
    margin-right: 30px;
}

.header__link_pop a {
    font-family: 'Roboto-Regular-Medium';
    width: 10%;
    text-align: center;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.header__top {
    border-bottom: 1px solid #ffffff7a;
    font-size: 18px;
}

.header__bottom {
    justify-content: space-between;
    padding-top: 20px;
    font-size: 24px;
}

.header__geo {
    display: flex;
    align-items: center;
    text-align: right;
}

.header__geo img {
    margin-left: 8px;
}

.header__lk {
    font-size: 18px;
    opacity: 0.8;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.header__lk img {
    margin-left: 8px;
    margin-right: 2px;
}

.header__tolyat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 0 !important;
}

.talyat-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.menu-tolyat {
    display: flex;
    align-items: center;
}

.menu-tolyat ul li::before {
    display: none !important;
}

.menu-talyat {
    padding-bottom: 15px;
}

.menu-talyat .header__menu-right {
    margin-top: 12.5px !important;
}

.menu-tolyat ul li a {
    opacity: 0.8 !important;
    transition: 0.2s;
}

.menu-tolyat ul li a:hover {
    opacity: 0.9 !important;
}

.menu-tolyat ul li a:active {
    opacity: 1 !important;
}


.menu-talyat .talyat-footer {
    margin-top: 22px !important;
}

.talyat-footer a {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    align-self: flex-end;
}

.talyat-footer p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
}

.header-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.section1__tolyat {
    background: url(../image/talyat/bgTolyati.jpg);
    background-size: cover;
    padding-top: 21px;
    padding-bottom: 170px;
    background-repeat: no-repeat;
}

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

.tolyat__par1 h1 {
    font-size: 44px;
    color: #2C3B48;
    padding-bottom: 16px;
}

.tolyat__par1 p {
    width: 495px;
    font-size: 18px;
    color: rgba(44, 59, 72, 0.8);
    padding-bottom: 32px;
}

.tolyat__par1 button {
    width: 200px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto-Regular-Medium';
    color: white;
    height: 54px;
    font-weight: 500;
    font-size: 16px;
}

.section2__tolyat {
    padding-top: 118px;
    padding-bottom: 60px;
}

.sec2Tolyat__img img {
    width: 1118px;
    margin: auto;
    display: block;
}

.sec2Tolyat__img {
    position: relative;
}

.sec2Tolyat__img p {
    font-size: 20px;
    font-family: 'Myriad Pro Semibold';
}

.sec2Tolyat__txt1 {
    position: absolute;
    width: 221px;
    top: 0;
    left: 85px;
}

.sec2Tolyat__txt2 {
    position: absolute;
    width: 150px;
    top: -55px;
    right: 157px;
}

.sec2Tolyat__txt3 {
    position: absolute;
    width: 180px;
    bottom: -36px;
    left: 182px;
}

.sec2Tolyat__txt4 {
    position: absolute;
    width: 180px;
    bottom: -28px;
    right: 176px;
}

.section2__tolyat .control__dowload {
    margin-top: 83px;
    display: flex;
    justify-content: center;
}

.talyat__card {
    background: #F8F8F8;
    padding: 40px 0;
}

.talyat__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    row-gap: 40px;
}

.taylat__item {
    display: flex;
    gap: 18px;
}

.taylat__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    max-width: 350px;
    margin-bottom: 8px;
}

.taylat__subtitle {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    max-width: 337px;
}

.header__tolyat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 0 !important;
}

.menu-tolyat {
    display: flex;
    align-items: center;
}

.menu-tolyat ul li::before {
    display: none !important;
}

.menu-talyat {
    padding-bottom: 15px;
}

.menu-talyat .header__menu-right {
    margin-top: 12.5px !important;
}

.menu-tolyat ul li a {
    opacity: 0.8 !important;
    transition: 0.2s;
}

.menu-tolyat ul li a:hover {
    opacity: 0.9 !important;
}

.menu-tolyat ul li a:active {
    opacity: 1 !important;
}

.talyat__section3 {
    background: #F8F8F8;
    padding: 40px 0;
}

.talyat__section3 .window-two__text {
    box-shadow: none;
    margin-bottom: 0;
}

.talyat__section3 .button {
    text-align: left !important;
}

.talyat__section3 h3 {
    font-family: 'Myriad Pro Bold';
    font-size: 28px !important;
}

.talyat__section3 .window-two__list p {
    width: 90%;
}

.talyat__section4 .application__send {
    width: 200px;
    height: 54px;
}

.talyat__section4 .application__form {
    gap: 16px;
}

.talyat__section4 .application__phone,
.talyat__section4 .application__name,
.talyat__section4 .application__addres {
    height: 54px;
}

.talyat__section4 .application__form__inputs__span {
    top: 17px;
    left: 20px;
}

.talyat__section4 .application__title {
    font-size: 24px;
}

.talyat__section4 .application__subtitle {
    float: left;
    margin-left: 83.5%;
}

.talyat__section4 .application__subtitle {
    color: rgb(170, 181, 207);
}

.talyat__section4 .application__subtitle span {
    color: rgb(208, 214, 229);
}

.talyat__section4 h4 {
    color: white;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-weight: 400;
    width: 438px;
    padding-bottom: 24px;
}

.talyatInfo {
    padding: 40px 0;
}

.talyatInfo h3 {
    padding-bottom: 12px;
    font-family: 'Myriad Pro Bold';
}

.talyatInfo__subtitle {
    max-width: 522px;
    color: rgba(44, 59, 72, 0.8);
    line-height: 20px;
    padding-bottom: 24px;
}

.talyatInfo__blockPar {
    display: flex;
    background: #F8F8F8;
    border-radius: 16px;
    gap: 50px;
    padding: 24px;
    box-sizing: border-box;
}

.talyatInfo__elem {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.talyatInfo__elem p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    color: #2C3B48;
    padding-bottom: 8px;
}

.talyatInfo__elem span {
    color: rgba(44, 59, 72, 0.8);
    line-height: 20px;
}

.map2 {
    position: relative;
}

.map2 .map__navigation {
    width: 100%;
    position: static;
    height: 820px;
}

.map2 .container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    width: 1280px;
    z-index: 100;
}

.map2__popup {
    width: 510px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    padding: 24px 45px 24px 24px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
    border-radius: 16px;
    z-index: 100;

}

.map2__popup h3 {
    font-family: 'Myriad Pro Semibold';
    font-size: 24px;
    color: #2C3B48;
    padding-bottom: 24px;
}

.map2__popup p {
    font-family: 'Roboto-Regular-Medium';
    color: #2C3B48;
    font-size: 18px;
    padding-bottom: 8px;
}

.map2__popup span {
    color: #2C3B48;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}

.map2__popup button {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    width: 200px;
    margin-top: 12px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.menu-talyat .talyat-footer {
    margin-top: 22px !important;
}

.talyat-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.talyat-footer a {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    align-self: flex-end;
}

.talyat-footer p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
}

.header-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.header-footer p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: #FFFFFF;
    opacity: 0.6;
}

.header-footer p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: #FFFFFF;
    opacity: 0.6;
}

/*Выбор города*/
.pop_gorod {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}

.pop_gorod::-webkit-scrollbar {
    width: 0;
}

.pop_gorod::-webkit-scrollbar-thumb {
    width: 100%;
}

.header__top1 {
    display: flex;
    align-items: center;
    padding: 28px 0 19px;
    font-size: 18px;
    text-align: left;
    border-bottom: solid 1px #2c3b4830;

}

.menu-top1 {
    padding-right: 228.5px;
}

.menu-top1 ul li a:hover {
    color: #2C3B48;
}

.menu-top1 ul li a {
    font-family: 'Roboto-Regular-Medium';
    color: rgba(44, 59, 72, 0.8);
}

.menu-top1 ul li a:active,
.menu-top1 ul li a:hover {
    opacity: 100%;
}

.menu-top1 ul li {
    position: relative;
    display: inline-flex;
    padding-right: 40px;
}

.menu-top1 ul li:last-child {
    padding-right: 0;
}

.menu-top1 ul li::before {
    content: "";
    height: 2px;
    width: 80%;
    margin: auto;
    background: #2C3B48;
    position: absolute;
    bottom: -33px;
    display: none;
}

.menu-top1 ul li:first-child:before {
    display: block;
}

header .menu-top ul .our-client::before {
    display: block;

}


.menu-top1 ul li:hover::before {
    display: block;
}

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

.header__geo_pop img {
    margin-left: 9px;
}

.header__geo_pop a {
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.talyat__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    row-gap: 40px;
}

.taylat__item {
    display: flex;
    gap: 18px;
}

.taylat__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    max-width: 350px;
    margin-bottom: 8px;
}

.taylat__subtitle {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    max-width: 317px;
}

.block_goroda {
    display: block;
}

.block_goroda h1 {
    text-align: left;
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    color: #2C3B48;
}

.goroda {
    margin: 60px 0 98px;
    display: flex;
    align-items: center;
}

.goroda ul {
    width: 25%;
}

.goroda ul li {
    list-style: none;
    text-align: left;
}

.goroda ul li:not(:last-child) {
    padding-bottom: 20px;
}

.goroda ul li a {
    font-family: 'Myriad Pro Regular';
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #2C3B48;
}

.goroda ul li a:hover {
    color: #1579D3;
}

.goroda ul li a:active {
    color: #064288;
}

header .closer10 {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #2C3B48 !important;
    opacity: .8 !important;
}




/*Выбор города*/

/* OFFER */
.offer {
    margin: 60px 0;
}

.offer__wrapper {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    border-radius: 50px;
    color: #fff;
    position: relative;
}

.offer__wrapper h1 {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 90%;
    max-width: 591px;
}

.offer__wrapper p {
    margin: 16px 0 65px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: rgba(255, 255, 255, 0.8);
}

.offer__wrapper .slick-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 70px;
    padding-bottom: 98px;
    position: relative;
}

.offer__button {
    width: 260px;
    height: 66px;
    font-size: 18px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    padding: 0;
    border-radius: 8px;
    font-family: 'Roboto-Regular';
    font-weight: 500;
}

.offer__img {
    position: absolute;
    right: 0;
    top: -87px;
    width: 542px;
    height: 530px;
}

.offer__img img {
    width: 100%;
    height: 100%;
}


/* ADVANTAGES */
.advantages__wrapper {
    display: flex;
}

.advantages__item {
    background: #FFFFFF;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 16px;
    padding: 20px;
    margin-right: 40px;
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.advantages__item:last-child {
    margin-right: 0;
}

.imimimage {
    width: 50%;
}

.advantages__item .title {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 700;
    font-size: 20px;
    background-position: left;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 55px;
    display: flex;
    align-items: center;
}

.advantages__item .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin: 16px 0;
    margin-bottom: 24px;
}

.advantages__item .button {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    float: right;
    color: #1579D3;
    margin-right: 2px;
}

.title-one {
    background-image: url('../image/advantages_1.png');
    color: #064288
}

.title-two {
    width: 180px;
    background-image: url('../image/advantages_2.png');
    color: #064288
}

.title-three {
    background-image: url('../image/advantages_3.png');
    color: #064288
}



/* NUMBER */
.number {
    padding: 80px 0;
}

.number__wrapper {
    background: url('../image/fon_number.png');
    background-repeat: no-repeat;
    padding: 58.35px 0;
    border-radius: 24px;

}

.number__wrapper-main {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.number__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.number__title {
    color: #FFF;
    font-weight: 700;
    font-size: 44px;
    font-family: 'Myriad Pro SemiBold';
}

.number__line {
    background: #FFF;
    height: 1px;
    width: 160px;
    margin: 20px auto;
}

.number__text {
    font-weight: 400;
    font-size: 18px;
    color: #FFF;
}



/* NEWS */
.news .container {
    display: flex;
}

.news__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 45.76px;
    color: #2C3B48;
    font-family: 'Myriad Pro Bold';

}

.news__wrapper {
    margin: 42px 0;
}

.news__item {
    margin-bottom: 24px;
    padding: 24px;
    width: 90%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
    border-radius: 16px;
}

.mobile__contacts {
    display: flex;

}

.news__item_data,
.news__item_text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.news__item_text {
    width: 90%;
}

.news__item:last-child {
    margin-bottom: 32px;
}

.news__item_data {
    font-size: 14px;
}

.news__item__title {
    margin: 16px 0 8px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #064288;
}

.mobile__contacts img {
    margin-right: 24px;
    width: 180px;
    height: 54px;
}

.news__button {
    color: #1579D3;
    font-family: 'Myriad Pro SemiBold';
    background-image: url('../image/payment/payment-arrow-right.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 36px;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;

}

.news__button:hover {
    color: #419BEC;
}

.news__button:active {
    color: #0B6FC9;
}

/* MOBILE */
.mobile {
    padding: 60px 0;
}

.partner__item img {
    border-radius: 16px 16px 0 0;
}

.mobile__wrapper {
    background: linear-gradient(289.59deg, #C4C4C4 24.24%, #F7F7F7 80.42%);
    border-radius: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 35px 70px 0 70px;
    /* width: 1280px; */
    height: 367px;
}

.mobile__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #1579D3;
}

.mobile__text {
    font-size: 18px;
    color: rgba(44, 59, 72, 0.8);
    font-weight: 400;
    padding: 16px 0 26px;
    width: 80%;
}

.mobile__right {
    width: 70%;
    height: 100%;
    position: relative;
}

.mobile__right img {
    height: 100%;
    position: absolute;
    left: 42px;
}

/* PARTNER */
.partner {
    padding: 60px 0;
    width: 100vw;
}

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

.partner__title {
    margin-bottom: 40px;
    font-size: 44px;
    font-weight: bold !important;
    font-style: normal;
    line-height: 104%;
    color: #2C3B48;
}

.title-2 {
    margin-bottom: 28px;
}

.partner__item {
    background: #FFFFFF;
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    transition: .3s;
    margin-right: 40px;
}

.partner__item div {
    padding: 16px 16px 23px;
}

.partner__item:last-child {
    margin-right: 0;
}

.partber__item_name {
    margin-bottom: 8px;
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
    font-weight: 600;
    color: #2C3B48;
}

.partner__item_text {
    font-size: 16px;
    font-weight: 400;
    color: rgba(44, 59, 72, 0.8);
}

.partner__item:hover {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}


/* EVENTS */
.events {
    background: #F8F8F8;
    padding: 60px 0;
    padding-bottom: 60.5px;
}

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

.events__item {
    background: #FFFFFF;
    border-radius: 16px;
    margin-right: 40px;
    padding: 32px 24px;
}

.events__item:last-child {
    margin-right: 0;

}

.events__item_data,
.events__item_text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.events__item_data {
    font-size: 14px;
}

.events__item__title {
    margin: 8px 0 8px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.events__button {
    color: #1579D3;
    width: 230px;
    background-image: url('../image/payment/payment-arrow-right.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 33px;
    font-size: 20px;
    margin-top: 28px;
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;

}

.events__button:hover a {
    color: #419BEC;
}

.events__button:active a {
    color: #0B6FC9;
}

.events__button a {
    color: #1579D3;
}




/* FOOTER */
.footer__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
    padding-bottom: 35px;
}

.footer {
    background: #2C3B48;
    color: #FFF;
}

.footer .section__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0 80px;
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ffffff7a;
    padding: 15px 0 28px;
}

.header__geo10 {
    cursor: pointer;
}

.footer-hlp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    opacity: 80%;
    font-family: 'Myriad Pro regular';
    font-weight: 400;
}

.footer-hlp span {
    padding-right: 40px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    opacity: .6;
}

.footer-hlp a {
    margin-right: 44px;
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.6;
    text-decoration: none;
}

.footer__menu_title {
    margin-bottom: 12px !important;
    opacity: 0.5;
    font-size: 16px !important;
    font-weight: 600;
    font-family: 'Myriad Pro';
}

.footer__menu_title:first-child {
    margin-bottom: 24px !important;
}

.footer__menu li {
    font-size: 18px;
    margin-bottom: 12px;

}

.footer__menu p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;


}

.footer__column:last-child p {
    color: #FFF;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 14px;
    margin-left: 56px;
}

.footer__bottom p,
.footer__menu_title a,
.footer__text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
}

.footer__text {
    font-size: 14px;
    opacity: .8 !important;
}

.footer__phone {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;

}

.footer__menu a {
    color: #FFF;
}

.footer__contacts {
    display: flex;
    gap: 16px;
    margin-top: 26px;
}

.footer__logo {
    margin-bottom: 38px;
}

.footer__column:last-child {
    width: 20%;
    display: flex;
    flex-direction: column;
    /* align-items: center !important; */
}

.footer__button {
    width: 200px;
    height: 54px;
    border-radius: 8px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    padding: 0;
}

.footer__contacts img {
    opacity: .6;
    width: 28px;
    height: 28px;
}

.footer__youtube img {
    opacity: 1;
}

.footer__bottom p {
    font-size: 14px;
    opacity: .6;
}

.footer input {
    height: 29px;
    background: none;
    border: none;
    border-bottom: solid 1px #959DA3;
    font-size: 16px;
    margin: 31px 0 26px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    width: 200px;
    align-self: flex-end;
}

.footer__mail::placeholder {
    color: #FFFFFF;
    opacity: .8;
}

.footer__menu_title a {
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

/* P-TABS */
.p-tabs {
    padding: 20px 0 60px;
}

.p-tabs h1 {
    max-width: 841px;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 45.76px;
    margin: 60px 0 40px;
    color: #2C3B48;
}

.p-tabs__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-tabs__item {
    background: #FFFFFF;
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
    border-radius: 12px;
    width: 228px;
    height: 174px;
    /* padding: 10px 24px; */
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.03);
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    /* line-height: 116%; */
    color: #2C3B48;
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    transition: .15s;
}

.p-tabs__item:hover {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.activePayment {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.p-tabs__item p {
    font-size: 18px;
    width: 180px;
    text-align: center;
}

.p-tabs__item:not(:last-child) {
    margin-right: 32px;
}

.p-tabs__svg {
    /* height: 40%; */
    display: flex;
    margin: 29px 0 21px;
    align-items: center;
}

.p-tabs__item:hover p {
    color: #064288;
}

.p-tabs__item:hover svg path {
    fill: #064288;
}

.child2 {
    margin: 33px 0 25px !important;
}

.child4 {
    margin: 33px 0 21px;
}

.active > svg path {
    fill: #064288 !important;
}

.active ~ p {
    color: #064288;
}

/* WINDOWS */
.windows {
    background-image: url("../image/payment/payment-fon1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    /* margin: 60px 0 0 0; */

}

.expense {
    background: #F8F8F8;
    padding: 40px 0;
}

.windows h3 {
    font-size: 34px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 24px;
}

.window-two__text h3 {
    margin-bottom: 28px;
}

.window-one,
.window-two,
.window-four,
.window-five {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0 205px 0;
}

.window-four {
    padding: 60px 0;
}


.window-one {
    justify-content: flex-start;
    padding: 60px 0;
    align-items: flex-start;
}

.window-five {
    padding: 60px 0 56px;
}

.window-two,
.window-five {
    flex-direction: column;
}

.window-four__list,
.window-four__qrcode div {
    display: flex;
}

.window-one__foto {
    filter: drop-shadow(0px 6.05645px 14.5355px rgba(14, 81, 141, 0.15));
    border-radius: 16px;
    overflow: hidden;
}

.window-one__foto img {
    width: 730px;
    height: 381px;
    object-fit: cover;
    object-position: center center;
}

.window-one__text,
.window-two__text,
.window-two__block,
.window-four__text,
.window-four__qrcode,
.window-five__text {
    background: #FFF;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 12px;
    padding: 32px;
}

.window-four__text {
    padding: 24px 24px 22.6px;
}

.window-four__text > h3 {
    margin-bottom: 16px;
}


.window-one__text {
    padding: 17.5px 21px;
}

.window-five__text {
    padding: 24px;
}

.window-two__text {
    padding: 24px;
}

.window-two__block {
    padding: 32px 0 28px 32px;
}

.window-four__qrcode h3 {
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 104%;
    text-align: center;
    color: #064288;
}

.window-two__text {
    margin-bottom: 40px;
}

.window-five__text h3 {
    margin-bottom: 28px;
}

.window-two__text {
    margin-bottom: 80px;
}

.window-five__text {
    margin-bottom: 32px;
}

.window-one__text,
.window-four__text {
    margin-right: 40px;
}

a.windows__link {
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    border-radius: 8px;
    width: 100%;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 16px 0;
    font-size: 18px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.window-two__block .windows__link {
    width: 427px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 40px;
}

.window-two__block .phone-cart img {
    width: 609.78px;
    height: 596.32px;
    transform: rotate(16.75deg);

    transform: translateY(-127px) translateX(30px)
}

.window-two {
    padding: 60px 0;
}

.window-two__block {
    display: flex;
    height: 413px;
}

.window-two__block div {
    width: 50%;
}

.window-one__text ul li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.window-one__text ul li:last-child {
    margin-bottom: 40px;
}

.window-one__text ul li p {
    margin-left: 16px;
    opacity: 80%;
    font-weight: 400;
}

.window-one__text ul {
    margin-bottom: 22.5px;
}

.window-two__list,
.window-five__list {
    display: flex;

}

.window-five__list {
    gap: 16px;
}

.window-five__list-lastDiv {
    margin-right: 23px;
}

.window-two__list div {
    width: 25%;
}

.window-two__list span,
.window-four__list span,
.window-five__list span {
    border-radius: 50%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    text-align: center;
    color: #FFF;
    width: 44px;
    display: block;
    padding: 12px 0;
    position: relative;
}

.window-two__list span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 196px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    left: 60px;
    top: 20px;
}

.window-five__list span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 160px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    left: 60px;
    top: 20px;
}

.window-four__list img {
    width: 231px;
}

.window-four__list span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 160px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    left: 60px;
    top: 20px;
}

.window-two__list p,
.window-four__list p,
.window-five__list p {
    font-size: 16px;
    opacity: 80%;
    font-weight: 400;
    margin-top: 24px;
    width: 80%;
}

.window-five__list p {
    margin-top: 20px;
}

.window-five__list p {
    width: 100%;
}

.window-four__list p {
    margin-top: 20px;
}

.window-two__list p {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    line-height: 124%;
    font-style: normal;
    color: rgba(44, 59, 72, 0.8);
    opacity: 1 !important;
}

.window-two__text .button {
    text-align: right;
    color: #1579D3;
    /* text-transform: uppercase; */
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
    padding-right: 4px;
    font-weight: 700;
    margin-top: 20.5px;
    cursor: pointer;
}

.window-two__text .button:hover {
    color: #419BEC;
}

.window-two__text .button img {
    margin-left: 10px;
}

.window-two__block h3 {
    font-size: 38px;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-fill-color: transparent; */
    margin-bottom: 16px;
}

.window-two__block > div > h3 {
    font-size: 34px;
    max-width: 619px;
    line-height: 37.4px;
}


.window-two__block div > p {
    font-size: 18px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    margin-bottom: 24px;
    color: rgba(44, 59, 72, 0.8);
}

.window-two__block ul li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.window-two__block ul li p {
    margin-left: 16px;
    color: #2C3B48;
    font-weight: 400;

    font-family: 'Roboto-Regular';

}


header .different__color {
    color: #0088FF;
}

.window-four__list div {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.window-four__qrcode {
    width: 527px;
    padding: 24px 17px 28px 24px;
}

.window-four__list div {
    width: 33%;
    display: flex;
    flex-direction: column;
}

.window-four__list-paragraph {
    width: 100% !important;
}

.window-four__list div img {
    margin-top: 16px;
}



.window-four__qrcode-div {
    width: 307px;
    height: 307px;
    margin: 10px auto;
}

.window-four__qrcode div:last-child {
    display: flex;
    gap: 15.5px;
    align-items: center;
    margin-top: 28px;
}

.window-five__list div {
    width: 220px;

}

.window-five__list div:last-child {
    width: 265px;
}

.window-five__text .button {
    text-align: right;
    color: #1579D3;
    text-transform: uppercase;
    background-image: url(../image/Arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
    font-weight: 700;
    margin-top: 40px;
}

.window-three {
    display: flex;
    gap: 32px;
    padding: 60px 0 84px;
}

.window-three__block2 img {
    border-radius: 12px;
}

.window-three__block1 {

    width: 760px;
    padding: 24px;
    background-color: white;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 12px;
}

.window-three__block1_divPar1 {
    display: flex;
    margin-bottom: 40px;
}

.window-three__block1_divPar1 > div p {
    font-size: 18px;
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    line-height: 112%;
}

.window-three__block1_divPar1 > div {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 50%;
}

.window-three__block1_divPar1-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Myriad Pro Semibold';
    font-size: 20px;
    border-radius: 100%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.window-three__block1_divPar2 {
    display: flex;
    gap: 24px;
}

.window-three__block1_divPar2-element {
    width: 238px;
}

.window-three__block1_divPar2-element > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.window-three__block1_divPar2-element > div p {

    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
}

.window-three__block1_divPar2-element-text {
    font-size: 14px;
    line-height: 112%;

    color: rgba(44, 59, 72, 0.8);
}

.text1 {
    padding: 16px 0 12px;
}

.window-three__block1_divPar2-element-text2 {
    font-size: 10px;
    line-height: 12px;
    color: #2C3B48;

}

.window-three__block1_divPar2-element-text3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-family: 'Roboto-Regular-Medium';
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* EXPENSE  my code */
.expense__wrapper {

    display: flex;
    align-items: flex-start;
    padding: 0 90px;
    gap: 40px;
}

.expense__item-text-2 {
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.expense__wrapper > p {
    font-size: 20px;
    color: #2C3B48;
    font-weight: 600;
    padding-bottom: 15px;
    font-family: 'Myriad Pro SemiBold';
}

.expense__wrapper .expense__item {
    background: #FFFFFF;
    border-radius: 8px;
    width: 308px;
    transition: .3s;
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
    padding: 16px;
}

.expense__wrapper .expense__item:hover {
    box-shadow: 5px 5px 35px rgba(14, 81, 141, 0.12);
}

.expense__wrapper .expense__item:last-child {
    width: 288px;
}

.window-three__block2 {
    height: 393.5px;
}

.expense__item span {
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    opacity: 100%;
    margin-bottom: 8px;
    display: block;
    color: #161c21;
}

.expense__item p {
    width: 308px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.36px;
    color: rgba(44, 59, 72, 0.8)
}

/* SERVICES */
.services {
    padding: 80px 0;
}

.services h1 {
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
}

.services .section__wrapper > p {
    font-size: 18px;
    font-weight: 400;
    margin: 16px 0 40px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
    width: 100%;
}

.services__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 114%;
    align-items: center;
    color: #2C3B48;
}

.services__item p {
    width: 360px !important;
    opacity: 1 !important;
}

.services__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 32px;
}

.services__item {
    width: 358px;
    padding: 20px 20px 0 20px;
    height: 268px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 8px;
    position: relative
}

.services__item img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.services__item p {
    font-size: 16px;
    opacity: 80%;
}

p.services__title_ {
    font-size: 24px;
    font-weight: 600;
    opacity: 100%;
}

.services__item > div {
    text-align: end;
}

.section__wrapper

/* ICON */
.icon {
    background: #F8F8F8;
    padding: 60px 0;
}

.icon .section__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon__item {
    display: flex;
    align-items: flex-start;
    width: 30%;
    margin-bottom: 40px;
}

.icon__item p {
    font-size: 16px;
    opacity: 80%;
}

p.icon__title {
    font-size: 24px;
    font-weight: 600;
    opacity: 100%;
    margin-bottom: 10px;
}

.icon__item img {
    margin-right: 12px;
}

.icon__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    display: block;
    width: 205px;
    margin-bottom: 8px;
}

/* FOTO */
/* DOMOFON */

.foto {
    overflow: hidden;
}

.foto__text h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #2c3b48;
}

.domofon__text h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    margin-bottom: 16px;
    color: #2c3b48
}


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

.domofon__text p {
    width: 700px !important;
}

.foto__text p.title,
.domofon__text p.title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    margin-bottom: 10px;
    color: #2C3B48;
}

.foto__text > div:not(:last-child) {
    margin-bottom: 32px;
}


.domofon {
    padding: 60px 0;
    background: #F8F8F8;
}

.domofon__foto img {
    border-radius: 12px;
}

.domofon .section__wrapper {
    display: flex;
    justify-content: space-between;
}

.domofon__text {
    padding-top: 33.5px;
    width: 50%;
}

.domofon__text p.title {
    margin-top: 32px;
}

/* MESSAGE */
.message {
    padding: 32px 0 34px;
}

.message h3 {
    font-size: 24px;
    font-weight: 700;
    width: 28%;
    margin-bottom: 30px;
}

.message .section__wrapper > div,
.message__block {
    display: flex;
    align-items: center;
}

.message__block {
    width: 312px;
}

.message__block:not(:last-child) {
    margin-right: 72px;
}

.message__block p {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #2C3B48 !important;
}

.message__block img {
    margin-right: 16px;
    width: 48px;
}

.message__block p {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: #2C3B48 !important;
}


/* GROUP */
.group {
    padding: 40px 0;
    background: #F8F8F8;
}

.group img {
    border-radius: 12px;
}

.group .section__wrapper {
    display: flex;
    justify-content: space-between;
}

.group__text {
    width: 55%;
}



.groupsecond {
    background: white;
    padding: 60px 0 !important;
}

.group__text p {
    margin-bottom: 32px !important;
}

.gruop__text2 p {
    margin-bottom: 24px !important;
}

.group__text .shantunqandem {
    width: 707px !important;
}

.group__text_title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    display: block;
    margin-bottom: 8px;
}

.group__text h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    margin-bottom: 16px;
}

.group__text p {
    width: 700px !important;
}

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

.group__img {
    width: 40%;
}

.group__text p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
}

p.group__text_title {
    color: #2C3B48;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}



/* CATALOG */

.catalog__wrapper {
    background: url('../image/fon_number.png');
    height: 232px;
    width: 100%;
    background-repeat: no-repeat;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 40px 70px;
    background-size: 100%;
}

.catalog__wrapper > div {
    display: flex;
    justify-content: space-between;
}

.catalog__text {
    width: 60%;
}

.catalog__text h3 {
    font-size: 44px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 16px;
    line-height: 104%;
}

.catalog__text p {
    font-size: 18px !important;
    line-height: 120% !important;
}

.catalog__text p {
    font-size: 18px;
    color: #FFF !important;
}

.catalog__button {
    align-self: flex-end;
}

.catalog__button button {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    color: #FFF;
    border: none;
    padding: 22px 62px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    cursor: pointer;
}


.catalog {
    padding: 80px 0;
    padding-bottom: 40px;
}

/* CONTACTS */
.contacts {
    background: #F8F8F8;
}

.contacts .section__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.section__footer {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    padding-top: 40px;
}

.section__footer img {
    width: 172px;
    height: 44px;
    transition: 1s;
}

.contacts p {
    width: 40%;
    font-size: 34px;
    font-weight: 700;
}

.section__wrapper a {
    padding: 0 50px;
}

.section__footer img:hover {
    transform: scale(1.05);
}

.section__footer p {
    font-size: 28px;
    padding-bottom: 12px;
    font-family: 'Myriad Pro Bold';
    width: 80% !important;
    color: #2C3B48;
}

.section__footer span {
    color: #2C3B48;
    font-size: 18px;
    font-weight: 400;
    margin-right: 105px;
    font-family: 'Roboto-Regular';
}

.banner_full {
    background-image: url(../image/bg_1.png);
    min-width: 100%;
    height: 684px;
    margin: 0;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.banner_content {
    padding: 152px 0 165px;
}

.banner_text {
    width: 700px;

}

.banner_text h1 {

    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 100%;
    color: #2C3B48;
    margin-bottom: 16px;
}

/* my code */
.banner_text p {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: 400;
    width: 550px;
    font-size: 20px;
    line-height: 24px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 80px;
}

.offer_knopka {
    color: #fff;
    padding: 23px 42px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
}



.cections {
    margin: 80px auto 40px;
    display: flex;
    gap: 288px;
    transition: .3s;
    height: 360px;
    background: #F8F8F8;
    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
    border-radius: 16px;
    padding: 32px 40px 38px 40px;
    position: relative;
    border: 1px solid rgba(44, 59, 72, 0.03);
    box-sizing: border-box;
    overflow: hidden;
}

.cections1 {
    transition: .3s;
    margin: 0 auto 80px;
    display: flex;
    gap: 328px;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    padding: 40px 0 40.5px 40px;
    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
    position: relative;
}

.cections:hover {
    box-shadow: 4px 10px 20px rgba(44, 59, 72, 0.12);
}

.cections1:hover {
    box-shadow: 4px 10px 20px rgba(44, 59, 72, 0.12);
}

.cections_text {
    width: 44%;
}

.for_img3 {
    display: flex;
    justify-content: center;
}

.i1 {
    transform: translate(-94px, -31px);
    transition: .75s ease-in;
    width: 148px;
    height: 174px;
}

.i2 {
    transform: translate(34px, -8px);
    transition: .75s ease-in;
    width: 111px;
    height: 130px;
}

.i3 {
    transform: translate(85px, 105px);
    transition: .75s ease-in;
    width: 136px;
    height: 159px;
}

.i4 {
    transform: translate(-170px, 115px);
    transition: .75s ease-in;
    width: 148px;
    height: 174px;
}

.i5 {
    transform: translate(-156px, -55px);
    transition: .75s ease-in;
    width: 111px;
    height: 130px;
}

.i6 {
    transform: translate(80px, 127px);
    transition: .75s ease-in;
    width: 131px;
    height: 153px;
}

.i7 {
    transform: translate(-50px, 34px);
    transition: .75s ease-in;
    width: 131px;
    height: 153px;
}

.cections_text h2 {
    padding-bottom: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    /* or 37px */


    /* Text header */

    color: #2C3B48;
}

.cections_text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    /* header text pasive */

    color: rgba(44, 59, 72, 0.8);

}


.cections_img {
    width: 390px;
    padding-left: 125px;
    position: absolute;
    right: 40px;
    top: 32px;
    height: 100%;
}

.cections_img img {
    height: 336px;
    width: 100%;
}

.offer__item {
    width: 620px;
    padding-bottom: 40px;
}

.offer__item h2 {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #FFFFFF;
    padding: 40px 0 16px 70px;
}

.offer__item p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    padding-left: 70px;
}

.btn_katalog {
    font-family: 'Roboto-Regular-Medium';
    color: #fff;
    font-weight: 400;
    padding: 23px 51px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
}

.overLay6__wrapper {
    width: 652px;
    background: #FFFFFF;
    border-radius: 24px;
    padding: 15px 15px 28px 40px;
    margin: auto;
}

.overLay6__x {
    cursor: pointer;
    display: block;
    margin-left: auto;
}

.overLay6__wrapper h3 {
    text-align: left;
    font-size: 24px;
    color: #2C3B48;
    padding-bottom: 12px;
}

.overLay6__subtitle {
    width: 366px;
    color: rgba(44, 59, 72, 0.8);
    line-height: 20px;
    text-align: left;
    padding-bottom: 20px;
}

.overLay6__form {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.btnTextOVerLay {
    text-align: left;
    width: 260px;
}

.subT1 {
    color: rgba(44, 59, 72, 0.8) !important;
    text-align: left !important;
    float: left !important;
}

.subT1 span {
    color: #78818A;
    font-family: 'Roboto-Regular-Medium';
}

.overLayInp {
    padding: 17px 0 17px 20px;
    background: #F8F8F8;
    border-radius: 8px;
    width: 280px;
    height: 54px;
    box-sizing: border-box;
}

.overLayInp::placeholder {
    color: rgba(44, 59, 72, 0.8);
    opacity: .6;
}

.btnOVerLay6 {
    padding: 0;
    width: 200px;
    height: 54px;
    display: flex;
    align-items: center;

    justify-content: center;
}

.btn__item {
    margin-top: 128px;
}

.sposob {
    background: #F8F8F8;
    width: 100%;
    padding-bottom: 60px;
}

.sposob h1 {

    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    padding-top: 60px;
}

.sposob_content {
    transition: .3s;
    background: #FFFFFF;
    border-radius: 12px;
    margin-top: 40px;
    padding: 24px;
}

/* .sposob_content:hover {

    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
} */

/* my code */
.sposob_content h2 {
    /* padding: 24px; */

    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
}

.sposob_etap {
    width: 100%;
    display: flex;

    margin: 28px 0 36.5px;
}

.etap {
    width: 25%;
    display: block;
    margin: 0 32px 0 0;
}

.etap_nomer {
    display: flex;
    align-items: center;
    width: 100%;

}

.etap_cifra {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.etap_cifra p {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    text-align: center;
    color: #FFFFFF;
}

.etap_nomer hr {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    width: 216px;
    height: 2px;
    margin-left: 20px;
}

.etap_text {
    margin-top: 20px;
    width: 90%;
}

.etap_text-last {
    width: 100%;
}

.etap_text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.84px;
    color: rgba(44, 59, 72, 0.8);
}

.sposob_social {
    justify-content: space-between;
    margin-top: 32px;
    display: flex;
    align-items: center;
}

.social_item {
    transition: .3s;
    width: 320px;
    background: #fff;
    padding: 32px 40px 34px;
    display: block;
    border-radius: 16px;
}

.social_item:hover {

    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
}

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

.icon_item img {
    margin-right: 12px;
    width: 40px;
    height: 40px;
}

.icon_item p {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.social_text {
    padding-top: 16px;

}

.social_text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);
}

.katalog__wrapper {
    background: url('../image/fon_number.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding-right: 70px;
    gap: 330px;
    margin: 100px 0 60px !important;

}

.formy h1 {

    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    padding: 40px 0 16px;
}

.formy p {
    max-width: 663px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    color: rgba(44, 59, 72, 0.8);
}

.forma_block {
    margin: 40px 0 60px;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.forma_name {

    align-items: flex-start;
    padding: 24px;
    width: 230.4px;
    transition: .3s;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 4px 10px rgba(14, 81, 141, 0.04);
    border-radius: 8px;
}

.forma_name:hover {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.forma_name span {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.forma__button {
    color: #1579D3;

    padding-right: 30px;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-top: 75px;
    font-family: 'Myriad Pro SemiBold';

}



.section__wrapper p {
    width: 600px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    opacity: 100% !important;
    align-items: center;
    color: rgba(44, 59, 72, 0.8);
}

.overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: rgba(44, 59, 72, 0.7);
}

.dlg-modal {
    max-width: 650px;
    margin: 10% auto;
    height: auto;
    position: relative;

    z-index: 10;
    padding: 28px 40px;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}


.dlg-modal1 {
    box-sizing: border-box;
    background: url(../image/uddom/background__first.png);
    background-size: cover;
    width: 624px;
    top: 30%;
    margin: auto;
    position: relative;
    z-index: 10;
    padding: 28px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.pop-1-text {
    text-align: initial;
}

.dlg-modal4 {
    max-width: 1200px;
    margin: 5% auto;
    height: auto;
    position: relative;
    z-index: 10;
    padding: 35px 36px;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.dlg-modal,
.dlg-modal2 h3 {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    text-align: left;
}

.dlg-modal p,
.dlg-modal2 p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.84px;
    color: rgba(44, 59, 72, 0.8);
    text-align: left;
    margin: 12px 0 20px 0;
}

.dlg-modal2 {
    height: 950px;
    max-width: 700px;
    margin: 80px auto;
    position: relative;
    z-index: 10;
    padding: 28px 40px;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.region {
    max-width: 556px;
    margin: 10% auto;
    height: auto;

    position: relative;
    z-index: 10;
    padding: 44px 32px;
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.region-text {
    text-align: left;
}

.services__item p {
    padding: 12px 0 19px;
}

.region-text p {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.region-text h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin: 8px 0 24px 0;
}

.btn-link {
    display: flex;
    justify-content: space-around;
    gap: 12px;
}

.btn-link a {
    align-items: center;
    width: 260px;
    padding: 22px 0;
    background: #1579d3;
    border-radius: 8px;
    color: #fff;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    font-size: 18px;
}

.region-link1 {
    color: #1579d3 !important;
    border: solid 3px #1579d3;
    background: transparent !important;
}

.popup__overlay,
.popup__overlay1,
.popup__overlay3,
.popup__overlay4,
.popup__overlay5,
.popup__overlay6,
.popup__overlay7,
.popup__overlay8,
.popup__overlay9 {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 59, 72, 0.7);
    text-align: center;
    display: flex;
    align-items: center;

}

.popup__overlay2 {
    position: fixed;
    z-index: 10000;
    left: 0;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
    width: 100%;
    background: rgba(44, 59, 72, 0.7);
}

.popup__overlay2::-webkit-scrollbar {
    display: none;
}

.popup__overlay9 {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 59, 72, 0.7);
    text-align: center;


}

.popup__overlay10 {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;


}

.hidden,
.hidden1,
.hidden2,
.hidden3,
.hidden4,
.hidden5,
.hidden6,
.hidden7,
.hidden8,
.hidden9,
.hidden10 {
    display: none;
}

.closer,
.closer1,
.closer2,
.closer3,
.closer4,
.closer5,
.closer6,
.closer7,
.closer8,
.closer9 {
    width: 30px;
    height: 30px;
    background-size: contain !important;
    display: block;
    position: absolute;
    right: -80px;
    top: -40px;
    background: url(../image/cross.png) no-repeat;
    cursor: pointer;
}

.yesno-header {
    display: flex;
    justify-content: space-between;
    position: relative;
    display: none;
}

.yesno-header::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -16px;
    height: .5px;
    width: 100%;
    background: #2C3B48;
    opacity: 0.5;
}

.closer-yesno {
    width: 30px;
    height: 30px;
    background-size: contain !important;
    display: block;
    background: url(../image/x.png) no-repeat;
    cursor: pointer;
}

.closer10 {

    display: flex;
    align-items: center;
    display: block;
    cursor: pointer;
    color: #2C3B48;
    opacity: 0.8;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin: 46.5px 0 76.5px 0;
}

.closer10 img {
    width: 30px;
    margin-right: 10px;
}

.closer,
.closer1,
.closer2,
.closer3,
.closer4,
.closer5,
.closer6,
.closer7,
.closer8,
.closer9:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* ================fpopap================== */

.pop-emoji {
    box-sizing: border-box;
    /*
    width: 615px;
    height: 330px;
*/
    background: #FFFFFF;
    border-radius: 24px;
    margin: 10% auto;
    position: relative;
    z-index: 10;
    padding: 35px 36px;
    border-radius: 24px;
}

.emoji-face {
    position: absolute;
    left: 50%;
    width: 131px;
    top: -26%;
    height: 131px;
    transform: translateX(-50%);

}

.pop-emoji-text {
    margin: auto;
}

.pop-emoji h3 {

    font-family: "Myriad Pro SemiBold";

    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    text-align: center;
    color: #2c3b48;

    margin-top: 31px;
    margin-bottom: 12px;
}

.pop-emoji p {

    font-family: "Roboto-Regular";
    width: 390px;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
}

.btn-emoji-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 66px;
    background: #1579d3;
    border-radius: 8px;
    margin: auto;
    margin-top: 20px;
}

.closer4,
.closer5,
.closer9 {
    right: -125px;
    top: -45px;
}


.closer6 {
    right: 22px;
    top: 22px;
}

.emoji-link {
    font-family: "Roboto-Regular-Medium";
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

.emoji-bad {
    top: -50px !important;
}

.btn-emoji-link a {
    text-decoration: none;
}

/* -------red---------- */

.btn-emoji-link-red {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 66px;
    background: #FF2C5E;
    border-radius: 8px;
    margin: auto;
    margin-top: 20px;

}

.header__links-rig {
    display: flex;
}

/* mycode */
.pop-emoji-text-red p {
    width: 390px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
}

/* ------------------------ */
.pop-emoji-text-sorry h3 {
    width: 550px;
    height: 74px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2C3B48;
}

.pop-emoji-text-sorry p {
    width: 458px;
    /* height: 58px; */
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
}

/*
.popup__overlay7 .pop-emoji {
    height: 363px;
}
*/

/* ================================================================ */
.btn-pop-1 {
    display: flex;
    align-items: center;
}

.pop-1-text h2 {
    width: 543px;
    font-family: "Myriad Pro Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 104%;
    color: #ffffff;
    margin-bottom: 12px;
}

.pop-1-text p {
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 24px;
    width: 423px;
}

.btn-pop-1 a {
    font-family: "Roboto-Regular-Medium";
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    width: 260px;
    padding: 23px 0;
    color: white;
    background: #ffffff;
    border-radius: 8px;
    text-align: center;
}

.pop-btn-link {
    background: linear-gradient(86.94deg, #7d0a99 -1.18%, #9818b7 99.29%) !important;
    color: #fff !important;
    margin-right: 20px;
}

/* ===========================katalog==================== */
.container-ktl {
    width: 1280px;
    margin: auto;

}

.ktl-title h2 {
    width: 161px;
    height: 46px;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 60px;
}

.ktl-title p {
    max-width: 656px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    color: rgba(44, 59, 72, 0.8);
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 15px;
    margin-bottom: 32px;
}

.ktl-optn-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    background: #F8F8F8;
    border-radius: 16px;
}

.ktl-optn-item {
    display: flex;
    padding: 12px 0 12px 10px;
    gap: 15.5px;
    width: 270px;
    height: 96px;
    background: #F8F8F8;
    border-radius: 12px;
}

.ktl-optn-text {
    display: flex;
    flex-direction: column;
}

.ktl-optn-item h3 {
    width: 200px;
    height: 26px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-bottom: 8px;
}

.ktl-optn-item p {
    height: 38px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular';
}

.group-wrp {
    display: flex;
}

.ktl-list-group h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-top: 60px;
    margin-bottom: 28px;
}

.group-item {

    width: 260px;
    height: 467px;
    box-sizing: border-box;
    margin-right: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0px 0px;
    background: #FFFFFF;
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.group-item > a > img {
    margin-bottom: 20px;
}

.group-text span {
    display: inline;


}



.group-text h4 {
    width: 260px;
    height: 23px;

    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    opacity: 0.9;
    font-family: 'Myriad Pro SemiBold';
    margin-bottom: 8px;
}

.group-text p {
    width: 265px;
    height: 19px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
    opacity: 0.9;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 37px;
}


.group-prc-all {
    display: flex;
}

.group-prc {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    display: flex;
    align-items: center;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-family: 'Myriad Pro SemiBold';
}

.group-prc-n {
    margin-right: 57px;
    margin-left: 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: line-through;
    color: #2C3B48;
    opacity: 0.3;
    flex: none;
    order: 1;
    flex-grow: 0;

}

.group-ques {
    width: 24px;
    height: 24px;
}

.btn-group {
    width: 260px;
    height: 66px;
    background: #FFFFFF;
    margin-top: 28px;
    border: 1px solid #7D0A99;
    border-radius: 8px;
    width: 260px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 112%;
    cursor: pointer;

}

.btn-group a {
    width: 92px;
    height: 22px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
}





/* .ktl-bnr-text h2 {
    width: 720px;
    height: 92px;
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-left: 70px;
}
.ktl-bnr-text p{
    width: 640px;
    height: 44px;
   font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 16px;
    margin-left: 70px;
}
/* .btn-bnr{ */
/* margin-right: 70px;
    margin-top: 126px;
    margin-bottom: 40px;
   
} */
/* .ktl-bnr-btn{
   box-sizing: border-box;
   width: 1280px;
} */

/* animation */
.fadeIn,
.fadeOut,
.slideInDown,
.slideOutUp {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1;
    visibility: visible;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    opacity: 0;
    visibility: hidden;
}

@keyframes slideInDown {
    from {
        top: -20px;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }

    to {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes slideOutUp {
    from {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    to {
        top: -20px;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.key_form {
    display: grid;
    font-size: 18px;
    margin: 10px 0;
}

.key_adres {
    width: 100%;
}

.key_adres input {
    width: 642px;
    background: #F8F8F8;
    border-radius: 8px;
    height: 66px;
    border: none;
    padding: 0 15px;
}

.key_adres input:not(:last-child) {
    margin-bottom: 12px;
}

.key_adres input::placeholder {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.6;
}

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

.dlg-modal .somespan {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.block_form input::placeholder {
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.6;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
}

.block_form input {
    width: 39%;
    background: #F8F8F8;
    border-radius: 8.07867px;
    height: 66px;
    border: none;
    padding: 0 15px;

}

.talyat__burger {
    margin-top: 484px !important;
}

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

.block_form1 input::placeholder {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    opacity: .6;
}

.block_form1 input {
    width: 44%;
    background: #F8F8F8;
    border-radius: 8.07867px;
    height: 66px;
    border: none;
    padding: 0 15px;

}

.block_form select {
    background: #F8F8F8;
    border-radius: 8.07867px;
    height: 66px;
    border: none;
    padding: 0 15px;
}

.block_form option {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    display: flex;
    align-items: center;
    color: #2C3B48;
}

.btn_submit {
    display: block;
    margin: 20px 0 8px 0;
}

.btn_submit button {
    width: 260px;
    height: 66px;
    background: #1579D3;
    border-radius: 8px;
    color: #fff;
    border: none;
    float: left;
}

.key_form span {
    display: block;
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    text-align: left;
    font-style: normal;
    font-weight: 400;
}

.key_form .gjvauje {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

/*Подсказка каталог*/
/* задаем относительное позиционирование контейнеру */
.podsk {
    position: relative;
}

/* Оформление скрытого элемента по умолчанию */
.hidden {
    display: none;
    position: absolute;
    bottom: -80px;
    border-radius: 12px;
    left: 95px;
    background-color: #fff;
    color: #3aaeda;
    padding: 24px 18px 24px 19.5px;
    text-align: left;
    background: #FFFFFF;
    border-radius: 12px;
    font-size: 14px;
    z-index: 99;
    height: 236px;
    width: 287px;
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.hidden h4 {
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.hidden p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(44, 59, 72, 0.8);
}

.hidden p span {
    display: block;
    margin-top: 12px;
}

.hidden-last {
    display: none;
    position: absolute;
    bottom: -80px;
    border-radius: 12px;
    left: -550px;
    background-color: #fff;
    color: #3aaeda;
    padding: 18px;
    text-align: left;
    box-shadow: 4px 10px 20px rgb(44 59 72 / 12%);
    font-size: 14px;
    z-index: 99;
    height: 236px;
    width: 287px;
}

/* Дополнительное оформление скрытого элемента(необязательно) */
.hidden:before {
    content: "";
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: -17px;
    height: 35.42px;
    width: 18px;
    background: white;
    ;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

/* Дополнительное оформление скрытого элемента(необязательно) */


/* Появление скрытого элемента при клике */
.focus:focus + .hidden {
    display: block;
}

/*Подсказка каталог*/

/*Большой попап*/

h3 {
    font-family: 'Myriad Pro SemiBold';
    font-size: 32px;
    line-height: 110%;
    color: #2c3b48;
}

.dlg-modal p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
}

.key_addres {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 99%;
    background: #f8f8f8;
    border-radius: 8.07867px;
    margin-bottom: 12px;
    padding: 0 20px;
}

.block_form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.phone {
    background: #f8f8f8;
    border-radius: 8.07867px;
    align-items: center;
    width: 45%;
    padding-left: 20px;


}

.tema-obr {
    margin: 24px 0;
}

input {
    font-family: 'Roboto-Regular';
    border: none;
    width: 642px;
    height: 86px;
}




/* ==================== */
textarea {
    width: 100%;
    height: 125px;
    resize: none;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 32px 20px;
    background: #F8F8F8;
    border-radius: 8.07867px;
    border: none;
}

textarea::placeholder {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    opacity: .6;
}

.file-wrp {
    box-sizing: border-box;
    width: 100%;
    height: 93px;
    background: #ffffff;
    border: 1px dashed #1579d3;
    border-radius: 8.07867px;
    display: flex;
    justify-content: center;
    text-align: center;
    display: inline-block;
}

.file-wrp p {
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.text-wrp {
    margin-top: 15px;
}

.castom-file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.text-file {
    color: #1579d3;
    font-family: "Myriad Pro Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 116%;
    /* or 23px */

    text-align: center;
}

.text-wrp span {
    font-family: 'Myriad Pro Bold' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    display: inline-block;
    text-align: center;
}

.text-file {
    color: #1579D3 !important;
}

.text-file-sk {
    color: rgba(44, 59, 72, 0.8);
    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    text-align: center;
}

/**test*/
.checklist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 12px 0 20px -10px;
}

.input-wrap {
    position: relative;
    margin-bottom: 22px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checklist__input {
    display: none;
}

.checklist__input:not([disabled]) + label.checklist__item {
    cursor: pointer;
    position: relative;

    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, padding-right .2s ease-in-out;
}

span.close > img {
    width: 100%;
    height: 100%;
}

.checklist__item {
    font-size: 14px;
}

.checklist__item {
    font-family: 'Roboto-Regular';
    border-radius: 60px;
    width: 196px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(125, 10, 153, 0.05);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
}


.checklist__input:not([disabled]) + label.checklist__item .close {
    width: 10px;
    height: 10px;
}

.checklist__input:not([disabled]) + label.checklist__item .close {
    display: none;
    width: 8px;
    height: 8px;
}

.checklist__input:checked + label.checklist__item .close {
    position: absolute;
    right: 22%;
    bottom: 23px;
    display: block;
    animation: a .3s ease;
}

.checklist__input:checked + label.checklist__item .closedRight {
    right: 15px !important;
}


.checklist__input:not([disabled]) + label.checklist__item .close {
    width: 10px;
    height: 10px;
}

.checklist__input:checked + label.checklist__item {
    font-family: 'Myriad Pro';
    color: #fff;
    background: #7D0A99;
    border: 1px solid rgba(125, 10, 153, 0.8);
    padding-right: 15px;
}

/*Большой попап конец*/
/*каталог попап*/
.pcat-container {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}

.small-item {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(44, 59, 72, 0.8);
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    margin-right: 28px;
}

#cat-one {
    background-image: url(../image/pop-cat/one.png);
    background-repeat: no-repeat;

}

#cat-two {
    background-image: url(../image/pop-cat/two.png);
    background-repeat: no-repeat;
}

#cat-three {
    background-image: url(../image/pop-cat/three.png);
    background-repeat: no-repeat;
}

#cat-four {
    background-image: url(../image/pop-cat/four.png);
    background-repeat: no-repeat;
}

.cat-img-bg {
    box-sizing: border-box;
    width: 372px;
    height: 368px;
    background: url(../image/pop-cat/bg.png);
    border: 1px solid rgba(44, 59, 72, 0.1);
    border-radius: 12px;
    flex: none;
    margin-right: 40px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pop-title-vizit {
    width: 430px;
    height: 50px;
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    display: flex;
    text-align: left;


}

.cat-img-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.cat-img-text h4 {
    width: 621px;
    height: 52px;
    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2c3b48;
    margin-top: 1px;
    margin-bottom: 16px;
}

.cat-img-pr {
    width: 620px;
    height: 114px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);

}

.btn-text-cat {

    padding: 22px 57px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    margin-top: 120px;
    display: inline-block;
}

.pop-cat-btn a {
    text-decoration: none;
}

.pop-bot-tittle {
    width: 617px;
    height: 44px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #2C3B48;
    display: flex;
    text-align: left;
}

.pop-cat-bot {
    display: flex;
}

.pop-btn-optn {
    width: 270px;
    height: 92px;
    padding: 12px 8px;
    gap: 12px;
    background: #F8F8F8;
    border-radius: 12px;
    margin-right: 20px;
    display: flex;
    margin-top: 24px;
    padding: 12px 8px;
    flex-direction: row;

}


.btn-optn-text {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: -10px;


}

.pop-optn-title {
    width: 122px;
    height: 22px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #2C3B48;
    margin-top: 17px;
    margin-bottom: 8px;

}

.btn-optn-text p {
    width: 210px;
    height: 38px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);

}

.pop-text-par {
    width: 198px;
    height: 38px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);
}

.pop-btn-optn img {
    height: 25px;
    width: 25px;
    margin-left: 14px;
    margin-right: 14.66px;
    margin-top: 14.66px;



}

/* --------------------да нет */
.yesno {
    padding: 40px 60px;
    /* gap: 24px; */
    position: relative;
    margin: auto;
    width: 732px;
    height: 546px;
    background: #FFFFFF;
    border-radius: 24px;

}

/* -----------toggle------- */
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

input.cmn-toggle-round-flat + label {
    background-color: #dddddd;
    transition: background 0.4s;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    gap: 16px;

    width: 188px;
    height: 62px;

    background: #f8f8f8;
    border-radius: 100px;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}

input.cmn-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #f8f8f8;
    border-radius: 60px;
    transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after {
    top: 4px;
    left: 9px;
    bottom: 4px;
    width: 28px;
    border-radius: 100px;
    transition: margin 0.4s, background 0.4s;

    background: #ffffff;
    align-items: center;
    padding: 16px 30px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
    border-radius: 100px;
}

input.cmn-toggle-round-flat:checked + label {
    background-color: #f8f8f8;
}

input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 89px;
    /*   background-color: #8ce196; */
    background: #ffffff;

}


.switch {
    margin-top: 12px;

}

.tgl-yes {
    position: relative;
    z-index: 2;


    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #2c3b48;
    margin-left: 38px;
    font-family: 'Roboto-Regular';

}

.tgl-no {
    position: relative;
    z-index: 2;
    font-family: 'Roboto-Regular';

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #2c3b48;
    right: -51px;

}

.btn_tgl {
    display: block;
    margin: 24px 0 12px 0;
}

.btn_tgl button {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    border: none;
    float: left;
}

/* -------- */
.title-yesno {
    width: 642px;
    height: 37px;

    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 12px;
    text-align: left;


}

.yesno p {
    max-width: 495px;
    height: 44px;

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
    text-align: left;
}

.yesno h4 {

    width: 642px;
    height: 23px;

    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-top: 24px;
    text-align: left;
}

/* ================popap================== */


/* ==========New Pages=========== */

.expenses {
    width: 100%;
    background: url('../image/uddom/background__first.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
}

.expense__info {
    padding: 80px 0 196px;
}

.expense__title {
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 100%;
    color: #FFFFFF;
    max-width: 446px;
    margin-bottom: 20px;
}

.expense__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    max-width: 460px;
    color: #FFFFFF;
    margin-bottom: 54px;
}

.expense__card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 23px;
    max-width: 556px;
}

.expense__card-item {
    display: flex;
    align-items: center;
    width: 256px;
}

.expense__card-icon {
    margin-right: 19.33px;
}

.expense__card-info {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #FFFFFF
}

.expense__img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.expense__img img {
    height: 100%;
}

.comfort {
    margin-top: 60px;
}

.comfort__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 20px;
}

.comfort__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
    max-width: 988px;
    margin-bottom: 40px;
}

.comfort__card-subtitle {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #2C3B48;
    margin-bottom: 28px;
}

.comford__card {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.comfort__card-item {
    width: 406px;
    height: 533px;
    margin-bottom: 36px;
}

.comfort__card-item img {
    width: 100%;
    height: 100%;
}

.control {
    width: 100%;
    background: url(../image/uddom/background__first.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 707px;
    padding: 60px 0 6px;
    box-sizing: border-box;
}

.control__wrapper {
    display: flex;
    justify-content: center;
}

.control__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #FFFFFF;
    width: 733px;
    margin-bottom: 40px;
}

.control__info {
    width: 750px;
}


.control__card {
    display: flex;
    flex-wrap: wrap;
}

.control__card-item {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    width: 330px;
    box-sizing: border-box;
    height: 111px;
    margin-right: 20px;
    margin-bottom: 18px;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    padding: 20px 22px;
    transition: .3s;
}

.control__card-item:hover {
    background: rgba(255, 255, 255, 0.8)
}

.control__card-item:active {
    background: rgba(255, 255, 255, 0.9)
}

.control__card-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    align-self: flex-start;

    margin-bottom: 8px;
}

.control__card-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.control__button {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
    margin-top: 42px;
}

.control__img {
    margin-right: 62.81px;
}

.application {
    padding: 28px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    display: flex;
    flex-direction: column;
}

.application__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    color: #FFFFFF;
    width: 500px;
    margin-bottom: 24px;
}

.application__form {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: space-between;
    gap: 20px;
}

.application__form__inputs__par {
    position: relative;
}

.application__form__inputs__span {
    position: absolute;
    top: 23px;
    left: 23px;
    color: rgba(44, 59, 72, 0.6);
    transition: all .3s;
}

.application__form__inputs__par input:focus ~ span {
    top: 13px;
    left: 20px;
    opacity: 0.6;

    font-size: 14px;
}

.citys__filter__par {
    width: 458px;
    position: absolute;
    top: 74px;
    background: #f8f8f8;
    border-radius: 8px;
    overflow: hidden;
    z-index: 100;
}

.citys__filter__element {
    cursor: pointer;
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
    padding: 12px 0 11px 20px;
    background: #F8F8F8;
    color: rgba(44, 59, 72, 0.8);
    display: none;
}

.citys__filter__element:hover {
    color: white;
    background: #1579D3;
}

.application__addres {
    width: 458px;
    box-sizing: border-box;
    padding-top: 20px;
    height: 66px;
    background: #F8F8F8;
    border-radius: 8px;
    font-size: 16px;
    padding-left: 20px;
}

.application__name {
    width: 251px;
    box-sizing: border-box;
    padding-top: 20px;
    height: 66px;
    font-size: 16px;
    padding-left: 20px;
    background: #F8F8F8;
    border-radius: 8px;
}



.application__phone {
    width: 251px;
    box-sizing: border-box;
    padding-top: 20px;
    height: 66px;
    padding-left: 20px;
    font-size: 16px;
    background: #F8F8F8;
    border-radius: 8px;

}

.application__send {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

.application__subtitle {
    float: right;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    width: 259px;
}

.question {
    margin-top: 40px;
    margin-bottom: 24px;
}

.question__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 24px;
}

details {
    padding: 16px;
}

details[open] summary ~ * {
    animation: open 0.3s ease-in-out;
}

@keyframes open {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

details summary::-webkit-details-marker {
    display: none;
}

details summary {
    width: 100%;
    border-top: 1px solid rgba(44, 59, 72, 0.2);
    position: relative;
    cursor: pointer;
    list-style: none;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 116%;
    padding: 24.5px 0;
}

details summary div {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    transform-origin: center;
    transition: all 200ms linear;
}

details summary div:hover {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);

}

details summary div:hover svg path {
    stroke: white
}

details summary div svg {
    transform-origin: center;
    transition: 200ms linear;
}

details[open] summary svg {

    transform: rotate(45deg);
    font-size: 2rem;
}

details summary {
    outline: 0;
}

details p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin-top: 16px;
    width: 986px;
}

details p span {
    color: #1474CA;
}

.answer {
    padding: 32px 0;
    background: #F8F8F8;
}

.answer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.answer__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.answer__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 426px;
    color: rgba(44, 59, 72, 0.8);
}

.answer__button {
    width: 260px;
    height: 66px;
    background: #1579D3;
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

/* Sputnik Page */

.expense__img-pic {
    left: 0;
}

.enpense__info-right {
    display: flex;
    justify-content: flex-end;
}

.map {
    padding: 60px 0 42px;
    position: relative;
}

.map__info {
    width: 55%;
}

.map__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    margin-bottom: 48px;
}

.map__subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.map__phone {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.map__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #2C3B48;
}

.map__address {
    max-width: 620px;
    margin: 4px 0 40px;
}

.map__phone a {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-right: 8px;
}

.map__work-week {
    margin-bottom: 20px;
}

.map__application {
    margin-top: 40px;
}

.map__day {
    margin-bottom: 16px;
}

.map__button {
    margin-top: 20px;
    margin-bottom: 122px;
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

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

.map__comments:last-child {
    margin-top: 22px;
}

.map__comments img {
    margin-right: 6px;
}

.map__comments p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.map__navigation {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

.map__navigation > div {
    height: 100%;
    width: 100%;
    border: none;
}

.map__navigation iframe {
    height: 100%;
    width: 100%;
    border: none;
}

.map__osinnik .map__info-text {
    margin-bottom: 8px;
}

.map__osinnik .map__info-text:last-child {
    margin-bottom: 16px;
}

.control-panel {
    background: url(../image/uddom/white-concrete-wall%201.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.control__dowload {
    margin-top: 42px;
}

.control__dowload img {
    margin-right: 28.5px;
}

.control__dowload img:last-child {
    margin-right: 0;
}

.advice {
    padding: 60px 0 40px;
}

.advice__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    width: 554px;
}

.advice__card {
    display: flex;
    column-gap: 40px;
    margin-top: 40px;
}

.advice__card-left {
    display: flex;
    flex-direction: column;
    row-gap: 120px;
}

.advice__card-right {
    display: flex;
    flex-direction: column;
    row-gap: 120px;
    padding-top: 60px;
}

.advice__item {
    transition: all 1.2s linear;

    display: flex;
}

.advice__item-info {
    margin-left: 12px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
    border-radius: 16px;
    background: #FFFFFF;
    width: 304px;
}

.advice__item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    width: 278px;
    display: inline-block;
}

.advice__item-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 278px;
    margin-top: 16px;
    display: inline-block;
}

.advice__item-pic {
    width: 320px;
    height: 240px;
}

.advice__item-pic img {
    width: 100%;
    height: 100%;
}

.operation {
    padding: 60px 0;
}

.operation__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2C3B48;
}

.operation__with {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 70px;
    margin-bottom: 24px;
}

.operation__with-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: rgba(44, 59, 72, 0.8);
}

.operation__card {
    width: 100%;
    display: none;
    justify-content: center;
    column-gap: 40px;
}

.operation__item {
    background: #FFFFFF;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 16px;
    padding: 24px 52px;
}

.operation__item img {
    margin-bottom: 22px;
}

.operation__item-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-bottom: 8px;
}

.operation__item-subtitle {
    margin-left: 35px;
    margin-bottom: 20px;
    width: 509px;
}

.operation__item-title span {
    margin-right: 20px
}

.videocall {
    padding: 60px 0 32px;
    background: #F8F8F8;
}

.videocall__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    margin-bottom: 32px;
}

.videocall__card {
    display: flex;
}

.videocall__item {
    width: 50%;
}

.videocall__item-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #2C3B48;
}

.catalogPadding > .container > div > div {
    background: url(../image/fon_number.png);
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    padding: 40px 70px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.catalogPadding {
    padding: 0 !important;
}

.catalogPadding > .katalog__wrapper {
    margin: 40px 0 !important;
}

.videocall__item-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 690px;
}

.videocall__menu {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    row-gap: 16px;
}

.feedback__item p {
    color: rgba(44, 59, 72, 0.8);
}

.videocall__menu li {
    display: flex;
}

.videocall__menu-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #2C3B48;
    line-height: 116%;
    margin-left: 16px;
}

.online {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
}

.online__card {
    width: 100%;
    background: linear-gradient(179.07deg, #FFFFFF 48.39%, #FCFCFD 90.22%, #CFD5E2 133.87%);
    border-radius: 24px;
    padding-top: 40px;
    padding-left: 70px;
    display: flex;
    position: relative;
}

.online__info {
    display: flex;
    flex-direction: column;
}

.citys-par {
    position: static;
    margin-top: 8px;
    margin-bottom: 36px;
}

.citys-par .citys__filter__element {
    text-align: left;
}

.goroda-par ul li img {
    float: right;
    display: none;
}

.online__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    width: 448px;
    color: #064288;
    margin-bottom: 32px;
}

.online__subtitle {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    width: 457px;
    margin-bottom: 20px;
    display: flex;
}

.online__subtitle img {
    margin-right: 20px;
}

.online__subtitle p {
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    width: 422px;
    color: #2C3B48;
}

.online__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 417px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 55px;
}

.online__more {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #1579D3;
    display: inline;
    align-self: flex-start;
    margin-bottom: 97.5px;
}

.online__more img {
    margin-left: 10px;
}

.online__pic {
    margin-left: 105px;
    display: flex;
}

.online__img {
    height: 100%;
}

.online__pic img {
    height: 100%;
}

.dowload {
    padding: 60px 0 59px;
    background: #F8F8F8;
}

.dowload__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2C3B48;
}

.dowload__accepts {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    column-gap: 120px;
    margin-bottom: 24px;
}

.dowload__accept {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: rgba(44, 59, 72, 0.8);
}

.dowload__card {
    background: #FFFFFF;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 20px;
    padding: 26px 24px;
    display: none;
    justify-content: space-between;
}

.dowload__subtitle {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
}

.dowload__subtitle-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin: 24px 0;
}

.dowload__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
    width: 568px;
    margin-bottom: 24px;
}

.dowload__info-text a {
    color: #1579D2
}

.dowload__about {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 568px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 12.5px;
}

.dowload__dowload {
    display: flex;
    width: 201px;
    align-items: center;
    color: #1579D3;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
}

.dowload__dowload img {
    margin-left: 10px;
}

.function {
    padding: 60px 0 63px;
}

.function__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    text-align: center;
    margin-bottom: 24px;
}

.function__support {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 70px;
}

.function__support-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 24px;
}

.function__card {
    padding: 24px;
    background: #FFFFFF;
    width: 100%;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    display: none;
}

.function__info {
    padding-top: 20px;
}

.function__info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    width: 454px;
    margin-bottom: 24px;
}

.function__info-subtitle {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 580px;
    margin-bottom: 24px;
}

.function__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
    width: 580px;
}

.notification {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
}

.notification__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.notification__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #FFFFFF;
    width: 843px;
    margin-bottom: 40px;
}

.notification__card {
    display: flex;
    justify-content: space-between;
}

.notification__item {
    background: linear-gradient(169.33deg, #FFFFFF 32.85%, #CFD5E2 108.33%);
    box-shadow: 0px 4px 32px rgba(9, 40, 67, 0.77);
    border-radius: 20px;
    padding-top: 24px;
    padding-left: 38.67px;
    padding-right: 38.67px;
    height: 508px;
    position: relative;
    overflow: hidden;
}

.notification__item-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.notification__item-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 328px;
}

.notification__card img {
    width: 307px;
    height: 308px;
    position: absolute;
    bottom: -16px;
}

.control-adress {
    padding: 60px 0 40px;
}

.control-adress__card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
    border-radius: 24px;
    padding: 40px 70px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.control-adress-title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    width: 399px;
    color: #064288;
}

.control-adress-subtitle {
    margin: 24px 0 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 417px;
}

.control-adress-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 429px;
}

.control-adress-pic {
    display: flex;
    position: relative;
}

.control-adress-img {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
    height: 115%;
}

.control-adress-img:first-child {
    left: 110px;
}

.invite {
    padding: 40px 0;
    background: #F8F8F8;
}

.invite__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    width: 500px;
    margin-bottom: 16px;
}

.invite__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #2C3B48;
    width: 717px;
    margin-bottom: 24px;
}

.invite__card {
    display: flex;
    justify-content: space-between;
}

.invite__item {
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    background: #FFFFFF;
    padding: 32px;
    height: 256px;
    display: flex;
    padding-right: 10px;
}

.invite__info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #064288;
    margin-bottom: 20px;
}

.invite__text {
    display: flex;
}

.invite__text:not(:last-child) {
    margin-bottom: 12px;
}

.invite__text span {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-right: 24px;
}

.invite__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 325px;
}

.invite__pic {
    position: relative;
    width: 210px;
}

.invite__pic img {
    position: absolute;
    height: 112.5%;
    width: 100%;
}

.video {
    padding: 60px 0;
    background: linear-gradient(169.33deg, #FFFFFF 32.85%, #CFD5E2 108.33%)
}

.video__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #064288;
    width: 667px;
    margin-bottom: 16px;
}

.video__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #2C3B48;
    margin-bottom: 32px;
}

.video__video {
    width: 100%;
    height: 652px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2C3B48;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 16px;
    margin-bottom: 40px;
}

.video__circle {
    width: 200px;
    height: 200px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.video__card {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 16px;
    box-sizing: border-box;
}

.video__card-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.video__card-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.video__card-item {
    display: flex;
}

.video__card-circle {
    width: 44px;
    height: 44px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}

.video__card-item p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 524px;
}

.attention {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
}

.attention__title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 104%;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.attention__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    width: 789px;
}

.attention__card {
    margin-top: 51px;
    background: linear-gradient(169.33deg, #FFFFFF 32.85%, #CFD5E2 108.33%);
    border-radius: 32px;
    position: relative;
    display: flex;
    padding: 60px 40px;
}

.input-clear {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
}

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

.attention__pic {
    position: absolute;
    right: 100px;
    bottom: -4px;
}

.attention__dowload {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 32px;
}

.attention__dowload-title {
    margin-bottom: 34px;
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.attention__app {
    display: flex;
    gap: 20px;
}

.whywe__section1 {
    padding: 80px 0;
}

.whywe__section1 .container {
    display: flex;

}

.whywe__section1__block1 {
    width: 666px;
}

.whywe__section1__block1 h1 {
    font-size: 52px;
    color: #2C3B48;
}

.whywe__section1__block1 p {
    padding: 24px 0 50px;
    width: 625px;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.frist-none {
    display: none;
}

.whywe__section1__block1 .btn {
    border-radius: 8px;
    padding: 23px 83px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto-Regular-Medium';
}

.whywe__section1__block2-img1 img {
    transform: translateX(50px);
}

.whywe__section1__block2-img2 {
    margin-top: 60px;
}

.whywe__section1__block2-img2 img:first-child {
    transform: translateX(-60px);
}

.whywe__section2 {
    padding: 40px 0;
    background: #F8F8F8;
}

.whywe__section2 h2 {
    font-size: 34px;
    font-family: 'Myriad Pro Bold';
    color: #2C3B48;
    font-weight: 700;
}

.whywe__section2 .container > p {
    padding: 16px 0 28px;
    max-width: 712px;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.whywe__section2__par {
    display: flex;
    gap: 96.66px;
}

.noneBack {
    background: none !important;
    padding: 0 !important;
    justify-content: center !important;
}

.parItem1 {
    width: 240px;
}

.parItem2 {
    width: 252px;
}

.parItem3 {
    width: 258px;
}

.whywe__section2__par__item p {
    padding: 20px 0 8px;
    color: #2C3B48;
    font-size: 20px;
    font-family: 'Myriad Pro Semibold';
}

.whywe__section2__par__item span {
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.cifral__section1 {
    padding: 60px 0;
}

.cifral__section1 .container {
    display: flex;
    gap: 35px;
    align-items: center;
}

.cifral__section1__block1 {
    width: 625px;
}

.cifral__section1__block1 h1 {
    font-size: 52px;
    color: #2C3B48;
}

.cifral__section1__block1 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    padding-top: 24px;
    color: rgba(44, 59, 72, 0.8);
}

.number1 {
    padding: 20px 0;
}

.number1 .number__wrapper {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    border-radius: 24px;
}

.cifral__section2 {
    padding: 60px 0;
}

.towar {
    display: none;
}

.cifral__section2 .container {
    display: flex;
    gap: 40px;
    align-items: center;
}

.cifral__section2__block1 {
    width: 620px;
}

.cifral__section2__block2 {
    width: 617px;
}

.cifral__section2__block2 h3 {
    font-weight: 600;
    font-size: 32px;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;
}

.cifral__section2__block2 p,
.cifral__section2__block2 span {
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.cifral__section2__block2 p {
    padding: 20px 0 16px;

}

.gruop__text3 p {
    opacity: 1;
    margin-bottom: 16px !important;
}

.history {
    padding: 60px 0;
}

.history h2 {
    color: #2C3B48;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';

}

.history__block {
    display: flex;
    margin-top: 40px;
    flex-direction: column;
    gap: 24px;
}

.history__block_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.history__block_item-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.howWeWork__section3__block2__par p {
    color: #2C3B48;
}

.history__block_item__block1 {
    display: flex;
    gap: 25px;
    align-items: center;
}

.history__block_item__block2 {
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.history__block_item-line {
    width: 2px;
    margin-left: 15px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.history__block_item__block2 span {
    width: 931px;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.history__block_item__block2-span {
    margin-left: 57px;
}

.history__block_item__block1 p {
    color: #2C3B48;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Myriad Pro SemiBold';
}

.feedback {
    padding: 60px 0 60.5px;
    background: #F8F8F8;
}

.feedback h2 {
    font-weight: 700;
    font-size: 44px;
    font-family: 'Myriad Pro Bold';
    color: #2C3B48;
}

.feedback__wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 24px;
    margin-top: 40px;
}

.feedback__item {
    padding: 24px;
    background-color: white;
    border-radius: 16px;
    box-sizing: border-box;
    width: 400px;
    transition: .1s;
}

.feedback__item span {
    font-size: 14px;
    color: rgba(44, 59, 72, 0.8);
}

.daje-br-kpanq {
    display: none;
}

.feedback__item h4,
.swiper-slide h4 {
    font-weight: 600;
    font-size: 20px;
    opacity: 1;
    padding: 8px 0 12px;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;

}

.catalog__button button a {
    color: white;
}

.sec2Tolyat__textPar {
    display: none;
}

#workonus__vacantion a {
    text-decoration: none;
}

.miat-haway {
    display: none;
}

.feedback__item a {
    font-size: 18px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    color: #064288;
}

.feedback .news__button {
    margin-top: 40.5px;
}

.swiper-wrapper {
    padding: 20px 0 30px;
    display: flex;
}

.swiper-slide {
    width: 100%;
}

.swiperBlock {
    padding: 40px 0;
}

.swiperBlock-a {
    display: flex;
    gap: 10px;
    color: #064288;
    align-items: center;
    margin-bottom: 30px;
}

.swiper-slide-item {
    padding: 20px 0 32px 24px;
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
}

.swiperBlock .swiper-pagination,
.swiperBlock1 .swiper-pagination {
    margin-top: 40px;
    bottom: 0 !important;
    text-align: right;
    margin-right: 45px;
    left: -45px !important;
}

.swiperBlock1 .swiper-pagination {
    bottom: 6px !important;
}

.swiperBlock1 .swiper-pagination-bullet,
.swiperBlock .swiper-pagination-bullet {
    background: transparent;
    opacity: .6;
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px !important;
    margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    color: #064288 !important;
}

.swiper-pagination-bullet:active {
    opacity: 1;
}

.swiper-pagination-bullet:hover {
    opacity: .8 !important;
}

:root {
    --swiper-navigation-size: 20px;
    --swiper-theme-color: #064288;

}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .3;

}

.swiper-button-prev,
.swiper-button-next {
    top: 99.1%;
    z-index: 1000;
    font-weight: 600;
}

.swiper-button-prev {
    left: auto !important;
    right: 157px !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: .8;
}

.swiper-button-prev:active,
.swiper-button-next:active {
    opacity: 1;
}

.slide-item-last {
    border: none;
}

.news__section1 {
    padding: 60px 0 40px;
}

.first-none {
    display: none;
}

.news__wrapper1 {
    display: flex;
    gap: 40px;
}

.news__section1 h2 {
    font-size: 44px;
    color: #2C3B48;
    padding-bottom: 40px;
}

.news__item1 {
    width: 400px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    overflow: hidden;
}

.news__item__info {
    padding: 12px 16px 28px 16px;
}

.news__item__info span {
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    color: rgba(44, 59, 72, 0.8);
}

.news__item__info p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.filtrs {
    display: flex;
    justify-content: flex-end;
    position: relative;
    gap: 16px;
    align-items: flex-start;
}

.swiperBlock1 {
    padding: 28px 0 20px;
}

.swiperBlock1 .swiper-wrapper {
    padding: 0;
    padding-bottom: 72px;
}

.swiperBlock1 .swiper-slide__item {
    box-sizing: border-box;
    padding: 24px 40px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    border-top: 1px solid rgba(44, 59, 72, 0.2);
}

.swiper-slide__item__date {
    display: flex;
    gap: 6px;
    align-items: flex-end;

}

.swiper2__last-item {
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);

}

.swiper-slide__item__date p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 32px;
    user-select: none;
    transform: translateY(-12px);
    color: #064288;
}

.swiper-slide__item__date span {
    opacity: 0.9;
    color: #064288;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto-Regular';
}

.swiper-slide__item__block2 {
    width: 1062px;
}

.swiper-slide__item__block2 p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    color: #2C3B48;
    padding-bottom: 8px;
}

.swiper-slide__item__block2 span {
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);


}

#city,
#time {
    width: 214px;
    height: 40px;
    box-sizing: border-box;
    background: #F8F8F8;
    cursor: pointer;
    border-radius: 8px;
    padding: 10px 12px 10px 20px;
}

.input {
    align-self: flex-start;
}

.input,
.inputDiv {
    position: relative;
    cursor: pointer;
}

.input img,
.input2 img {
    position: absolute;
    transform-origin: center;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 10px;
}

.roteteClass {
    transform: translateY(-50%) rotate(0) !important;
}

.banner_text-media {
    display: none;
}

.cityes {
    width: 214px;
    height: 195px;
    background: #F8F8F8;
    z-index: 10000;
    border-radius: 8px;
    overflow-y: scroll;
    display: none;
    position: absolute;
    top: 48px;
    right: 230px;
}



.cityValue {
    cursor: pointer;
    background: #F8F8F8;
    padding: 8px 0 8px 20px;
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
    font-family: 'Roboto-Regular';
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
}

.cityValue:hover {
    background-color: #0088FF;
    color: white
}

.cityValue:last-child {
    border: none;
}



.cityes::-webkit-scrollbar {
    width: 6px;
    background: #DDE3E8;
    border-radius: 8px;
}

.cityes::-webkit-scrollbar-thumb {
    width: 100%;
    height: 16px;
    background: rgba(44, 59, 72, 0.4);
    border-radius: 8px;
}

.input__time__par {
    width: 214px;
    border-radius: 8px;
    background: #f8f8f8;
    position: absolute;
    right: 0;
    z-index: 1000;
    display: none;
    top: 47px;
}

.Dblock {
    display: block;
}

.year__block {
    padding: 13px 16px;
    display: flex;
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
    justify-content: space-between;
}

.mouth__block {
    display: flex;
    gap: 11px;
    padding: 16px 6px 16px 8px;
}

.mouth__block-item1,
.mouth__block-item2,
.mouth__block-item3 {
    width: 55px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    color: rgba(44, 59, 72, 0.8);
    align-items: center;
}

.mouth__value {
    user-select: none;
    font-size: 14px;
}

.mouth__value:hover {
    color: #0088FF;
    cursor: pointer;
}

.mouth__block-item2 {
    width: 58px;
}

.mouth__block-item3 {
    width: 63px;
}

#prevBut {
    cursor: pointer;
}

#nextBut {
    cursor: pointer;
    pointer-events: none;
    opacity: .2;
    transform: rotate(180deg);
}

#prevBut:hover path,
#nextBut:hover path {
    stroke: #0088FF;

}

.year__block p {
    cursor: pointer;
    user-select: none;
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    color: #2C3B48;
}

.year__block p:hover {
    color: #0088FF;
}

.reset__block {
    padding: 4px 0 20px;
    text-align: center;
    cursor: pointer;
    color: rgba(44, 59, 72, 0.3);
}

.opacity__1 {
    opacity: 1 !important;
    pointer-events: unset !important;
}

.opacityReset {
    pointer-events: unset;
    color: #1579D3;
}

.reset__block {
    user-select: none;
}

.activeListEl {
    color: #1579D3 !important;
}

.openNews {
    padding: 42px 0;
}

.openNews .container > a {
    display: flex;
    gap: 10px;
    color: #064288;
    align-items: center;
    margin-bottom: 42px;
}

.openNews .container > span {
    font-size: 14px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 12px;
}

.openNews__info__par > h2 {
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 32px;
}

.openNews__info__par {
    width: 730px;
}

.openNews__info__par p {
    line-height: 124%;
    padding-bottom: 12px;
    color: rgba(44, 59, 72, 0.8);
}

.openNews__select__div {
    background: #F3F9FF;
    border-radius: 8px;
    line-height: 124%;
    width: 730px;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 16px;
    color: #2C3B48;
}

.openNews__citat__div {
    padding: 24px 52px 20px;
    box-sizing: border-box;
    width: 730px;
    background: #F3F9FF;
    position: relative;
    margin-top: 32px;
    border-radius: 8px;
}

.openNews__citat__div__text1 {
    line-height: 124%;
    color: #2C3B48;
}

.openNews__citat__div img {
    position: absolute;
    top: 13px;
    left: 10px;
}

.openNews__citat__div__text2 {
    text-align: right;
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
}

.openNews__citat__div__text2 span {
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular';
    padding-top: 12px;
}

.openNews__block1 {
    width: 730px;
}

.swiperBlock2 .swiper {
    padding-bottom: 30px;
    user-select: none;
}

.swiper-scrollbar {
    width: 642px !important;
    left: 0 !important;
    height: 2px !important;
    bottom: 31px !important;
    background: rgba(6, 66, 136, .2) !important;
}

.swiper-scrollbar-drag {
    background: #064288 !important;
}

.swiperBlock2 .swiper-button-prev,
.swiperBlock2 .swiper-button-next {
    top: 89.5% !important;
    right: 8.5px !important;
    width: 7.5px !important;
    height: 15px !important;
}

.swiperBlock2 .swiper-button-prev {
    right: 32px !important;
}

.swiperBlock2 .swiper-button-next {
    right: 8px !important;
}

.openNews__img1 {
    margin-top: 8px;
    margin-bottom: 32px;
}

.openNews__img2 {
    margin-bottom: 32px;
}

.openNews__share {
    color: #1579D3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 22px;
}

.openNews__par {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.openNews__block2 {
    width: 440px;
}

.openNEws__block2__par1 {
    box-sizing: border-box;
    padding: 20px;
    background: #F6F6FB;
    border-radius: 8px;

}

.openNEws__block2__par1 h3 {
    font-size: 20px;
    color: #2C3B48;
    font-family: 'Myriad Pro SemiBold';
    padding-bottom: 20px;
}

.openNews__lastNews__par {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.openNews__lastNews__par span {
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
}

.openNews__lastNews__par span {
    color: #2C3B48;
    padding-top: 4px;
}

.openNews__block2__par2 {
    margin-top: 24px;
    border-radius: 8px;
    overflow: hidden;
    background: #F6F6FB;
}

.openNews__block2__par2 h3 {
    color: #2C3B48;
    font-size: 20px;
    font-family: 'Myriad Pro SemiBold';
}

.openNews__block2__par2 > div {
    padding: 16px;
    padding-bottom: 20px;
}

.openNews__block2__par2 span {
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
    display: block;
    padding-top: 4px;
}

.openNews__input__par {
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
    justify-content: space-between;
}

.openNews__input__par input {
    width: 228px;
    padding: 16px 0 16px 20px;
    height: 48px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 8px;
}

.openNews__input__par input::placeholder {
    color: rgba(44, 59, 72, 0.6);
    font-size: 14px;
    font-family: 'Roboto-Regular';
}

.openNews__input__par button {
    padding: 16px 0;
    width: 170px;
    background: #1579D3;
    border-radius: 8px;
    text-align: center;
    color: white;
    font-family: 'Roboto-Regular';
}

.question__details {
    padding: 24.5px 16px 55.5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 72px;
    box-sizing: border-box;
    transition: .2s;
}

.addedDetails {
    height: 111px;
}

.addedP {
    opacity: 1 !important;
}

.question__details:not(:last-child) {
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
}

.question__summary > div {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    background: transparent;
}

.addedDiv {
    transform: translateY(-50%) rotate(45deg) !important;
}

.question__details:hover svg path {
    stroke: white;
}

.question__details:hover .question__summary > div {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.question__summary {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.question__details p {
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 986px;
    opacity: 0;
}

.onlImg {
    position: absolute;
    height: 262px !important;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}

.visit {
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    padding: 60px 0;
}

.visit__card {
    width: 100%;
    background: linear-gradient(179.07deg, #FFFFFF 48.39%, #FCFCFD 90.22%, #CFD5E2 133.87%);
    border-radius: 24px;
    padding-top: 40px;
    padding-left: 70px;
    overflow: hidden;
}

.visit__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #064288;
    margin-bottom: 12px;
}

.visit__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.visit__foto {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    justify-content: center;
}

.visit__pic img {
    height: 100%;
    transition: .3s;
    cursor: pointer;
}

.visit__pic:hover > img {
    transform: scale(1.05)
}

.xaxainp {
    display: flex;
    gap: 20px;
}

.register {
    padding: 60px 0 64px;
}

.register__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    text-align: center;
    color: #2C3B48;
    margin-bottom: 16px;
}

.register__subtitle {
    padding: 0 70px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 40px;
}

.register__card {
    display: flex;
    justify-content: space-between;
}

.register__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.register__info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.register__info-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 292px;
}

.register__start {
    margin-top: 32px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    text-align: center;
}

.register__dowload {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 28.5px;
}

.operation__with-title {
    cursor: pointer;
}

.operation__card2 {
    box-sizing: border-box;
    padding: 24px;
    width: 100%;
    display: none;
    gap: 32px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 20px;
}

.Dflex {
    display: flex !important;
}

.operation__card2__textpar {
    padding: 32px 32px 0 0;

}

.operation__card2__textpar h3 {
    font-size: 24px;
    line-height: 110%;
    font-family: 'Myriad Pro SemiBold';
    padding-bottom: 24px;
    color: #2C3B48;
}

.operation__card2__textpar p {

    line-height: 124%;
    color: #2C3B48;
}

.operation__with-title-active {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.dowload__card2__text__par {
    padding: 20px 32px 0 32px;
}

.dowload__card2__text__par h3 {
    font-size: 24px;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;

}

.dowload__card2__text__par p {
    padding-top: 24px;
    line-height: 124%;
    color: #2C3B48;
}

.dowload__accept,
.function__support-title {
    cursor: pointer;
}

.expense__list__par {
    display: flex;
    gap: 31px;
    margin-left: 18px;
}

.expense__list-item ul li {
    list-style-type: disc;
    color: white;
}

.expense__list-item ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.expense__list-item {
    width: 290px;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
}

.expense__list-item:first-child {
    width: 237px;
}

.uddom2__info {
    padding: 60px 0;
}

.uddom2__info > h3 {
    font-size: 34px;
    color: #2C3B48;
}

.uddom2__info p {
    padding-top: 16px;
    font-size: 18px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.uddom2__section {
    background-color: #F8F8F8;
}

.uddom2__info__card__par {
    display: flex;
    margin-top: 40px;
    gap: 24px;
}

.uddom2__info__card__item {
    width: 300px;
    background: white;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    min-height: 510px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

.uddom2__info__card__item p {
    font-size: 16px;
}

.uddom2__info__card__item h3 {
    width: 202px;
    font-size: 20px;
    line-height: 116%;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;
}

.uddom2__info__card__item a {
    color: #1579D3;
    font-size: 16px;
    font-family: 'Myriad Pro SemiBold';
    text-align: right;
}

.control2 {
    background: url(../image/bg_blue.jpg);
    background-size: cover;
}

.control__button {
    margin-top: 22px;
}

.activePayment svg path {
    fill: #064288;
}

.expenses1 {
    background-image: url(../image/uddom/background__first1.png);
}

.popup__vizit {
    width: 100%;
    height: 100vh;
    background: rgba(44, 59, 72, 0.7);
    position: fixed;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 5555555550000;
}

.vizit__card {
    padding: 40px;
    background: white;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    position: relative;

}

.vizit__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
}

.vizit__middle {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.vizit__img-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-right: 28px;
    cursor: pointer;
}

.vizit__img {
    width: 372px;
    height: 368px;
    margin-right: 40px;
}

.vizit__img > img {
    width: 100%;
    height: 100%;
}

.control__card-media {
    display: none;
}

.vizit__info {
    display: flex;
    flex-direction: column;
}

.vizit__info-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;
    width: 507px;
    margin-bottom: 16px;
}

.vizit__info-text {
    width: 482px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 40px;
}

.vizit__info-button {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    align-self: flex-start;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

.vizit-service {
    margin-top: 44px;
    width: 588px;
    height: 38px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 20px;
}

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

.vizit-item {
    padding: 12px;
    background: #F8F8F8;
    border-radius: 12px;
}

.vizit-item > span {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.vizit-item > span > img {
    margin-right: 13px;
}

.vizit-item > p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    width: 213px;
    color: rgba(44, 59, 72, 0.8);
    transform: translateX(42px)
}

.vizit__close {
    position: absolute;
    right: -95px;
    top: -35px;
    cursor: pointer;
}

.popup__vizit-two {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background: rgba(44, 59, 72, 0.7);
    z-index: 5555555;
    display: none;
}

.card-two {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 40px;
    position: relative;
}

.two-title {
    color: #2C3B48;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    font-family: 'Myriad Pro SemiBold';
    margin-bottom: 12px;
}

.two-subtitle {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 495px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 24px;
}

.adress {
    background: #f8f8f8;
    border-radius: 8px;
    width: 622px;
    height: 66px;
    padding-left: 20px;
    margin-bottom: 12px;
}

.adress::placeholder {
    opacity: 0.6;
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
}

.two-num {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.two-num input {
    width: 293px;
    height: 66px;
    background: #F8F8F8;
    border-radius: 8px;
    padding-left: 20px;
    margin-bottom: 24px;
}

.second__subtitle {
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.two-answer {
    display: flex;
    margin-bottom: 32px;
}

.send {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    width: 260px;
    height: 66px;
    color: #FFFFFF;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    margin-bottom: 8px;
}

.two-desc {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
    width: 259px;
}

#workonus__header {
    background-image: url(../image/workonus/header.png);
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .6);
    height: 793px;
    text-align: center;
    color: white;
}

#workonus__header h1 {
    font-size: 52px;
    padding-top: 345px;
    margin: 0 auto;
    width: 750px;
}

#workonus__header p {
    font-size: 24px;
    line-height: 29px;
    font-family: 'Myriad Pro1';
    width: 800px;
    margin: 0 auto;
}

.workonus__header__text1 {
    padding: 32px 0 20px;
    width: 887px;

}

#howWeWork {
    background: #F8F8F8;
    padding: 60px 0;

}

#howWeWork h2 {
    text-align: center;
    color: #2C3B48;
    font-size: 44px;
}

.howWeWork__info__par {
    display: grid;
    max-width: 840px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-row-gap: 40px;
    grid-column-gap: 60px;
    margin: 40px auto 0;
}

.howWeWork__info-el {
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.03);
    height: 164px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 16px;
    overflow-y: hidden;
}

.howWeWork__info-el__block1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 28px;
    padding-top: 40px;
    align-items: center;
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
    color: #2C3B48;
}

.howWeWork__info-el__block2 {
    display: block;
    position: absolute;
    background: #064288;
    /* top: 0 ; */
    left: 0;
    bottom: -110%;
    border-radius: 16px;
    height: 164px;
    box-sizing: border-box;
    padding: 28px 15px 39px;
    color: white;
    transition: .5s all;
}

.howWeWork__info-el__block2 p {
    height: 89px;
}

.howWeWork__info-el__block2 div {
    width: 200px;
    height: 1px;
    margin: 16px auto 0;
    background: white;
}

.howWeWork__info-el:hover > .howWeWork__info-el__block2 {
    bottom: 0;
}

.haywansamwelik {
    padding-left: 30px !important;
}

.howWeWork__section3__block1 {
    width: 1045px;
    margin: 60px auto 77px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.howWeWork__section3__block1__par h2 {
    font-size: 44px;
    padding-bottom: 20px;
    color: #2C3B48;

}

.howWeWork__section3__block1__par > span {
    width: 600px;
    display: block;
    font-family: 'Myriad Pro1';
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    color: #2C3B48;
    padding-bottom: 32px;
}

.howWeWork__section3__block1__par div {
    display: flex;
    gap: 4px;
}

.howWeWork__section3__block1__par p {
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    padding-bottom: 16px;
    line-height: 22px;
    width: 555px;
}

.hww_line {
    width: 13px;
    margin-top: 8px;
    background-color: #2C3B48;
    height: 2px;
}

.howWeWork__section3__block2 {
    display: flex;
    gap: 40px;
    padding-bottom: 60px;
    align-items: center;
    width: 1045px;
    margin: 0 auto;
}

.howWeWork__section3__block2__par {
    width: 600px;
}

.howWeWork__section3__block2__par h2 {
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    padding-bottom: 24px;
}

.howWeWork__section3__block2__par p {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 16px;
    font-family: 'Myriad Pro1';
    font-size: 20px;
    line-height: 22px;
}

#howWeWork__sliderSection {
    background: #f8f8f8;
    padding: 60px 0;
}

#howWeWork__sliderSection h2 {
    font-size: 44px;
    padding-bottom: 23px;
    color: #2C3B48;
    text-align: center;
}

.sliderSection__text__par {
    display: flex;
    gap: 16px;
    margin: 0 auto;
}

.sliderSection__text1,
.sliderSection__text2 {
    color: rgba(44, 59, 72, 0.8);
    font-size: 20px;
    font-family: 'Myriad Pro1';
    line-height: 24px;
    padding-bottom: 30px;
}

.sliderSection__text1 {
    width: 568px;
}

.sliderSection__text2 {
    width: 620px;
}

#workonus__vacantion {
    padding: 40px 0;
    background-color: #1579D3;
    color: white;
}

#workonus__vacantion h2 {
    font-size: 34px;
    line-height: 120%;
    padding-bottom: 40px;
}

.vacantion__par {
    display: flex;
    gap: 32px;
}

.vacantion__el__line1 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 20px;
}

.vacantion__el__num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid white;
    display: flex;
    justify-content: center;
    font-family: 'Myriad Pro SemiBold';
    align-items: center;
}

.vacantion__el__line {
    width: 166px;
    height: 2px;
    background: white;
}

.vacantion__el__title {
    font-family: 'Myriad Pro SemiBold';
    font-size: 24px;
    padding-bottom: 12px;
}

.vacantion__el__text {
    font-size: 18px;
    line-height: 120%;
}

#workonus__vacantion a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 40px;
    text-decoration: underline;
    color: white;
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
}

.title-yesno {
    font-size: 24px;
}

.yesno > p {
    font-size: 16px;
    height: auto;
    padding-bottom: 14px;
}

.block_form {
    justify-content: flex-start;
    gap: 16px;
}

.key_adres input {
    box-sizing: border-box;
}

.block_form input {
    box-sizing: border-box;
    width: 313px;
}

.yesno {
    padding: 40px;
}

.burger__menu {
    cursor: pointer;
    display: none;
}

.burger {
    z-index: 888888;
    background: #2C3B48;
    position: absolute;
    left: 0;
    top: -200%;
    width: 100%;
    height: 100vh;
    transition: .5s;
    overflow-y: scroll;
}

.burger__menu-main {
    display: flex;
    justify-content: space-between;
    padding-top: 22.5px;
    padding-bottom: 19px;
    border-bottom: 1px solid white;
    margin-bottom: 40px;
}

.close__burger img {
    cursor: pointer;
}

.btn-burger {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 112%;
    color: #FFFFFF;
}

.header__burger-menu-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    cursor: pointer;
}

.header__burger-menu-item p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
    opacity: 0.8;
}

.header__burger-menu-item img {
    cursor: pointer;
}

.none-at-first-1 {
    margin-top: -2px;
    height: 0;
    display: none;
}

.none-at-first-2 {
    margin-top: -2px;
    height: 0;
    display: none;
    margin-bottom: 28px;
}

.none-at-first-3 {
    margin-top: -2px;
    height: 0;
    display: none;
    margin-bottom: 28px;
}

.none-at-first-4 {
    height: 0;
    display: none;
}

.none-at-first-5 {
    height: 0;
    display: none;
}

.none-at-first-6 {
    height: 0;
    display: none;
}

.none-at-first-1 li a,
.none-at-first-2 li a,
.none-at-first-3 li a,
.none-at-first-4 li a,
.none-at-first-5 li a,
.none-at-first-6 li a {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
}

.waxaraaclass {
    height: auto;
    display: block;
    margin-bottom: 28px;
}

.waxaraaclass2 {
    height: auto;
    display: block;
    margin-bottom: 40px;
}

.zzwabquje {
    transform: rotate(180deg)
}

.gugugu {
    margin-bottom: 12px;
}

.hellodown11 {
    opacity: 0.6 !important;
}

.for-smth {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.for-smth {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    margin-top: 232px;
    margin-bottom: 80px;
}

.forwhoMargin1 {
    margin-top: 54px;
}

.forwhoMargin2 {
    margin-top: 122px;
}

.forwhoMargin3 {
    margin-top: 74px;
}

.own-cabinet a {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    opacity: 0.8;
}

.info-burger {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.info-burger a {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #FFFFFF;
}

.fucnclass {
    display: none;
}

.info-burger p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: #FFFFFF;
    opacity: 0.8;
}

.footer__info-with-button input {
    margin: 20px 0;
    width: 100%;
    color: white;
}

.footer__info-with-button p {
    margin-top: 12px;
    width: 276px;
    height: 40px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
}

.footer__info-with-button .footer__button {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    color: white;
    width: 100%;
}

.lagishnia {
    width: 243px;
}

.fuflo {
    width: 280px;
}

.content-media {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 80px 0 64px;
    display: none;
}

.content-media-info {
    padding: 0 16px;
}

.contant-main-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.media-info-subtitle {
    width: 311px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin: 8px 0 20px;
}

.media-info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    width: 311px;
}

.anotherDiv {
    width: 100%;
    height: 100%;
    background: #064288;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 16px;
    padding: 24px;
    box-sizing: border-box;
    display: none;
}

.anotherDiv-text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: white;
}

.anotherDiv-border {
    margin-top: 20px;
    height: 1px;
    background: white;
}

.content-media-info button {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    width: 311px;
    height: 52px;
    border-radius: 8px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 112%;
    color: white;
}

.disBlock {
    display: block !important;
}

.disNone {
    display: none !important;
}

.vacantion-none {
    display: none;
}

.response__phone__home2,
.response__phone__home3 {
    display: none;
}

.mobile__contacts button {
    display: none;
}

.swiper1,
.slider2 {
    display: none;
}

.catalogTxt2 {
    display: none;
}

.catalogImg {
    display: none;
}

.catalog__text button {
    display: none;
}

.slick-arrow {
    display: none !important;
}



.slider2 {
    min-width: 0;
}

.slider2 .slick-dots {
    display: flex;
    align-items: center;
    margin-top: 50px;
    justify-content: center;
    list-style: disc !important;
    gap: 8px;
}

.slider2 .slick-dots li button {
    background: rgba(44, 59, 72, 0.8);
    font-size: 0;
    width: 24px;
    border-radius: 3px;
    transition: .3s;
    height: 4px;
}

.slider2 .slick-dots li {
    opacity: .3;
    transition: .3s;
}

.slider2 .slick-dots li.slick-active {
    opacity: 1;
}

.control__title-media {
    display: none;
}

.control__img-media {
    display: none;
}

.slider2 .slick-dots li.slick-active button {
    width: 44px;
}

.slider3__item {
    opacity: .4;
    transition: .3s all;
    transform: scale(.8);
}

.bozSamo {
    display: none;
}

.expense__media {
    display: none;
}

.expense__media-img {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 32px;
}

.swiper3 {
    display: none;
}

.partber__item_name {
    font-size: 20px !important;
    color: #2C3B48 !important;

}

.partner {
    overflow-x: hidden;
}

.windowLink1 {
    display: none !important;
}

.ResoponseWindowBut {
    display: none;
}

.ResoponseWindowBut button {
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 12px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    border-radius: 8px;
    padding: 10px 0;

}

.swiper-wrapper {
    display: flex;
}

.control__imgResponse {
    display: none;
}

.control__download-link {
    display: none;
}

.swiper4 {
    display: none;
}

.section1__tolyat {
    background: url(../image/talyat/bgTolyati.jpg);
    background-size: cover;
    padding-top: 21px;
    padding-bottom: 170px;
    background-repeat: no-repeat;
}

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

.tolyat__par1 h1 {
    font-size: 44px;
    color: #2C3B48;
    padding-bottom: 16px;
}

.tolyat__par1 p {
    width: 495px;
    font-size: 18px;
    color: rgba(44, 59, 72, 0.8);
    padding-bottom: 32px;
}

.tolyat__par1 button {
    width: 200px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto-Regular-Medium';
    color: white;
    height: 54px;
    font-weight: 500;
    font-size: 16px;
}

.section2__tolyat {
    padding-top: 118px;
    padding-bottom: 60px;
}

.sec2Tolyat__img img {
    width: 1118px;
    margin: auto;
    display: block;
}

.sec2Tolyat__img {
    position: relative;
}

.sec2Tolyat__img p {
    font-size: 20px;
    font-family: 'Myriad Pro Semibold';
}

.sec2Tolyat__txt1 {
    position: absolute;
    width: 221px;
    top: 0;
    left: 85px;
}

.sec2Tolyat__txt2 {
    position: absolute;
    width: 150px;
    top: -55px;
    right: 157px;
}

.sec2Tolyat__txt3 {
    position: absolute;
    width: 180px;
    bottom: -36px;
    left: 182px;
}

.sec2Tolyat__txt4 {
    position: absolute;
    width: 180px;
    bottom: -28px;
    right: 176px;
}

.section2__tolyat .control__dowload {
    margin-top: 83px;
    display: flex;
    justify-content: center;
}

.talyat__card {
    background: #F8F8F8;
    padding: 40px 0;
}

.talyat__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    row-gap: 40px;
}

.taylat__item {
    display: flex;
    gap: 18px;
}

.taylat__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    max-width: 350px;
    margin-bottom: 8px;
}

.taylat__subtitle {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    max-width: 337px;
}



.sec2Talyat__imgResponse {
    display: none;
}


.talyat-footer p {
    opacity: .8;
}

.pop-emojiX {
    position: absolute;
    right: 22px;
    top: 22px;
    cursor: pointer;
}

.emoji-smile {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
}

.btn__item {
    display: flex;
    margin-top: 0;
}

.btn_katalog {
    width: 140px;
    align-self: flex-end;
    margin-bottom: 40px;
}

.sposob-zayavka {
    padding-bottom: 0;
}

.urishdiviclass {
    padding: 12px 16px 28px 16px !important;
}

.xaresamwelik {
    width: 100%;
}

.SLIDERsamwelik {
    gap: 50px;
}

.berane {
    padding: 0;
    height: 350px;
    display: flex;
    gap: 80px;
}

.enurishdiviarajip {
    margin-bottom: 8px !important;
    font-size: 14px !important;
    display: block !important;
    color: rgba(44, 59, 72, 0.8) !important;
    font-family: 'Roboto-Regular' !important;
    font-weight: 400 !important;
}

.enurishdivierkrordp {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.sberBack {
    display: flex;
    justify-content: center;
    padding-top: 28px;
    border-radius: 16px 16px 0px 0px;
    background: linear-gradient(14.16deg, #A3CD39 10.01%, #81C55F 25.58%, #0FA8E0 79.78%);
    ;
}

.control__img1 {
    display: none;
}

.advice__card1 {
    display: none;
}

.swiper1 .advice__item {
    flex-direction: column;
    gap: 12px;
}

.swiper1 .advice__item-info {
    margin-left: 0;
}

.swiper1 .advice__item-pic {
    width: 100%;
    height: auto;
}

.swiper1 .advice__item-info {
    width: 100%;
    box-sizing: border-box;
}

.width-title1 h2 {
    font-size: 18px;
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.operation__item__el {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.operation__number {
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
}

.operation__item-subtitle {
    margin-left: 0;
}

.videocall__img {
    margin-top: 34px;
}

.videocall__img1 {
    display: none;
    margin-top: 34px;
    margin: 34px auto 0;
}

.online__card {
    box-sizing: border-box;
}

.notification .slider2 {
    display: none;
}

.invite .slider2 {
    display: none;
}

.video .slider2 {
    display: none;
}

.attention__title1 {
    display: none;
}

.attention__subtitle1 {
    color: #064288;
    font-family: 'Myriad Pro Semibold';
    text-align: center;
    margin-top: 16px;
    display: none;
    font-size: 20px;
}

.attention__subtitle a {
    color: white;
    text-decoration: underline;
}

.imgVideo1 {
    display: none;
}

.visit__card {
    box-sizing: border-box;
}

.slider3__item div {
    width: 120px;
}

.header__citys-close {
    display: none;
    cursor: pointer;
}

.city-find {
    display: none;
}

.search-city {
    align-items: center;
    /*    background: red;*/
    background: #f8f8f8;
    border-radius: 8px;
    width: 100%;
    height: 56px;
}

.search-part {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.yasno-last-span,
.yasno-last-span a {
    font-family: 'Roboto-Regular' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 112% !important;
    color: rgba(44, 59, 72, 0.8) !important;
    opacity: 0.8 !important;
}

.swiper7 .swiper-pagination {
    width: 100vw;
    height: 2px;
    background: white;
    position: absolute;
    top: 324px;
    left: 0;
}

.swiper7 {
    position: relative;
    display: none;
}

.cetions__text1 {
    display: none;
}

.swiper7 .swiper-wrapper {
    padding: 0;
}

.swiper7 .swiper-pagination-progressbar-fill {
    background: #7D0A99;
    height: 100%;
    position: absolute;
    transform-origin: left top;
    top: 0;
    left: 0;
    width: 100vw;
}

.dlg-modal {
    max-width: initial;
    width: 816px;
    box-sizing: border-box;
}

.block_form {
    flex-wrap: wrap;
}

.form1 {
    display: none;
}

.key_adres input {
    width: 100%;
}

.key_form span {
    font-family: 'Roboto-Regular';
    color: rgba(44, 59, 72, 0.6);
    font-size: 16px;
}

.inpMinPar {
    width: 313px;
}

.dlg-modal2 {
    max-width: 722px;
    height: auto;
    box-sizing: border-box;
}

.input-wrap {
    row-gap: 8px;
}

.swiperBlock .swiper-slide-item span {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
}

.checklist__input:checked + label.checklist__item {
    font-family: 'Roboto-Regular';
}

.checklist__input:checked + label.checklist__item .close {
    bottom: 21px;
}

.checklist__input:checked + label.checklist__item .close4 {
    right: 3%;
    bottom: 20px;
}

.filesLengthDiv {
    color: #1579D3;
    font-size: 18px;
    font-family: 'Roboto-Regular-Medium';
    margin-bottom: 12px;
}

.tema-obr {
    margin-bottom: 0;
}

.pointEvent {
    pointer-events: none;
}

.filesPar {
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    row-gap: 4px;
    column-gap: 8px;
    padding: 24px 25px;
    box-sizing: border-box;
    border: 1px dashed #1579D3;
    border-radius: 8px;
    flex-wrap: wrap;
}

.Dflex .filesPar__item {
    gap: 2px;
    width: 25%;
    cursor: pointer;
    background-image: url(../image/whywe/x3.png);
    background-position: right center;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;

}

.overflowHid {
    overflow: hidden;
}

.overlay__header1 {
    display: none;
}

.textarea input {
    padding-bottom: 80px;
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    padding-left: 15px;
    box-sizing: border-box;
    background: #f8f8f8;
}

.fild-wrp1 {
    display: none;
    gap: 10px;
    flex-direction: column;
    cursor: pointer;
}

.fild-wrp1 div {
    display: flex;
    gap: 6px;
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
}

.fild-wrp1 p {
    color: rgba(44, 59, 72, 0.8);
    margin: 0;
    opacity: .8;
    margin-bottom: 40px;
}

.key_form {
    display: block;
}

.dlg-modal1 {
    top: 0;
}

.formy {
    overflow-x: hidden;
}

.popup__overlay2 {
    overflow-y: scroll;
}

.line1 {
    display: none;
}

.sendDiv button {
    background: #1579D3;
    border-radius: 8px;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    width: 260px;
    padding: 18px 0;
    font-family: 'Roboto-Regular-Medium';
}

.sendDiv p {
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
    width: 259px;
    padding-top: 8px;
}

.sendDiv p a {
    color: #1579D3;
}

.window-one__text .windowLink1 {
    justify-content: center;
}

.window-one__text ul li p {
    color: rgba(44, 59, 72, 0.8);
}

.popup__overlay2_1 {
    display: none;
}

.forma_name {
    box-sizing: border-box;
    padding: 24px;
    width: 230px;
}

.tgl-yes,
.tgl-no {
    font-family: 'Roboto-Regular-Medium' !important;
    color: #2C3B48 !important;

}

.btn-group1 {
    width: 100%;
    display: none;
}

.btn-group1 a {
    text-align: center;
    font-size: 18px;
    color: #7D0A99;
    margin-top: 24px;
    display: block;
    width: 100%;
    font-family: 'Roboto-Regular-Medium';
    border: 1px solid #7D0A99;
    border-radius: 8px;
    padding: 18px 0;
}

.catalogItem h1 {
    font-family: 'Myriad Pro Bold';
    font-size: 24px;
    color: #2C3B48;
    margin: 40px 0 24px;
}

.catalogItem .slider2 .slick-dots li button {
    background: rgba(44, 59, 72, 0.8);

}

.catalogItem .slider2 .slick-dots {
    margin-top: 23px;
}

.catalogItem__textpar h3 {
    color: #2C3B48;
    margin-top: 24px;
    margin-bottom: 12px;
    line-height: 23px;
    font-size: 20px;
    font-family: 'Myriad Pro Semibold';
}

.catalogItem__textpar p {
    font-size: 16px;
    color: rgba(44, 59, 72, 0.8);
    line-height: 20px;
    margin-bottom: 24px;
}

.catalogItem__textpar button {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    width: 100%;
    color: white;
    padding: 18.5px 0;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    text-align: center;
    margin-bottom: 44px;
}

.catalogItem__textpar2 > p {
    color: #2C3B48;
    line-height: 19px;
    font-family: 'Roboto-Regular-Medium';
    font-size: 16px;
    margin-bottom: 20px;
}

.catalogItem__textpar2 .vizit-item span p {
    font-family: 'Roboto-Regular-Medium';
}

.catalogItem__textpar2 .vizit-item > span > img {
    margin-right: 14px;
}

.catalogItem__textpar2 .vizit-items {
    flex-direction: column;
    gap: 12px;
    padding-bottom: 28px;
}

.swiperBlock .swiper-slide-item span {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
}

.control__title2 {
    display: none;
}
.control__title2 {
    display: none;
}
.control__dowload1{
    display: none;
}
@media screen and (max-width:1630px) {
    .expense__img {
        right: -200px;
    }

    .expense__img-pic {
        left: -200px;
    }

    .swiper-slide__item__date p {
        margin-right: 20px;
        flex-direction: column;
    }
}

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

    .container,
    .container-ktl {
        max-width: 1100px;
    }

    .menu-top1 {
        padding-right: 40px;
    }

    .menu-top1 ul li {
        padding-right: 25px;
    }

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

    .swiperBlock1 .swiper-pagination {
        bottom: 10px !important;
    }

    .application__addres {
        width: 380px;
    }

    .application__name {
        width: 235px;
    }

    .application__phone {
        width: 235px;
    }

    .towar {
        display: flex;
    }

    .expense__media {
        display: block;
    }

    .expense__img {
        display: none;
    }

    .expense__info {
        display: none;
    }

    .expense__title {
        max-width: 100%;
        padding-top: 32px;
    }

    .expense__subtitle {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .sec1Tolyat__par img {
        width: 590px;
    }

    .window-five__text {
        width: 100%;
        box-sizing: border-box;
    }

    .window-five__list span::before {
        width: 130px;

    }

    .swiper3 {
        display: block;
    }

    .p-tabs__wrapper {
        display: none;
    }

    .window-two__block .windows__link {
        margin-top: 25px;
    }

    .window-two__block .phone-cart img {
        height: auto;
    }

    .expense__wrapper {
        padding: 0 50px;
    }

    .window-three__block2 {
        align-self: center;
        height: auto;
    }

    .window-four__qrcode div:last-child img {
        width: 140px !important;
    }

    .window-four__list span::before {
        width: 140px;
    }

    .control__img {
        margin-right: 0;
        align-self: center;
    }

    .sec2Tolyat__txt1 {
        left: 0;
    }

    .sec2Tolyat__txt2 {
        right: 78px;
    }

    .sec2Tolyat__txt3 {
        left: 100px;
    }

    .sec2Tolyat__txt4 {
        right: 97px;
    }

    .vacantion-none {
        display: block !important;
    }

    .vacantion__par {
        display: none;
    }

    .map__title {
        margin-top: 40px;
    }

    .map__info {
        width: 100%;
    }

    .map__navigation {
        position: static;
        height: 687px;
        width: 100%;
        margin-top: 32px;
    }

    .vacantion__el {
        display: flex;
        gap: 20px;
    }

    .vacantion__el__line1 {
        flex-direction: column;
    }

    .vacantion__el__line {
        width: 2px;
        height: 74px;
    }

    .map__button {
        margin-bottom: 32px;
    }

    .map {
        padding: 0;
    }

    .footer__column:last-child p {
        margin-left: 20px;
    }

    .group-wrp {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .group-item {
        width: 350px;
    }

    .feedback__wrapper {
        justify-content: center;
    }

    .vacantion__par {
        flex-direction: column;
    }

    .domofon__text p {
        width: auto !important;
    }

    .offer__img {
        right: -95px;
    }

    .group .section__wrapper {
        align-items: center;
        flex-wrap: wrap;
    }

    .section__footer span {
        margin-right: -100px;
    }

    .group__text p {
        width: auto !important;
    }

    .catalog__wrapper {
        padding: 55px 40px;
    }

    .group__text .shantunqandem {
        width: auto !important;
    }

    .catalog__text h3 {
        font-size: 30px;
    }

    .news__item {
        width: 80%;
    }

    .message h3 {
        width: 50%;
    }

    .i3 {
        transform: translate(325px, 32px) !important;
    }

    .i4 {
        transform: translate(-33px, 82px) !important;
    }

    .i5 {
        transform: translate(-36px, -120px) !important;
    }

    .expenses {
        padding-bottom: 50px;
    }

    .sposob_etap {
        flex-direction: column;
        gap: 20px;
    }

    .etap_nomer hr {
        display: none;
    }

    .etap {
        width: auto;
    }

    .fuflo {
        width: auto;
    }

    .etap_nomer {
        align-items: flex-start;
        width: auto;
        margin-right: 12px;
    }

    .etap_text {
        margin-top: 13px;
    }

    .etap {
        display: flex;
    }

    .citys__filter__par {
        width: 380px;
    }

    .advice__card {
        display: none;
    }

    .advice__card1 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .advice__card1 .advice__card-left,
    .advice__card1 .advice__card-right {
        row-gap: 60px;
    }

    .operation__item {
        padding: 24px 16px;
        box-sizing: border-box;
    }

    .operation__card {
        column-gap: 0;
        justify-content: space-between;
    }

    .operation__item-subtitle {
        width: 460px;
    }

    .videocall__item-subtitle {
        width: auto;
    }

    .videocall__item:first-child {
        width: 40%;
    }

    .videocall__menu li {
        align-items: flex-start;
    }

    .online__img:first-child {
        display: none;
    }

    .function__card p,
    .function__card h2 {
        width: auto;
    }

    .function__card {
        box-sizing: border-box;
    }

    .function__info {
        width: 45%;
    }

    .function__support {
        padding: 0;
    }

    .notification__item {
        width: 32%;
        box-sizing: border-box;
        padding: 20px 16px 0 !important;
    }

    .notification__item-subtitle {
        width: auto !important;
    }

    .invite__item {
        height: auto;
        width: 600px;
    }

    .invite__card {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .video__card-item p {
        width: 430px;
    }

    .video__title {
        width: auto;
        font-size: 28px;
    }

    .invite__title {
        text-align: center;
        width: auto;
    }

    .invite__subtitle {
        width: auto;
        text-align: center;
    }

    .attention__pic {
        right: 25px;
    }

    .onlImg {
        right: 3px;
    }

    .openNews__block1 {
        width: 660px;
    }

    .openNews__info__par {
        width: 100%;
    }

    .openNews__select__div {
        width: 100%;
    }

    .openNews__citat__div {
        width: 100%;
    }

    .swiperBlock2 .swiper-button-prev,
    .swiperBlock2 .swiper-button-next {
        top: 95.5% !important;
    }

    .openNews__citat__div__text2 {
        margin-top: 17px;
    }

    .whywe__section1__block1 {
        width: 580px;
    }

    .whyweImg1 {
        transform: translateX(272px) translateY(-204px);
    }

    .whywe__section1 .container {
        align-items: flex-start;
    }

    .whywe__section1 {
        padding: 80px 0 0;
    }
}

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

    .container,
    .container-ktl {
        max-width: 860px;
    }

    .yesno {
        width: auto;
    }

    .menu-top1 {
        display: none;
    }

    .operation__item-subtitle {
        width: auto;
    }

    .operation__card {
        flex-direction: column;
        align-items: center;
        gap: 24px
    }

    .operation__card2 img {
        width: 50%;
    }

    .whywe__section2__par {
        flex-wrap: wrap;
        justify-content: center;
    }

    .whyweImg1 {
        transform: translateX(100px);
    }

    .openNews__par {
        justify-content: center;
        gap: 20px;
    }

    .openNews__block1 {
        width: 450px;
    }

    /*
    .swiperBlock1 .swiper-pagination {
        bottom: 27px !important;
    }
*/

    .uddom2__info__card__par {
        flex-wrap: wrap;
        justify-content: center;
    }

    .uddom2__info__card__item {
        min-height: 380px;
    }

    .uddom2__info__card__item a {
        text-align: left;
    }

    .sec2Tolyat__txt1 {
        top: -12px;
    }

    .sec2Tolyat__txt2 {
        right: 60px;
    }

    .sec2Tolyat__txt3 {
        left: 79px;
        bottom: -40px;
    }

    .sec2Tolyat__txt4 {
        right: 76px;
        bottom: -32px;
    }

    .sec1Tolyat__par img {
        width: 390px;
    }

    .tolyat__par1 h1 {
        font-size: 28px;
    }

    .tolyat__par1 p {
        font-size: 18px;
    }

    .window-four__list span::before {
        width: 70px;
    }

    .window-three {
        flex-direction: column-reverse;
    }

    .p-tabs h1 {
        font-size: 30px;
    }

    .windows h3 {
        font-size: 28px;
    }

    .window-two__list span::before {
        width: 115px;
    }

    .window-two__block > div > h3 {
        font-size: 24px;
    }

    .window-two__block div > p {
        font-size: 16px;
    }

    .window-two__block .phone-cart img {
        transform: translateY(-32px) translateX(30px);
    }

    .expense__wrapper {
        padding: 0px 0px;
        flex-wrap: wrap
    }

    .expense__wrapper > p {
        width: 431px;
        margin: auto;
    }

    .expense__item p {
        width: 301px;
    }

    .expense__wrapper .expense__item {
        width: 358px;
    }

    .expense__wrapper .expense__item:last-child {
        width: 349px;
    }

    .burger__taylat {
        display: none !important;
    }

    .control__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .application__form {
        flex-direction: column;
    }

    .control__title {
        display: none;
    }

    .comford__card {
        flex-direction: column;
        align-items: center;
    }

    .cifral__section1__block1 h1 {
        font-size: 34px;
    }

    .i5 {
        transform: translate(190px, -120px) !important;
    }

    .i7 {
        transform: translate(-93px, -42px) !important;
    }

    .i1 {
        transform: translate(180px, 140px) !important;
    }

    .expenses {
        padding-bottom: 50px;
    }

    .offer__wrapper h1 {
        max-width: 548px;
    }

    .message__block:not(:last-child) {
        margin-right: 0px;
    }

    .catalog__wrapper {
        padding: 25px 40px;
    }

    .application__addres {
        width: 200%;
    }

    .application__name {
        width: 100%;
    }

    .application__phone {
        width: 100%;
    }

    .application__send {
        width: 100%;
    }

    .application__subtitle {
        float: left;
    }

    .secFoot {
        display: flex;
        gap: 10px;
    }

    .swiper1 .swiper-slide {
        opacity: .5;
        transition: .3s;
    }

    .swiper1 .swiper-slide-active {
        opacity: 1;
    }

    .offer__img {
        right: -75px;
        top: 0;
        width: 432px;
        height: auto;
    }

    .talyat__section4 .application__subtitle {
        margin-left: 0;
    }

    .comfort {
        margin-top: 40px;
    }

    .offer__wrapper p {
        margin-bottom: 25px;
    }

    .advantages__item {
        margin-right: 15px;
    }

    .advantages__item .title {
        font-size: 20px;
    }

    .number__wrapper-main {
        max-width: 850px;
    }

    .news__title {
        font-size: 40px;
    }

    .mobile__wrapper {
        padding: 35px 30px 0 30px;

    }

    .mobile__right {
        width: 100%;
        bottom: -3px;
        height: inherit;
        position: relative;
    }

    .mobile__wrapper {
        padding: 35px 30px 20px 30px;
        height: auto;
        overflow: hidden;
    }

    .mobile__right img {
        width: 100%;
        height: auto;
    }

    .mobile__title {
        font-size: 30px;
    }

    .partner__item {
        margin-right: 15px;
    }

    .events__item {
        margin-right: 15px;
    }

    .offer__wrapper .slick-slide {
        flex-direction: column-reverse;
        padding: 0 70px;
    }

    .offer__wrapper {
        border-radius: 16px;
    }

    .offer__img {
        position: static;
    }

    .offer__button {
        width: 100%;
        margin-bottom: 28px;
    }

    .offer__wrapper h1 {
        font-size: 45px;
    }

    .cifral__section2__block2 h3 {
        font-size: 32px;
    }

    .wrapper-slider .slick-dots {
        bottom: -36px;
    }

    .wrapper-slider .slick-dots li {
        background: #064288;
        width: 24px;
        height: 2px;
        border-radius: 2px;
        margin-right: 8px;
    }

    .wrapper-slider .slick-dots .slick-active {
        padding-right: 20px;
        transition: .3s;
    }

    .howWeWork__section3__block1 {
        flex-direction: column;
        align-items: center;
        width: auto;
        margin-top: 20px;
    }

    .howWeWork__section3__block2 {
        flex-direction: column-reverse;
        width: auto;
    }

    .howWeWork__section3__block1 > img {
        width: 343px;
        height: 397px;
    }

    .hidden {
        position: absolute;
        bottom: 0;
        left: -280px;
        z-index: 99;
        height: 195px;
        width: 247px;
    }

    .content-media {
        display: flex;
    }

    .katalog__wrapper {
        display: none;
    }

    .footer__bottom {
        border-top: none;
        padding-top: 9px;
    }

    .fucnclass {
        display: block;
    }

    .header__logo {
        margin-right: 45px;
    }

    .header__menu {
        display: none;
    }

    .menu-tolyat {
        display: flex;
    }

    .menu-tolyat ul li {
        margin-right: 20px !important;
    }

    .burger__menu {
        display: block;
    }

    .footer__column:not(:first-child) {
        display: none !important;
    }

    .footer__logo {
        margin-bottom: 32px;
    }

    .footer__contacts {
        margin-top: 20px;
        margin-bottom: 44px;
    }

    .footer__wrapper {
        flex-direction: column;
    }

    .ktl-optn-list {
        flex-wrap: wrap;
    }

    .feedback h2 {
        font-size: 34px;
    }

    .addedDetails {
        height: 150px;
    }

    .question__details p {
        width: 650px;
    }

    .citys__filter__par {
        width: 100%;
    }

    .cections1 {
        width: auto;
    }

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

    .application__form__inputs__par {
        width: 50%;
    }

    .talyatInfo__blockPar {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .talyatInfo__elem {
        width: 40%;
    }

    .operation__with {
        padding: 0;
    }

    .online__more {
        margin-bottom: 0;
    }

    .online__pic img {
        height: auto;
    }

    .online__card {
        align-items: flex-end;
    }

    .online__card h4,
    .online__card p {
        width: auto;
    }

    .online__info {
        width: 50%;
        align-self: flex-start;
    }

    .online__title {
        font-size: 28px;
    }

    .online__pic {
        margin-left: 60px;
    }

    .dowload__info p {
        width: auto;
    }

    .dowload__info {
        width: 50%;
    }

    .dowload-pic {
        width: 50%;
    }

    .dowload__card {
        align-items: center;
    }

    .dowload__card > img {
        width: 50%;
    }

    .function__pic {
        width: 50%;
    }

    .function__card {
        align-items: center;
    }

    .notification__card img {
        left: 0;
        width: auto;
        height: auto;
    }

    .notification__card__1 > img {
        bottom: -65px;
    }

    .control-adress__card {
        flex-direction: column;
        padding-bottom: 0;
        gap: 24px;
    }

    .attention__pic {
        display: none;
    }

    .attention__dowload {
        justify-content: center;
    }

    .control-adress-info h2,
    .control-adress-info p {
        width: auto;
    }

    .control-adress-img {
        top: initial;
        bottom: -24px;
    }

    .sposob_content h2 {
        padding: 0 !important;
    }

    .sposob_etap {
        padding: 0 !important;
    }

    .etap_text p {
        width: 100% !important;
    }

    .invite__title {
        width: auto;
        font-size: 24px;
    }

    .invite__subtitle {
        width: auto;
    }

    .application__form__inputs__par {
        width: 100%;
    }

    .application__subtitle {
        font-size: 16px;
        width: 300px;
    }

    .application__subtitle span {
        opacity: 1;
        font-family: 'Roboto-Regular-Medium';
    }

    .application__addres {
        width: 100%;
    }

    .application__name {
        width: 100%;
    }

    .application__phone {
        width: 100%;
    }

    .application__form__inputs__par1 {
        width: 48%;
    }

    .application__form {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .video__card-item p {
        width: 321px;
    }

    .online__card1 {
        flex-direction: column;
        align-items: center;
    }

    .online__card1 .online__pic {
        display: none;
    }

    .online__info {
        width: 100%;
        align-self: center;
    }

    .imgVideo1 {
        display: block;
        margin: auto;
    }

    a.online__more {
        margin-bottom: 24.5px !important;

    }

    .online__more img {
        margin-left: 1px;
    }

    .online__card1 {
        gap: 0px !important;
    }

    .visit__card {
        padding: 24px 16px;
    }

    .register__card {
        flex-wrap: wrap;
    }

    .whywe__section1__block2-img2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 20px;
    }

    .whywe__section1__block2-img2 img {
        transform: translate(0, 0);
    }

    .whywe__section1__block2-img2 img:first-child {
        transform: translate(0, 0);
    }

    .whywe__section1__block1 p {
        width: auto;
    }

    .whywe__section1 .container {
        justify-content: space-between;
    }

    .whywe__section1 {
        padding: 80px 0;
    }

    .dlg-modal {
        width: 690px;
        padding: 28px 21px;
    }

    .closer1 {
        top: 20px;
        right: 20px;
    }

    .box-btn2 {
        margin-top: 110px !important;
    }

    .closer2 {
        top: 20px;
        right: 20px;
    }
}

.br1 {
    display: none;
}

.operation .swiper3 {
    display: none;
}

@media screen and (max-width:900px) {
    .control__img1 {
        display: flex;
        justify-content: center;
    }


    .yesno {
        width: 100vw !important;
        box-sizing: border-box;
        height: 100vh;
        border-radius: 0;
    }

    .yesno-header {
        display: flex;
    }

    .title-yesno {
        margin-top: 42px;
    }

    .closer8 {
        display: none;
    }

    .pop-emoji-text-sorry h3 {
        font-size: 24px;
        width: auto;
        height: auto;
    }

    .swiper-slide__item__block2 {
        width: auto !important;
    }

    .br1 {
        display: inline;
    }

    .openNews__par {
        flex-direction: column;
    }

    .openNews__block1 {
        width: 100%;
    }

    .openNews__input__par {
        flex-direction: column;
        gap: 8px;
    }

    .openNews__input__par input {
        width: 100%;
    }

    .openNews__input__par button {
        width: 100%;
    }

    .openNews__block2 {
        width: 100%;
    }

    .swiperBlock1 .swiper-pagination {
        bottom: 18px !important;
    }

    .container,
    .container-ktl {
        max-width: 650px
    }

    .menu-tolyat {
        width: 350px;
    }

    .formy h1 {
        font-size: 34px;
    }

    .menu-tolyat ul {
        flex-wrap: wrap;
        row-gap: 20px;
        margin-left: 37.5px;
    }

    .menu-top ul li {
        width: 50%;
        margin-right: 0 !important;
    }

    .container__talyat {
        max-width: 730px;
    }

    .sec2Tolyat__img p {
        font-size: 18px;
    }

    .sec2Tolyat__txt1 {
        top: -26px;
    }

    .map2__popupPar {
        display: flex;
        justify-content: space-between;
    }

    .map2__popupPar > div:first-child {
        width: 244px;
    }

    .map2 .container {
        top: initial;
        left: 58%;
        bottom: 38px;
    }

    .sec2Tolyat__txt2 {
        right: 30px;
    }

    .sec2Tolyat__txt3 {
        width: 147px;
        left: 60px;
    }

    .section2__tolyat .control__dowloadLast {
        display: none;
    }

    .talyat__section3 .window-two__list p {
        width: 100%;
    }

    .control__download-link {
        text-align: center;
        display: block;
        color: #064288;
        font-size: 20px;
        font-family: 'Myriad Pro SemiBold';
    }

    .talyat__section3 .window-two__text {
        background: transparent;
        justify-content: space-between;
        padding: 0;
    }

    .talyat__section3 .window-two__list {
        justify-content: space-between;
    }

    .talyat__section3 .window-two__list span::before {
        left: 48px;
        width: 110px;
    }

    .sec2Tolyat__txt4 {
        width: 163px;
        right: 66px;
    }

    .talyat__section3 .window-two__list div:first-child {
        width: 152px;
    }

    .talyat__section3 .window-two__list div:nth-child(2) {
        width: 182px;
    }

    .talyat__section3 .window-two__list div:nth-child(3) {
        width: 164px;
    }

    .talyat__section3 .window-two__list div:nth-child(4) {
        width: 176px;
    }

    .tolyat__par1 p {
        max-width: 374px;
        font-size: 16px;
        width: auto;
    }

    .tolyat__par1 {
        width: 387px;
        padding-top: 32px;
    }

    .sec1Tolyat__par img {
        width: 354px;
        position: static;

    }

    .control__img {
        display: none;
    }

    .control .control__title {
        font-size: 30px !important;
    }

    .window-four {
        flex-wrap: wrap;
        gap: 20px;
    }

    .window-four__qrcode {
        width: 100%;
    }

    .control__dowload {
        margin-bottom: 30px;
    }

    .control__imgResponse {
        display: block;
        margin: auto;
    }

    .window-four__qrcode div:last-child {
        justify-content: center;
    }

    .window-four__qrcode div:last-child img {
        width: 200px !important;
    }

    .window-four__text {
        margin-right: 0;
    }

    .window-three__block1 {
        width: auto;
    }

    .window-five__list span::before {
        width: 30px;
    }

    .window-three__block1_divPar1 {
        flex-direction: column;
        gap: 24px;
    }

    .window-three__block1_divPar1 > div {
        width: 100%;
    }

    .window-one__foto {
        display: none;
    }

    .p-tabs h1 {
        margin: 30px 0 32px;
    }

    .window-one {
        justify-content: center;
    }

    .window-one__text {
        margin: 0;
    }

    .window-two__list {
        flex-wrap: wrap;
    }

    .window-two__block {
        height: auto;
        align-items: center;
    }

    .window-two__block .windows__link {
        width: 324px;
    }

    .expense__wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .window-two__list div {
        width: 50%;
    }

    .expense__wrapper .expense__item:last-child {
        width: 358px;
    }

    .talyat__grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .container__talyat {
        max-width: 730px !important;
    }

    .sposob_social {
        flex-direction: column;
        gap: 16px;
        margin-top: 24px;
    }

    .social__item:active {
        box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
        border-radius: 16px;
    }

    .question__summary {
        width: 450px;
    }

    .addedDetails {
        height: 200px;
    }

    .question__details p {
        width: 450px;
    }

    .history__block_item__block2-span {
        margin-left: 0;
    }

    .bozSamo {
        display: block;
    }

    .comfort__title {
        font-size: 32px;
    }

    /*
    .history__block_item__block2 {
        display: block;
    }
*/
    .history__block_item-line {
        width: 7px;
    }

    .history__block_item__block1 {
        align-items: flex-start
    }

    .history__block_item__block1 p {
        width: 262px;
    }

    .cifral__section2__block2 h3 {
        font-size: 32px;
    }

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

    .cifral__section2__block1 {
        width: auto;
    }

    .cifral__section2__block2 {
        width: auto;
    }

    .services__wrapper {
        justify-content: center;
    }

    .cifral__section2 {
        padding: 32px 0;
        padding-bottom: 40px;
    }

    .history {
        padding: 48px 0;
    }

    .history h2 {
        font-size: 26px;
    }

    .cifral__section1 .container {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .cifral__section1 {
        padding: 0 0 20px 0;
    }

    .icon__item {
        width: 50%;
    }

    .foto__block {
        display: none;
    }

    .domofon .section__wrapper {
        align-items: center;
        flex-wrap: wrap;
    }

    .message .section__wrapper > div {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .foto {
        padding: 40px 0;
    }

    .catalog__text h3 {
        font-size: 20px;
    }

    .catalog__button {
        align-self: center;
    }

    .catalog__button button {
        padding: 15px 40px;
    }

    .catalog__text p {
        font-size: 16px !important;
    }

    .foto__text {
        width: 100%;
    }

    .group__text {
        width: 100%;
        padding-bottom: 24px;
    }

    .group__img {
        width: 100%;
    }

    .srvice_obsl {
        flex-wrap: wrap;
    }

    .i1,
    .i2,
    .i3,
    .i4,
    .i5,
    .i6,
    .i7 {
        transform: translate(0, 0) !important;
    }

    .advantages__wrapper {
        flex-direction: column;
        gap: 24px;
    }

    .catalog__wrapper {
        padding: 11px 15px;
    }

    .advantages__item {
        width: 100%;
        box-sizing: border-box;
    }

    .number__wrapper {
        padding: 39.35px 0;
        width: 100%;
    }

    .number__title {
        font-size: 28px;
    }

    .number__line {
        width: 135px;
    }

    .number__text {
        font-size: 16px;
    }

    .news__right {
        display: none;
    }

    .news__title {
        text-align: center;
    }

    .news__item {
        width: 100%;
        box-sizing: border-box;
    }

    .response__phone__home1 {
        display: none;
    }

    .response__phone__home2 {
        display: block;
    }

    .mobile__title {
        font-size: 27px;
    }

    .mobile__text {
        width: 94%;
    }

    .events__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .events__item {
        margin-right: 0;
        width: 100%;
        box-sizing: border-box;

    }

    .catalog__wrapper {
        background: none;
        height: auto;
    }

    .catalog__wrapper > div {
        flex-wrap: wrap;
        justify-content: center;

    }

    .catalogTxt1 {
        display: none !important;
    }

    .catalog__text {
        width: 343px;
        border-radius: 16px;
        background-color: #F8F8F8;
        box-sizing: border-box;
        padding-bottom: 24px;
    }

    .catalog__button {
        display: none;
    }

    .catalog__text h3 {
        padding-top: 20px;
        padding-left: 16px;
        font-size: 20px;
        color: #2C3B48;
    }

    .catalog__text p.catalogTxt2 {
        display: block;
        color: rgba(44, 59, 72, 0.8) !important;
        font-size: 16px !important;
        padding: 0 16px;
    }

    .catalog__text button {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 17px;
        text-align: center;
        margin: 20px 16px 0;
        /* purple gradient */
        width: 311px;
        background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
        border-radius: 8px;
    }

    .catalog__text button a {
        color: white;
        font-family: 'Roboto-Regular-Medium';
    }

    .catalogImg {
        display: block;
    }

    .domofon__text {
        width: 100%;
        padding-bottom: 24px;
    }

    .group .section__wrapper {
        flex-wrap: wrap;
    }

    .groupImg {
        display: none;
    }

    .section__footer {
        flex-wrap: wrap;
        row-gap: 24px;
    }

    .catalog {
        padding: 40px 0;
    }

    .section__wrapper2 {
        flex-wrap: wrap-reverse !important;
    }

    #workonus__vacantion h2 {
        font-size: 34px;
    }

    .control__title {
        width: auto;
    }

    .control .slider2 .slick-dots {
        margin-top: 0;
    }

    .group-wrp {
        justify-content: center;
    }

    .feedback__item a {
        display: none;
    }

    .swiperBlock .swiper-pagination {
        bottom: 10px !important;
    }

    .swiper-slide p {
        padding-bottom: 0;
    }

    .swiper-slide-item {
        padding: 22px 0;
    }

    .feedback__item:active {
        box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
        border-radius: 16px;
    }

    .group-item {
        margin-right: 0;
        padding-top: 48px;
        height: auto;
    }

    .ktl-title h2 {
        margin-top: 40px;
    }

    .ktl-title p {
        margin-bottom: 24px;
    }

    #workonus__header h1 {
        padding-top: 292px;
        color: #2C3B48;
        font-size: 28px;
        line-height: 100%;
        text-align: center;
        width: 343px;
    }

    #workonus__header p {
        width: 343px;
        font-size: 16px;
        color: rgba(44, 59, 72, 0.8);
    }

    #howWeWork {
        padding-top: 335px;
    }

    #workonus__header {
        background-color: transparent;
        background-image: url(../image/newBack.png);
        height: 271px;
        width: 100%;
    }

    .howWeWork__info__par {
        grid-template-columns: repeat(2, 1fr);
    }

    .cections_text {
        width: 100%;
    }

    .cections_img {
        display: none;
    }

    .control__info {
        width: 700px;
    }

    .pop-emoji {
        width: 400px;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .pop-emoji p {
        width: 326px;
    }

    .btn-emoji-link-red {
        width: 311px;
        height: 52px;

    }

    .emoji-link {
        font-size: 16px;
    }

    .emoji-smile {
        top: -50px
    }

    .pop-emoji h3 {
        margin-top: 20px;
        margin-bottom: 8px;
    }

    .emoji-smile svg {
        width: 99px;
        height: 99px;
    }

    .btn-emoji-link {
        width: 311px;
        height: 52px;
        margin-top: 16px;
    }

    .pop-emojiX {
        top: 15px;
        right: 15px;
    }

    .btn-emoji-link a {
        font-size: 16px;
    }

    .control__card .slick-track {
        gap: 16px;
    }

    .videocall__item:first-child {
        width: 50%;
    }

    .online__subtitle {
        align-items: flex-start;
        font-size: 20px;
    }

    .online__pic {
        margin-left: 22px;
    }

    .function__support-title {
        font-size: 18px;
    }

    .function__info-title {
        font-size: 20px;
    }

    .function__info-text {
        font-size: 16px;
    }

    .notification__subtitle {
        width: auto;
    }

    .notification__card {
        display: none;
    }

    .notification .slider2 {
        display: block;
    }

    .notification__item {
        width: 320px;
        margin-right: 40px;
    }

    .notification__item img {
        position: absolute;
        bottom: -16px;
        left: 0;
    }

    .notification__card__1 > img {
        bottom: -17px;
        left: 7px;
    }

    .notification__title {
        font-size: 28px;
    }

    .notification__subtitle {
        color: #FF2C5E;
    }

    .notification .slider2 .slick-dots li button {
        background: white;
    }

    .notification .slider2 .slick-dots {
        margin-top: 26px;
    }

    .control-adress-img {
        left: -82px;
    }

    .control-adress-img:first-child {
        left: 19px;
    }

    .video__card {
        flex-direction: column;
    }

    .video__card-item p {
        width: 80%;
    }

    .video__card-item {
        margin-bottom: 8px;
    }

    .video__video {
        height: 500px;
    }

    .video__circle {
        width: 150px;
        height: 150px;
    }

    .video__circle img {
        width: 80px;
        height: 80px;
    }

    .attention__card {
        padding: 25px 5px;
        justify-content: space-around;
    }

    .attention__dowload {
        margin-left: 0;
    }

    .attention__subtitle {
        width: auto;
    }

    .attention__qr {
        width: 200px !important;
    }

    .closer9 {
        right: 22px;
        top: 22px;
    }

}

.function .swiper3 {
    display: none;
}

@media screen and (max-width:750px) {
    .container__talyat {
        max-width: 500px !important;
    }

    .block_form {
        flex-direction: column;
        justify-content: flex-start;
    }

    .block_form input {
        width: 100%;
    }

    .key_adres input {
        width: 100%;
    }

    .key_addres {
        margin-bottom: 8px;
    }

    .block_form {
        gap: 8px;
    }

    .yesno > p {
        padding-bottom: 20px;
    }

    .title-yesno {
        width: auto;
    }

    .yesno h4 {
        width: auto;
        margin-top: 20px;
        margin-bottom: 12px;
    }

    .btn_tgl {
        margin: 8px 0 83px 0;
    }

    .operation__with-title {
        font-size: 20px;
    }

    .swiperBlock1 .swiper-pagination {
        bottom: 22px !important;
    }

    .operation__card2 {
        align-items: center;
    }

    .othervise {
        margin-top: 19px !important;
    }

    .map2 .container {
        left: 44%;
    }

    .sec1Tolyat__par {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }

    .sec2Tolyat__txt2 {
        right: 0px;
    }

    .sec2Tolyat__txt3 {
        left: 46px;
    }

    .sec2Tolyat__txt4 {
        right: -3px;
    }

    .tolyat__par1 {
        width: 100%;
    }

    .sec1Tolyat__par img {
        width: auto;
    }

    .menu-tolyat {
        display: none;
    }

    .burger__taylat {
        display: block !important;
        margin-top: 16px;
        margin-bottom: -8px;
    }

    .talyatInfo__elem {
        width: 80%;
    }

    .first-none {
        display: flex;
        flex-direction: column;
    }

    .frist-none ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .menu-talyat {
        align-items: flex-start;
    }

    .header__tolyat {
        align-self: flex-start !important;
    }

    .menu-talyat .talyat-footer {
        margin-bottom: 32px;
    }

    .talyat-footer a {
        align-self: flex-start;
    }

    .frist-none {
        display: flex
    }

    .online__card {
        flex-direction: column;
        gap: 34px;
        padding: 24px 16px;
        border-radius: 20px;
        align-items: center;
    }

    .online__info {
        width: 100%;
        align-self: center;
    }

    .whywe__section1 {

        padding: 0 0 40px;
    }

    .whywe__section1__block1 p {
        padding-top: 12px;
        padding-bottom: 24px;
    }

    .whywe__section1__block1 h1 {
        padding-top: 24px;
    }
}

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

    .container,
    .container-ktl {
        max-width: 500px;
    }

    .yasno-last-span a {
        color: #1579D3 !important;
    }

    .region {
        padding: 20px 16px;
    }

    .btn-link a {
        width: 152px;
        font-size: 16px;
        padding: 15px 0;
    }

    .closer4,
    .closer5,
    .closer7 {
        right: 22px;
        top: 22px;
    }

    .btn-emoji-link-red {
        margin: 0;
        margin-top: 16px;
    }

    .pop-emoji-text {
        margin: 0;
    }

    .block_goroda h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .goroda {
        margin: 16px 0;
        flex-direction: column;
    }

    .goroda ul {
        width: 100%;
    }

    .goroda ul li {
        padding: 16px;
        border-bottom: 0.5px solid #C6C6C8;
    }

    .goroda ul li a {
        line-height: 120%;
    }

    .block_goroda h1 {
        margin-top: 40px;
    }

    .city-find {
        display: block;
    }

    .header__links-rig {
        display: none;
    }

    .header__citys-close {
        display: block;
    }

    header .closer10 {
        display: none;
    }

    .swiperBlock2 {
        display: none;
    }

    .openNews__info__par > h2 {
        font-size: 29px;
    }

    .swiperBlock1 .swiper-pagination {
        bottom: 26px !important;
    }

    .swiperBlock1 .swiper-slide__item {
        flex-direction: column;
    }

    .otherpartner {
        padding: 40px 0 !important;
    }

    .otherpartner .partner__title {
        margin-bottom: 24px !important;
    }

    .uddom2__info__card__item:active {
        box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
        border-radius: 16px;
    }

    .expense__list-item ul li {
        color: black !important;
    }

    .forma_block {
        display: none;
    }

    .overLay6__wrapper h3 {
        font-family: 'Myriad Pro Bold';
    }

    .overLay6__form {
        flex-direction: column;
    }

    .overLay6__subtitle {
        width: auto;
    }

    .map2__popup {
        width: 100%;
    }

    .emoji-smile {
        display: none;
    }

    .overLay6__wrapper {
        width: 100vw !important;
    }

    .emoji-face {
        display: none;
    }

    .control .control__title {
        width: auto;
        text-align: center;
    }

    .control__dowloadLast {
        display: none;
    }

    .control__dowload {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .control__download-link {
        text-align: center;
        display: block;
        cursor: pointer;
        color: #064288;
        font-size: 20px;
        font-family: 'Myriad Pro SemiBold';
        padding-bottom: 44px;
    }

    .talyat__section3 h3 {
        font-size: 24px !important;
    }

    .control__dowload img {
        margin-right: 0;
    }

    .control__card {
        display: none;
    }

    .sberSlider__item div {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 30px;
    }

    .sberSlider__item div p {
        width: 82%;
    }

    .window-five__text,
    .window-five__list,
    .window-five__img {
        display: none !important;
    }

    .window-five {
        overflow: hidden;
    }

    .sberSlider__item {
        background-color: white;
        flex-direction: column;
        width: 440px;
        border-radius: 12px;
        box-sizing: border-box;
        padding: 24px 16px 60px;
    }

    .swiper4 {
        display: block;
    }

    .swiper4 .swiper-pagination {
        display: flex;
        gap: 8px;
        bottom: 60px !important;
        left: 55% !important;
        transform: translateX(-50%) !important;
    }

    .swiper4 .swiper-pagination-bullet {
        display: block;
        width: 24px;
        border-radius: 3px;
        height: 4px;
        background: #007aff;
        transition: .3s !important;
        margin: 0 !important;
        opacity: .3 !important;
    }

    .swiper4 .swiper-pagination-bullet-active {
        opacity: 1 !important;
        width: 44px;
    }

    .sberSlider__item h3 {
        margin-bottom: 20px;
        position: relative;
    }

    .sberSlider__item div span {
        border-radius: 100%;
        background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
    }

    .window-three__block1_divPar2 {
        flex-wrap: wrap;
    }

    .window-three__block1_divPar2-element {
        width: 100%;
    }

    .slider2 {
        display: block;
    }

    #howWeWork__sliderSection .slick-track {
        gap: 16px;
    }

    .pop-emoji h3 {
        margin-top: 0;
        width: auto;
    }

    .pop-emoji {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 16px;
    }

    .pop-emoji p {
        text-align: left;
        width: auto;
        max-width: 300px;
    }

    .pop-emoji h3 {
        text-align: left;
        font-size: 24px;
    }

    .btn-emoji-link {
        margin: 0;
        margin-top: 16px;
    }

    .banner_text {
        display: none;
    }

    .banner_text-media {
        display: block;
    }

    .talyat__grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .banner_text-media {
        background: #F8F8F8;
    }

    .offer_knopka {
        padding: 23px 0;
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .banner_text-media > .container > h1 {
        font-family: 'Myriad Pro Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 100%;
        color: #2C3B48;
        padding: 24px 0 12px;
    }

    .cections_text h2 {
        font-size: 24px;
    }

    .cections_text p {
        font-size: 16px;
        width: 311px;
        height: auto;
    }

    .cections:active {
        background: #F8F8F8;
        border: 1px solid rgba(44, 59, 72, 0.03);
        box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
        border-radius: 16px
    }

    .cections1 {
        transition: .1s;
    }

    .cections1:active {
        background: #FFFFFF;
        border: 1px solid rgba(44, 59, 72, 0.03);
        box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
        border-radius: 16px;
    }

    .sposob h1 {
        padding-top: 0;
        font-size: 26px;
        width: 277px;
    }

    .sposob_content {
        margin-top: 48px;
    }

    .cections_text .news__button {
        margin-top: 60px !important;
    }

    .cections {
        padding: 20px 16px 22px 16px;
        box-sizing: content-box;
        width: 343px;
        transition: .1s;
    }

    .banner_text-media > .container > p {
        font-family: 'Roboto-Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 124%;
        color: rgba(44, 59, 72, 0.8);
        margin-bottom: 24px;
    }

    .banner_full {
        background-image: url(../image/zay.png);
        height: 271px;
        background-position: center center;
        background-size: center center;
    }

    .control__info {
        width: auto;
    }

    .question__details p {
        width: 420px;
    }

    .application__title {
        width: auto;
        font-size: 24px;
    }

    .talyat__section4 h4 {
        width: auto;
        max-width: 438px;
    }

    .control__card .slick-dots li button {
        background: white !important;
        color: white !important
    }

    .control__card-item {
        margin-right: 0;
    }

    .control__button {
        width: 100%;
        margin-top: 42px;
        margin-bottom: 40px;
    }

    .control__card-media {
        display: block;
    }

    .control__card {
        display: none;
    }

    .control__title-media {
        display: block;
    }

    .control__img-media {
        display: block;
    }

    /*
    
    .control__card {
        flex-direction: column;
    }
*/
    .cections {
        margin: 40px 0 28px;
    }

    .cections1 {
        margin-bottom: 40px;
    }

    .sposob_content {
        margin-top: 28px;
    }

    .comfort__title {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .control__img {
        display: none;
    }

    .sposob_content {
        padding: 0;
    }

    .sposob_content h2 {
        font-size: 24px;
    }

    .towar {
        display: none;
    }

    .expense__title {
        font-size: 35px;
    }

    .cifral__section2__block2 h3 {
        font-size: 24px;
        width: 310px;
        line-height: 110%;
    }

    .cifral__section1__block1 h1 {
        font-size: 28px;
        width: 343px;
    }

    .cifral__section1__block1 {
        width: auto;
    }

    .himmarsamo {
        margin-left: -7px;
        row-gap: 60px !important;
    }

    .cifral__section1__block1 p {
        max-width: 343px;
        padding-top: 12px;
        font-size: 16px;
    }

    .slider2 {
        display: block;
    }

    #howWeWork__sliderSection .slick-track {
        gap: 16px;
    }

    .icon__item {
        width: 60%;
    }

    .icon .section__wrapper {
        justify-content: center;
    }

    .container1 {
        max-width: 100%;
    }

    .domofon__text {
        width: 100%;
    }

    #howWeWork__sliderSection h2 {
        text-align: left;
        font-size: 28px;
    }

    .sliderSection__text__par {
        flex-wrap: wrap;
    }

    .sliderSection__text1,
    .sliderSection__text2 {
        width: 100%;
    }

    .window-two__block {
        flex-direction: column-reverse;
    }

    .window-two__block div {
        width: 100%;
    }

    .window-two__block .phone-cart img {
        transform: translate(0, 0);
    }

    .window-two__block {
        padding: 24px 16px;
    }

    .window-two__block .windows__link {
        width: 100%;
    }

    .swiperHorizon {
        display: none;
    }

    .message .section__wrapper > div {
        justify-content: center;
    }

    .message h3 {
        width: 100%;
    }

    .number__wrapper {
        border-radius: 0px;
        background: url(../image/whywe/bg_blue1.jpg);
        background-size: cover;
    }

    .catalog__wrapper {
        background: none;
    }

    .news__title {
        text-align: left;
        font-size: 30px;
    }

    .partner__title {
        font-size: 30px;
    }

    .response__phone__home2 {
        display: none;
    }

    .response__phone__home3 {
        display: block;
        margin: 0 auto;
    }

    .mobile__left {
        width: 100%;
    }

    .mobile__right {
        display: none;
    }

    .mobile__contacts {
        flex-direction: column;
    }

    .mobile__contacts__a__response {
        display: none;
    }

    .mobile__contacts button {
        display: block;
        width: 100%;
        cursor: pointer;
        margin-bottom: 12px;
        background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
        border-radius: 8px;
        padding: 10px 0;

    }

    .mobile__contacts button img {
        width: 146px;
        height: 37px;

    }

    .expense__card-info {
        color: #2C3B48;
    }

    .swiper1 {
        display: block;
        width: 100vw;
    }

    .partner__item {
        box-sizing: border-box;
        width: 400px;
    }

    .expense__card-media {
        box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.7);
        padding: 14px;
        width: 260px;
    }

    .partner__wrapper {
        display: none;
    }

    .events__wrapper {
        display: none;
    }

    .number__wrapper-main {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .number__item {
        width: 47%;
    }

    .number__line {
        display: none;
    }

    .number {
        position: relative;
    }

    .number__line1 {
        width: 200px;
        height: 1px;
        background-color: white;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .news__wrapper {
        display: none;
    }

    .news__item {
        width: 290px;
    }

    .section__wrapper p {
        width: auto !important;
    }

    #workonus__vacantion h2 {
        font-size: 26px;
        line-height: 104%;
    }

    .howWeWork__section3__block1__par > span {
        width: 310px;
        font-size: 18px;
        line-height: 120%;
        padding-bottom: 24px;

    }

    .howWeWork__section3__block1__par p {
        width: 320px;
        font-family: 'Roboto-Regular-Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 112%;
        color: #2C3B48;

    }

    .howWeWork__section3__block1__par h2 {
        font-size: 24px;
        padding-bottom: 16px;

    }

    .howWeWork__info__par {
        grid-template-columns: repeat(1, 1fr);
    }

    .howWeWork__info-el__block2 {
        display: none;
    }

    #howWeWork h2 {
        font-size: 34px;
    }

    .feedback h2 {
        font-size: 28px;
    }

    .howWeWork__section3__block2__par h2 {
        font-size: 24px;
        width: 343px;
        padding-bottom: 20px;
        line-height: 110%;
    }

    .howWeWork__section3__block2__par p {
        width: 319px;
        font-size: 18px;
    }

    .howWeWork__section3__block2__par {
        width: auto;
    }

    .map__button {
        width: 100%;
    }

    .map__phone {
        flex-wrap: wrap;
    }

    .map__info-text {
        font-size: 16px;
        margin: 0;
        margin-bottom: 28px;
    }

    .map-subtitle-media {
        margin-bottom: 8px !important;
    }

    .map__work-week {
        margin-bottom: 16px !important;
    }

    .map-admin-media {
        margin-bottom: 0;
    }

    .map__phone {
        margin-bottom: 12px;
    }

    .map__application {
        margin-top: 28px;
    }

    .map-zayavka-media {
        margin-bottom: 8px !important;
    }

    .map-day-media {
        margin-bottom: 16px !important;
    }

    .map__info-text {
        color: rgba(44, 59, 72, 0.8);
    }

    .map__button {
        font-size: 16px;
        height: 56px;
    }

    .map__comments img {
        margin-right: 3px;
    }

    .map__comments p {
        font-size: 14px;
    }

    .map__comments:last-child {
        margin-top: 12px !important;
    }

    .map__phone a {
        font-size: 18px;
    }

    .map__title {
        font-size: 28px;
        line-height: 100%;
        margin-bottom: 24px;
    }

    .map__subtitle {
        font-size: 18px;
        font-family: 'Roboto-Regular-Medium';
        font-weight: 500;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .footer-hlp {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .header__link > a {
        display: none !important;
    }

    .expense__card .slick-track {
        gap: 60px;
    }

    .expense__card .slider2 .slick-dots {
        margin-top: 0 !important;
    }

    .expense__card .slider2 .slick-dots li button {
        background: white;
    }

    .comfort__subtitle {
        margin-bottom: 12px;
    }

    .comfort__card-subtitle {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .answer .container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
    }

    .answer__title {
        margin-bottom: 8px;
        font-size: 20px;
    }

    .answer__subtitle {
        width: 343px;
        font-size: 16px;
    }

    .answer .container button {
        width: 100%;
    }

    .sberSliderLastItem p {
        width: 88% !important;
    }

    .sberSliderLastItem div {
        margin-bottom: 16px !important;
    }

    .talyat__section3 .window-two__list div {
        width: 50% !important;
    }

    .advice__title {
        font-size: 28px;
    }

    .advice__card1 {
        display: none;
    }

    .operation .swiper3 {
        display: block;
    }

    .operation__with {
        display: none;
    }

    .operation .swiper-slide {
        padding: 12px 24px;
        cursor: pointer;
        display: block;
        background: #F8F8F8;
        border-radius: 30px;
    }

    .control-adress-img {
        left: -160px;
    }

    .control-adress-img:first-child {
        left: -53px;
    }

    .operation__title {
        font-size: 26px;
        text-align: left;
    }

    .control-adress-title {
        font-size: 28px;
    }

    .control-adress-img {
        left: -97px;
    }

    .control-adress-img:first-child {
        left: 6px;
    }

    .etap {
        align-items: flex-start;
    }

    .etap_text {
        margin-top: 0;
    }

    .control-adress__card {
        padding: 20px 16px 0;
    }

    .with-active {
        background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%) !important;

    }

    .with-active h2 {
        color: white;
    }

    .operation {
        padding: 40px 0;
    }

    .advice {
        padding: 40px 0;
    }

    .operation__card2 {
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        padding: 20px 16px;
    }

    .operation__card2__textpar h3 {
        font-size: 20px;
        padding-bottom: 12px;
    }

    .operation__card2 img {
        width: 100%;
        border-radius: 16px;
    }

    .operation__card2__textpar {
        padding: 0;
    }

    .videocall__card {
        flex-direction: column;
        gap: 8px;

    }

    .videocall__title {
        font-size: 24px;
    }

    .videocall__img {
        display: none;
    }

    .videocall__img1 {
        display: block;
    }

    .video__card-left,
    .video__card-right {
        display: none;
    }

    .videocall__item-title {
        font-size: 20px;
    }

    .videocall__item {
        width: 100%;
    }

    .videocall__item:first-child {
        width: 100%;
    }

    .dowload__card {
        flex-direction: column;
        align-items: center;
    }

    .dowload__card:last-child {
        flex-direction: column-reverse;
    }

    .dowload__info {
        width: 100%;
    }

    .dowload-pic {
        width: 100%;
        border-radius: 16px;
        margin-top: 20px;
        overflow: hidden;
    }

    .dowload__card > img {
        width: 100%;
        margin-top: 20px;
        border-radius: 16px;
    }

    .dowload__accept {
        display: block;
        background: #FFFFFF;
        font-size: 18px;
        border-radius: 30px;
        box-sizing: border-box;
        padding: 12px 24px;
        color: rgba(44, 59, 72, 0.8);
    }

    .dowload__accepts {
        gap: 11px;
    }

    .dowload__title {
        font-size: 26px;
    }

    .function__title {
        text-align: left;
        font-size: 26px;
    }

    .function .swiper-wrapper {
        padding: 0;
    }

    .function .operation__with-title-active {
        -webkit-text-fill-color: white;
        background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%) !important;
        color: white !important;
    }

    .dowload .operation__with-title-active {
        color: white !important;
        -webkit-text-fill-color: white;
        background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%) !important;
    }

    .dowload__card2__text__par {
        padding: 0;
    }

    .function__card {
        flex-direction: column;
        gap: 16px;
    }

    .function__info {
        width: 100%;
    }

    .function__pic {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
    }

    .function .swiper3 {
        display: block;
    }

    .function__support {
        display: none;
    }

    .function__support-title {
        padding: 12px 15px;
        background: #F8F8F8;
        border-radius: 30px;
    }

    .function__info-subtitle {
        margin-bottom: 0;
    }

    .function__info-title {
        margin-bottom: 12px;
    }

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

    .function__support-title h2 {
        font-size: 18px;
        text-align: center;
        font-family: 'Roboto-Regular-Medium';
        font-weight: 500;
    }

    .invite__card {
        display: none !important;
    }

    .invite__item {
        margin-right: 40px;
        padding: 20px 16px 0;
        width: 320px;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

    .invite__info-text {
        width: auto;
    }

    .invite__pic img {
        width: auto;
        height: auto;
    }

    .invite__pic img {
        position: static;
    }

    .invite__pic {
        width: 244px;
    }

    .invite .slider2 {
        display: block;
    }

    .application__form__inputs__par1 {
        width: 100%;
    }

    .invite__title {
        text-align: left;
    }

    .invite__subtitle {
        text-align: left;
    }

    .video .slider2 {
        display: block;
    }

    .video .slider2 .slick-slide {
        margin-right: 30px;
    }

    .video .slider2 .slick-dots {
        margin-top: 26px;

    }

    .slider2 .slick-dots li button {
        background: #1579D3;
    }

    .video__card-item {
        margin-bottom: 20px;
    }

    .video__card-item p {
        width: 340px;
    }

    .attention__dowload-title {
        display: none;
    }

    .attention__card {
        flex-direction: column;
        align-items: center;
        border-radius: 16px;
    }

    .attention__title1 {
        display: block;
        padding: 5px 0;
        margin-bottom: 12px;
        font-size: 28px;
    }

    .notification__item {
        width: 335px;
    }

    .notification__card__1 > img {
        left: 14px;
    }

    .notification__item img:last-child {
        left: 8px;
    }

    .notimg1 {
        left: 0 !important;
    }

    .attention__qr {
        margin-bottom: 20px;
    }

    .attention__subtitle1 {
        display: block;
    }

    .attention__subtitle1 a {
        color: #064288;
    }

    .attention__app {
        gap: 8px;
    }

    .attention__app img {
        width: 160px;
    }

    .attention__title {
        font-size: 28px;
    }

    .attention__subtitle a {
        font-size: 16px;
    }

    .attention__subtitle {
        font-size: 16px;
    }

    .visit__foto {
        display: none;
    }

    .visit__subtitle {
        padding-bottom: 25px;
    }

    .visit .slider2 .slick-dots li button {
        background: #064288;
    }

    .visit .slider2 .slick-track,
    .register .slider2 .slick-track {
        gap: 24px;
    }

    .visit .slider2 .slick-dots {
        margin-top: 40px;
    }

    .register__card {
        display: none;
    }

    .register .slider2 .slick-dots li button {
        background: rgba(44, 59, 72, 0.8) !important;
    }

    .register__title {
        font-size: 26px;
        text-align: left;
    }

    .register__subtitle {
        font-size: 16px;
        text-align: left;
        padding: 0;
    }

    .register__start {
        font-size: 20px;
    }

    .register {
        padding: 40px 0;
    }

    .register .control__download-link {
        padding: 16px 0 0;
    }

    .whywe__section1__block2 {
        display: none;
    }

    .whywe__section1 .container {
        flex-direction: column;
    }

    .whywe__section1__block1 {
        width: auto;
    }

    .whywe__section1__block1Swipper {
        width: 500px;
        overflow-x: hidden;
        margin: auto;
    }

    .whywe__section1__block1 .btn {
        width: 100%;
    }

    .cections {
        box-sizing: border-box;
    }

    .hidden {
        top: -192px;
        left: -302px;
        padding: 24px 18px;
        width: 288px;
        height: 220px;
        box-sizing: border-box;
    }

    .hidden:before {
        top: 173px;
        left: 283px;
        bottom: 20px;
        transform: rotate(180deg)
    }

    .dlg-modal1 {
        padding: 20px 16px;
        width: 343px;
        background-size: cover;
        background: url(../image/whywe/bgPopUp.jpg);
        border-radius: 12px;
    }

    .social_item {
        box-sizing: border-box;
        width: 100%;
    }

    .closer {
        background: url(../image/whywe/x1.png);
        color: white;
        width: 24px;
        height: 24px;
        top: 10px;
        right: 10px;
    }

    .pop-1-text p {
        width: auto;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .btn-pop-1 {
        flex-direction: column;
        gap: 12px;
    }

    .btn-pop-1 a {
        margin: 0;
        width: 100%;
        padding: 17px 0;
        font-size: 16px;
    }

    .pop-1-text h2 {
        width: 247px;
        font-size: 24px;
    }

    .popup__overlay1 {
        display: none;
    }

    .cections1 {
        width: 343px;
        box-sizing: border-box;
        height: 240px;
        padding: 20px 0 24px 16px;
    }

    .cections {
        height: 240px;
        margin: 40px auto 28px;
    }

    .cections p {
        display: none;
    }

    .cections .cetions__text1 {
        display: block
    }

    .cections1 button.box-btn1.news__button {
        margin-top: 94px !important;
    }

    .sposob-zayavka {
        padding: 40px 0;
    }

    .form1 {
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

    .popup__overlay2_1 {
        position: fixed;
        display: none;
        height: 105vh;
        overflow-y: scroll;
        background: white;
        top: 0;
        width: 100vw;
        left: 0;
    }

    .overlay__header .container {
        padding-top: 32px;
        display: flex;
        padding-bottom: 17px;
        justify-content: space-between;
        align-items: center;
    }

    .overlay__header .container div {
        cursor: pointer;
    }

    .overlay__line {
        width: 100%;
        height: 1px;
        margin-bottom: 40px;
        background: #2C3B48;
        opacity: 0.5;
    }

    .overlay__body h2 {
        width: 100%;
        font-size: 24px;
        font-weight: 600;
        line-height: 26px;
        font-family: 'Myriad Pro SemiBold';
        color: #2C3B48;
    }

    .form1 h2 {
        padding-top: 12px;
    }

    .plusOrMinusPar {
        display: flex;
        gap: 4px;
        background: #F8F8F8;
        border-radius: 8px;
        margin: 4px 0 12px;
        width: 122px;
        justify-content: center;
        box-sizing: border-box;
        height: 56px;
        align-items: center;
        padding: 16px 0;
    }

    .plusOrMinusPar button {
        width: 24px;

    }

    .plusOrMinusPar input {
        width: 44px;
        background: #F8F8F8;
        font-family: 'Myriad Pro SemiBold';
        font-size: 20px;
        color: #2C3B48;
        text-align: center;
        height: auto;
    }

    .overlay__body .container > p {
        padding-top: 12px;
        padding-bottom: 20px;
        color: rgba(44, 59, 72, 0.8);
    }


    .dlg-modal2 {
        /* height: 100vh; */
        border-radius: 0;
        max-width: initial;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .closer2 {
        display: none;
    }

    .overlay__header1 {
        display: block;
    }

    .container4 {
        max-width: 500px;
        margin: auto;
    }

    .line1 {
        display: block;
    }

    .dlg-modal2 h3 {
        font-size: 24px;
    }

    .container4 p {
        width: auto;
    }

    .block_form1 {
        flex-direction: column;
    }

    .key_adres input {
        height: 56px;
    }

    span.close > img {
        display: none;
    }

    .input-wrap {
        justify-content: flex-start;
        flex-wrap: wrap;
        row-gap: 12px;
        margin-left: 0px;
        column-gap: 8px;
    }

    .checklist__item {
        width: 120px;
        box-sizing: border-box;
    }

    .checklistItem1 {
        width: 231px;
    }

    .checklist__input:checked + label.checklist__item {
        padding-right: 0;
    }

    .key_form {
        width: 100%;
        display: block;
    }

    .file-wrp {
        display: none;
    }

    .fild-wrp1 {
        display: flex;
    }

    .sendDiv p {
        margin: 0;
        padding-bottom: 40px;
    }

    .popup__overlay2 {
        height: 103vh;
    }

    .filesPar {
        border: none;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 14px;
        flex-direction: column;
    }

    .Dflex .filesPar__item {
        width: 100%;
        background-image: url(../image/whywe/x4.png)
    }

    .filesLengthDiv {
        display: none;
    }

    .textarea input {
        margin-bottom: 19px;
    }

    .sendDiv button {
        width: 100%;
    }

    .swiper7 {
        display: block;
    }

    .whywe__section1__block1 h1 {
        font-size: 28px;
    }

    .swiper7 .swiper-pagination {
        top: 98.5%;
    }

    .whywe__section1__block1 p {
        font-size: 16px
    }

    .services__wrapper {
        display: none;
    }

    .slick-slide.slider3__item {
        opacity: 1;
    }

    .ktl-optn-list {
        padding: 24px 12px;
    }

    .ktl-optn-item {
        gap: 16px;
    }

    .ktl-list-group h3 {
        margin-bottom: 24px;
    }

    .group-wrp {
        gap: 56px;
    }

    .group-item {
        padding-top: 0;
    }

    .group-text p {
        margin-bottom: 40px;
    }

    .group-item {
        width: 343px;
    }

    .group-prc-n {
        margin-right: 132px;
    }

    .btn-group {
        width: 100%;
        height: 54px;
    }

    .contant-main-cont {
        background: #f8f8f8;
    }

    .media-info-title {
        margin-top: 20px;
    }

    .content-media {
        margin-bottom: 40px;
    }

    .contant-main-cont {
        padding-bottom: 24px;
        border-radius: 0 0 16px 16px;
    }

    .p-tabs {
        overflow-x: hidden;
        padding-bottom: 10px;
    }

    .p-tabs h1 {
        margin-top: 20px;
        line-height: 104%;
    }

    .p-tabs .swiper-wrapper {
        padding-top: 0;
    }

    .window-one {
        padding: 40px 0;
    }

    .window-one__text h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .window-one__text {
        padding: 20px 16px;
    }

    .window-one__text ul li:last-child {
        margin-bottom: 24px;
    }

    .partner {
        padding: 40px 0;
    }

    .partner .swiper-wrapper {
        padding: 0;
    }

    .partner__item div {
        padding: 20px 16px 28px;
    }

    .partner__title.title-2 {
        margin-bottom: 24px !important;
    }

    .events__item {
        padding: 20px 16px;
    }

    .window-two {
        padding: 40px 0;
    }

    .window-two__text .button {
        text-align: left;
    }

    .window-two__text {
        padding: 24px 16px;
        margin-bottom: 36px;
    }

    .phone-cart {
        position: relative;
        height: 410px;
    }

    .window-two__block .phone-cart img {
        position: absolute;
        max-width: 114%;
        top: -103px;
        left: -11px;
    }

    .window-two__block > div > h3 {
        line-height: 26.4px;
    }

    .window-two__block ul li p {
        margin-left: 12px;
    }

    .window-two__block .windows__link {
        margin-top: 32px;
    }

    .expense {
        padding: 32px 0;
    }

    .expense__wrapper > p {
        padding-bottom: 4px;
    }

    .expense__item-text-2 {
        font-size: 16px !important;
    }

    .window-three {
        padding: 40px 0;
        gap: 16px;
    }

    .window-three__block1__text {
        width: 255px;
    }

    .window-three__block1_divPar1 > div {
        justify-content: space-between;
    }

    .window-three__block1 {
        padding: 20px 16px;
    }

    .window-three__block1__text__br {
        display: none;
    }

    .window-three__block1_divPar1 {
        margin-bottom: 28px;
    }

    .window-four {
        padding: 40px 0;
    }

    .window-four__text {
        padding: 20px 16px;
    }

    .window-four__text > h3 {
        margin-bottom: 20px;
    }

    .window-four__list p {
        margin: 0;
    }

    .window-four__qrcode {
        box-sizing: border-box;
        padding: 20px 24px;
    }

    .window-four__qrcode h3 {
        margin-bottom: 0;
    }

    .window-four__qrcode .ResoponseWindowBut {
        margin-top: 16px !important;
        gap: 12px !important;
    }

    .window-four__qrcode .ResoponseWindowBut button {
        margin-bottom: 0;
    }

    .window-five {
        padding: 40px 0;
    }

    .window-five .swiper-wrapper {
        padding: 0;
    }

    .sberSlider__item h3 {
        font-size: 24px;
    }

    .sberSlider__item {
        padding-bottom: 34px;
    }

    .swiper4 .swiper-pagination {
        left: 56% !important;
        bottom: 30px !important;
    }

    .sberSlider__item div p {
        font-family: 'Roboto-Regular-Medium';
        color: rgba(44, 59, 72, 0.8);
        line-height: 18px;
    }

    .sberSliderLastItem p {
        width: 80% !important;
    }

    .sberSliderLastItem {
        padding-bottom: 52px;
    }

    .feedback {
        padding: 40px 0;
    }

    .feedback__wrapper {
        margin-top: 24px;
    }

    .feedback__item h4 {
        line-height: 116%;
    }

    .feedback__item p {
        color: rgba(44, 59, 72, 0.8);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 124%;
    }

    .swiperBlock .swiper-slide-item {
        padding: 22px 0;
    }

    .swiperBlock .swiper-wrapper {
        padding: 0;
    }

    .swiperBlock-a {
        margin-bottom: 10px;
    }

    /* .swiper-slide p {
        color: #2C3B48;
        font-family: 'Myriad Pro SemiBold';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 116%;
        width: 320px;
    } */

    .swiper-slide__item__date p {
        color: #064288;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 124%;
        margin-bottom: 3px;
    }

    .swiper-slide__item__date p span {
        opacity: 0.9;
    }

    .swiperBlock .swiper-wrapper {
        padding-bottom: 40px;
    }

    .swiperBlock .swiper-pagination {
        bottom: 0px !important;
    }

    .swiperBlock .swiper-pagination {
        left: -38% !important;
    }

    .swiper-button-next {
        right: 31%;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: 99.5%;
    }

    .swiper-button-prev {
        left: 28% !important;
        right: inherit;
    }

    .sposob_content {
        box-sizing: border-box;
        padding: 24px 16px;
    }

    .sposob_content h2 {
        font-size: 20px;
        width: 255px;
        font-family: 'Myriad Pro SemiBold';
    }

    .sposob_etap {
        margin: 24px 0 26px;
    }

    .etap {
        margin: 0;
    }

    .etap_text {
        width: 100%;
    }

    .social_item {
        padding: 32px 11.5px 34px;
    }

    .content-media1 {
        margin: 40px 0;
    }

    .formy h1 {
        font-size: 23.5px;
        padding: 20px 0 12px;
    }

    .formy p {
        max-width: 301px;
        font-size: 16px;
    }

    .formy .swiper-wrapper {
        padding: 24px 0 40px;
    }

    .section__footer {
        padding: 32px 0;
    }

    .yesno {
        margin: 0;
        padding: 32px 0 0;
        height: auto;
        min-height: 100vh;
        max-height: 100vh;
    }

    .popup__overlay8 {
        height: auto;
        overflow-y: scroll;
        background: white;
    }

    .yesno p {
        height: auto;
    }

    .workonus__header__text1 {
        padding: 12px 0 !important;
    }

    #workonus__header p {
        line-height: 124% !important;
        width: 317px;
    }

    #howWeWork {
        padding-top: 315px;
    }

    .howWeWork__info__par {
        margin: 24px auto 0;
    }

    .howWeWork__info-el__block1 p {
        font-family: 'Myriad Pro SemiBold';
        font-weight: 600;
        font-size: 24px;
        color: #2C3B48;
    }

    .howWeWork__info-el__block1 {
        padding-top: 30px;
    }

    .howWeWork__info__par {
        grid-row-gap: 20px;
    }

    .anotherDiv-text {
        height: 89px;
    }

    .howWeWork__section3__block1 {
        gap: 32px;
    }

    .howWeWork__section3__block1 {
        margin-bottom: 28px;
    }

    .howWeWork__section3__block2 {
        gap: 28px;
    }

    #howWeWork__sliderSection {
        padding: 40px 0;
    }

    .howWeWork__section3__block2 {
        padding-bottom: 40px;
    }

    #howWeWork__sliderSection h2 {
        padding-bottom: 20px;
    }

    .sliderSection__text1 {
        padding-bottom: 0;
    }

    .sliderSection__text2 {
        padding-bottom: 40px;
    }

    .slider-jerk .slick-dots {
        margin-top: 27px !important;
    }

    .vacantion__el__line1 {
        padding-bottom: 32px;
    }

    .vacantion__el__text {
        max-width: 238px;
    }

    #workonus__vacantion a {
        text-decoration: none;
        padding-top: 8px;
    }

    .number1 .number__wrapper {
        padding: 40px 0;
    }

    .himmarsamo .number__title {
        margin-bottom: 8px;
    }

    .himmarsamo .number__text {
        line-height: 124%;
    }

    .cifral__section2__block2 p {
        padding: 16px 0;
        font-size: 16px;
    }

    .miat-haway {
        display: block;
    }

    .cifral__section2__block2 span {
        font-size: 16px;
    }

    .cifral__section2 .container {
        gap: 24px;
    }

    section.group {
        padding: 40px 0 !important;
    }

    .group__text h2 {
        margin-bottom: 16px !important;
    }

    .group__text_title {
        font-size: 18px;
        width: 310px;
        margin-bottom: 16px;
    }

    .group__text {
        padding-bottom: 12px;
    }

    .history {
        padding: 40px 0;
        padding-bottom: 48px;
    }

    .history__block {
        margin-top: 25px;
    }

    .history__block_item__block1 p {
        line-height: 116%;
    }

    .history__block_item__block2 span {
        width: 262px;
    }

    .history__block_item-line {
        width: 2px;
    }

    .history__block {
        gap: 25px;
    }

    .es-texte-pti-tarberwer {
        width: 280px !important;
    }

    .otherpartner {
        width: 100vw;
        overflow: hidden;
    }

    .otherpartner .partner__item div {
        padding: 12px 16px 18px !important;
    }

    .otherpartner .swiper-slide .partber__item_name {
        font-family: 'Roboto-Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 14px !important;
        line-height: 112%;
        color: rgba(44, 59, 72, 0.8) !important;
    }

    .otherpartner .swiper-slide .partner__item_text {
        font-family: 'Myriad Pro SemiBold';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 116%;
        color: #2C3B48;
        width: 250px;
    }

    .section__news__main {
        padding-top: 20px;
    }

    #city,
    #time {
        color: #2C3B48;
        font-size: 16px;
        font-family: 'Roboto-Regular-Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
    }

    .swiperBlock1 .swiper-slide__item:first-child {
        border: none !important;
    }

    .swiperBlock1 .swiper-slide__item {
        padding: 24px 16px;
    }

    .sberSliderLastItem {
        padding-bottom: 52px;
    }

    .feedback {
        padding: 40px 0;
    }

    .feedback__wrapper {
        margin-top: 24px;
    }

    .feedback__item h4 {
        line-height: 116%;
    }

    .feedback__item p {
        color: rgba(44, 59, 72, 0.8);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 124%;
    }

    .swiperBlock .swiper-slide-item {
        padding: 22px 0;
    }

    .swiperBlock .swiper-wrapper {
        padding: 0;
    }

    .swiperBlock-a {
        margin-bottom: 10px;
    }

    /* .swiper-slide p {
        color: rgba(44, 59, 72, 0.8);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 124%;
    } */

    .swiperBlock .swiper-wrapper {
        padding-bottom: 40px;
    }

    .swiperBlock .swiper-pagination {
        bottom: 0px !important;
    }

    .swiperBlock .swiper-pagination {
        left: -38% !important;
    }

    .swiper-button-next {
        right: 31%;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: 99.5%;
    }

    .swiper-button-prev {
        left: 28% !important;
        right: inherit;
    }

    .sposob_content {
        box-sizing: border-box;
        padding: 24px 16px;
    }

    .sposob_content h2 {
        font-size: 20px;
        width: 255px;
        font-family: 'Myriad Pro SemiBold';
    }

    .sposob_etap {
        margin: 24px 0 26px;
    }

    .etap {
        margin: 0;
    }

    .etap_text {
        width: 100%;
    }

    .social_item {
        padding: 32px 11.5px 34px;
    }

    .content-media1 {
        margin: 40px 0;
    }

    .formy h1 {
        font-size: 23.5px;
        padding: 20px 0 12px;
    }

    .formy p {
        max-width: 301px;
        font-size: 16px;
    }

    .formy .swiper-wrapper {
        padding: 24px 0 40px;
    }

    .section__footer {
        padding: 32px 0;
    }

    .yesno {
        margin: 0;
        padding: 32px 0 0;
        height: auto;
        min-height: 100vh;
        max-height: 100vh;
    }

    .popup__overlay8 {
        height: auto;
        overflow-y: scroll;
        background: white;
    }

    .yesno p {
        height: auto;
    }

    .sposob_content h2 {
        font-size: 24px;
        font-family: 'Myriad Pro Bold';
        width: auto;
    }

    .sposob_etap {
        margin: 24px 0 !important;
    }

    .message {
        padding: 32px 0;
    }

    .message h3 {
        margin-bottom: 28px;
    }

    .message .section__wrapper > div {
        row-gap: 25px;
    }

    .control-panel {
        background-image: url(../image/whywe/bgBlueRot.jpg);
    }

    .control__title2 {
        display: block;
    }

    .control {
        width: 100vw;
        overflow: hidden;
        padding: 40px 0 6px;
    }

    .control__card-item {
        padding: 12px;
        margin-bottom: 0;
        height: auto;
    }

    .control .slider2 .slick-dots {
        margin-top: 13px;
    }

    .control .control__dowload {
        margin-top: 50px;
        margin-bottom: 16px;
    }

    .control .control__download-link {
        padding-bottom: 36px;
    }

    .advice__title {
        width: auto;
    }

    .advice {
        width: 100vw;
        overflow: hidden;
    }

    .advice .swiper-wrapper {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .advice__item-info {
        height: 236px;
        box-sizing: border-box;
        border-radius: 12px;
        padding: 16px !important;
    }

    .advice__item-title {
        font-size: 20px;
        font-family: 'Myriad Pro SemiBold';
    }

    .advice__item-subtitle {
        margin-top: 12px;
    }

    .operation__title {
        width: 256px;
    }

    .operation {
        width: 100vw;
        overflow: hidden;
        padding-bottom: 60px;
    }

    .operation .swiper-wrapper {
        padding: 24px 0;
    }

    .operation__item__el {
        gap: 16px;
    }

    .operation__item-subtitle {
        color: #2c3b48;
        margin-bottom: 0;
    }

    .operation__item img {
        margin-bottom: 2px;
    }

    .operation__item {
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .videocall {
        padding: 40px 0;
    }

    .videocall__title {
        margin-bottom: 20px;
    }

    .videocall__menu {
        margin-top: 22px;
    }

    .videocall__menu-title {
        margin-left: 12px;
        font-size: 18px;
    }

    .videocall__menu li {
        align-items: center;
    }

    .online__title {
        margin-bottom: 16px;
    }

    .online__subtitle {
        margin-bottom: 12px;
    }

    .online__info-text {
        margin-bottom: 24px;
    }

    .online {
        padding: 40px 0;
    }

    .online .online__more {
        margin-bottom: 0 !important;
    }

    .dowload {
        padding: 40px 0 35px;
    }

    .dowload__card {
        padding: 20px 16px;
    }

    .dowload__subtitle {
        font-size: 20px;
        width: 216px;
    }

    .dowload__subtitle-title {
        margin: 12px 0;
    }

    .dowload__info-text {
        margin-bottom: 12px;
    }

    .dowload__about {
        margin-bottom: 20px;
    }

    .function {
        width: 100vw;
        overflow: hidden;
        padding: 40px 0 52px;
    }

    .function__info-title {
        width: 283px;
    }

    .function__card h2:first-child {
        width: 283px;
    }

    .functionTitle2 {
        width: 182px !important;
    }

    .function__card {
        padding: 20px 16px;
    }

    .function__info {
        padding-top: 0;
    }

    .notification {
        padding: 40px 0;
        width: 100vw;
        overflow: hidden;
    }

    .notification__title {
        font-family: 'Myriad Pro Bold';
    }

    .notification__subtitle {
        margin-bottom: 24px;
    }

    .control-adress {
        padding: 40px 0;
    }

    .control-adress-subtitle {
        margin: 20px 0 16px;
    }

    .sposob_content1 h2 {
        font-family: 'Myriad Pro Semibold';
    }

    .sposob_content1 .sposob_etap {
        margin-bottom: 40px;
    }

    .invite__subtitle {
        font-size: 16px;
    }

    .invite {
        width: 100vw;
        overflow: hidden;
    }

    .invite__text span {
        margin-right: 12px;
    }

    .invite .slider2 .slick-dots {
        margin-top: 13px;
    }

    .invite__item {
        width: 340px;
    }

    .invite .slider2 .slick-dots li button {
        background: rgba(44, 59, 72, 0.8);
    }

    .application {
        padding: 40px 0;
    }

    .application__title {
        margin-bottom: 20px;
    }

    .application .application__addres,
    .application .application__name,
    .application .application__phone {
        height: 56px;
    }

    .application .application__form__inputs__span {
        top: 18px;
        left: 12px;
    }

    .application .application__form {
        gap: 12px;
    }

    .application .application__send {
        margin-top: 8px;
        height: 56px;
    }

    .application__subtitle {
        font-size: 14px;
    }

    .video {
        padding: 40px 0;
    }

    .video__subtitle {
        font-size: 16px;
        color: rgba(44, 59, 72, 0.8);
        margin-bottom: 24px;
    }

    .video__circle {
        width: 90px;

        display: none;
    }

    .video__circle1 {
        display: block;
        width: 90px;
        height: 90px;
        border: none;
    }

    .video__circle img {
        width: 61px;
        height: 61px;
    }

    .video__circle1 img {
        width: 90px;
        height: 90px;
    }

    .video {
        width: 100vw;
        overflow: hidden;
    }

    .attention {
        padding: 40px 0;
    }

    .attention__card {
        margin-top: 25px;
        padding: 24px 5px 28px;
    }

    .question {
        margin-bottom: 0;
    }

    .question__title {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .answer {
        padding: 26px 0 40px;
    }

    .question__summary {
        font-size: 18px;
        font-weight: 500;
        font-family: 'Roboto-Regular-Medium';
    }

    .answer__button {
        height: 56px;
    }

    .control__title2 {
        display: block;
    }

    .new-cityes {
        right: 50%;
        transform: translateX(50%);
        width: 100%;
    }

    .new-date {
        right: 50%;
        transform: translateX(50%);
        width: 100%;
        top: 100px;
    }

    .new-date .mouth__block {
        justify-content: space-between;
    }

    .new-date .reset__block p.svg {
        color: #1579D3 !important;
    }

    .slider-container-media {
        max-width: 100% !important;
    }

    .swiper-slide__item__block2 p {
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 116%;
        margin-bottom: 8px;
    }
    
    .swiper-slide__item__block2 span {
        font-size: 15.7px;
        transition: 0.1s;
    }
    
    .swiper-slide__item__block2:active > span {
        color: #2C3B48 !important;
    }
    
    .swiperBlock1 .swiper-pagination {
        left: -37.5% !important;
    }
    .swiperBlock1 .swiper-pagination {
        bottom: 12.5px !important
    }
    
    .openNews .container > span {
        display: block;
    }
    .openNews__info__par p {
        padding-bottom: 16px;
    }
    .openNews__info__par {
        padding-bottom: 8px;
    }
    .openNews__select__div {
         margin-top: 32px;       
    }
    .openNews__citat__div {
        padding: 38px 16px 20px 16px;
        margin-bottom: 32px;
    }
    .openNews__citat__div img {
        left: 6px;
        top: 6px;
    }
    .openNews__par .slider2 .slick-dots {
        margin-top: 34px;
        margin-bottom: 42px;
    }
    .openNews__img1 {
        height: 200px;
    }
    .openNews__img2 {
        height: 320px;
    }
    
    .openNews__share {
        margin-top: 18px;
    }
    .openNews__par {
        gap:36px;
    }
    .openNews__lastNews__par span {
        color: rgba(44, 59, 72, 0.8) !important;
        margin-bottom: 4px;
        padding-top: 0px !important;
        display: block;
    }
    
    .openNews__lastNews__item > p {
        color: #2C3B48;
        font-size: 16px;
        line-height: 124%;
    }
    .openNews__block2__par2 > img{
        height: 137px;
    }
    
    .openNews__block2__par2 h3 {
        line-height: 116%;
    }
    
    .miathawayspan {
        font-size: 16px !important;
    }
    
    .openNews {
        padding: 40px 0;
    }
    .online__card1 {
        padding-right: 0;
    }

    .online__card1 .online__subtitle img {
        margin-right: 12px;
    }

    .online__card1 .online__info-text {
        width: 265px;
        margin-left: 44px !important;


    }

    .imgVideo1 {
        margin-top: 24px;
    }

    .visit .slider2 .slick-dots {
        margin-top: 30px;
    }

    .visit__title {
        font-size: 28px;
    }

    .visit__subtitle {
        padding-bottom: 24px;
    }

    .visit .slider2 .slick-track,
    .register .slider2 .slick-track {
        gap: 0;
    }

    .visit__card {
        padding: 20px 16px 25px;
    }

    .register {
        width: 100vw;
        overflow: hidden;
    }

    .register__title {
        margin-bottom: 12px;
    }

    .register__subtitle {
        margin-bottom: 24px;
    }

    .register__info-subtitle {
        margin-top: 8px;
    }

    .register .slider2 .slick-dots {
        margin-top: 30px;
    }

    .register__start {
        margin-top: 24px;
    }

    .register__dowload {
        gap: 19px;
    }

    .question__details {
        padding-left: 0;
    }

    .expense__title {
        padding-top: 30px;
    }

    .expense__card-media {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .expense__card .slider2 .slick-dots {
        margin-top: 26px !important;
    }

    .uddom2__info {
        padding: 40px 0;
    }

    .uddom2__info>h3 {
        font-family: "Myriad Pro Bold";
        font-size: 26px !important;
    }

    .uddom2__info__card__par {
        margin-top: 24px;
    }

    .uddom2__info__card__item {
        width: 100%;
        min-height: auto;
        padding: 20px 16px;
    }

    .uddom2__info__card__item a {
        padding-top: 30px;
        font-size: 20px;
        gap: 8px;
        align-items: center;
        display: flex;
    }

    .uddom2__info__card__item h3 {
        width: 94%;
        font-size: 20px;
        font-family: 'Myriad Pro Bold';
    }

    .control2 {
        background-image: url(../image/whywe/bgBlueRot.jpg);
        padding-bottom: 0;
        width: 100vw;
        overflow: hidden;
    }
    .control2 .control__title {
        margin-bottom: 24px;
    }.control2 .slider2 .slick-dots{
        margin-top: 26px;
    }
    .control2 .control__button{
        height: 56px;
    }
    .question__details p a{
        color: #1579D3;
    }
    
    .addedDiv{
        top: 14% !important;
    }
    .control__dowload1{
        display: block;
    }
    .control__card.slider2{
        width: 100%;
    }
    .control__card-item {
        width: 343px;
    }
    .comfort__card-item{
        margin-bottom: 24px;
    }
    .sposob_content{
        margin-top: 16px;
    }
    .comfort__subtitle{
        font-size: 16px;
    }
    .comfort__card-subtitle{
        font-family: 'Myriad Pro Bold';
    }
    .sposob_content2{
        border-radius: 0;
        padding: 40px 0 32px;
    }
    .icon1.icon{
        padding: 0 0 8px !important;
    }
    .icon1 .icon__item img{
        margin-right: 16px;
    }
    .icon1 .section__wrapper{
        padding: 0 !important;
    }
    .icon1 .icon__item{
        margin-bottom: 32px;
    }
    .control .slider2 .slick-dots{
        margin-bottom: 0;
    }
    .expenses .slider2 .slick-dots{
        margin-bottom: 0;
    }
    .filtrs .inputDiv{
        border-radius: 8px;
        background: #f8f8f8;
    }
}

@media screen and (max-width:535px) {
    .header__menu-right {
        display: inline;
    }

    .video .slider2 .slick-dots {
        margin-top: -5px;
    }

    .container4 {
        max-width: 343px;
    }

    .window-two__block .phone-cart img {
        max-width: 125%;
        top: -78px;
        left: -25px;
    }

    .phone-cart {
        height: 295px;
    }

    .offer {
        margin: 24px 0 84px 0;
    }


    .advantages__item .title {
        width: 250px;
    }

    .emish {
        width: 170px !important;
    }

    .number-emish {
        padding: 60px 0 !important;
    }

    .news__title {
        line-height: inherit !important;
    }

    .daje-br-kpanq {
        display: block;
    }

    .offer__wrapper p {
        margin: 12px 0 24px 0;
    }

    .swiper-emish {
        padding: 24px 0 25px 0 !important;
    }

    .news__item {
        padding: 16px !important;
    }

    .mobile-emish {
        padding: 0 !important;
    }

    .your-application-send {
        max-width: 250px;
    }

    .openNews__info__par > h2 {
        font-size: 24px;
    }

    .swiperBlock1 .swiper-pagination {
        bottom: 12.5px !important;
    }

    .filtrs {
        flex-direction: column;
    }

    .input,
    .input2,
    .inputDiv {
        width: 100%;
    }

    .uddom2__info p {
        font-size: 16px;
    }


    .sec2Tolyat__textPar {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .overLayInp {
        width: 100%;
    }

    .overLay6__wrapper {
        padding: 16px;
        padding-bottom: 28px;
    }

    .overLay6__wrapper h3 {
        font-size: 20px;
        font-family: 'Myriad Pro Semibold';
    }

    .btnOVerLay6 {
        width: 100%;
    }

    .sec2Tolyat__textPar div {
        width: 100%;
        padding: 16px 0 16px 8px;
        font-family: 'Roboto-Regular-Medium';
        font-weight: 500;
        color: #2C3B48;
        background: #F4F9FD;
        border: 1px solid rgba(6, 66, 136, 0.03);
        box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
        border-radius: 12px;
        font-size: 18px;
    }

    .xaxainp {
        flex-wrap: wrap;
    }

    .talyat__section4 .application__send {
        width: 100%;
    }

    .xaxainp > div {
        width: 100% !important;
    }

    .talyatInfo__elem {
        width: 100%;
    }

    .section2__tolyat {
        padding-top: 44px;
    }

    .header-footer {
        flex-direction: column;
        gap: 12px;
    }

    .comfort__card-item {
        width: 343px;
        height: 450px;
    }

    .question__summary {
        width: 250px;
    }

    .question__details {
        height: 100px;
    }

    .addedDetails {
        height: 315px;
    }

    .question__details p {
        width: 250px;
    }

    .services__item {
        height: auto;
    }

    .window-two__list span::before {
        width: 0;
    }

    .window-two__list div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .window-two__text h3 {
        font-size: 24px;
    }

    .sec2Tolyat__img {
        display: none;
    }

    .sberSlider__item {
        width: 343px;
    }

    .talyat__section3 .window-two__list span::before {
        width: 0;
    }

    .talyat__section3 .window-two__list div {
        width: 100% !important;
        align-items: flex-start;
    }

    .talyat__section3 .window-two__list p {
        width: 71%;
    }

    .window-four__text > h3 {
        font-size: 24px
    }

    .p-tabs h1 {
        font-size: 26px;
    }

    .window-four__list {
        flex-wrap: wrap;

    }

    .window-four__list p {
        display: inline;
    }

    .window-four__list div {
        width: 100%;
        flex-direction: initial;
        flex-wrap: wrap;
        align-items: center;
    }

    .window-four__list-paragraph {
        width: 82% !important;

    }

    .window-four__qrcode div:last-child {
        flex-direction: column;

    }

    .ResponseWindowImg {
        display: none !important;
    }

    .ResoponseWindowBut {
        display: flex;
    }

    .window-four__qrcode div:last-child img {
        width: 40% !important;
    }

    .window-four__list span::before {
        width: 0;
    }

    .slider3 .slick-center {
        transform: scale(1);
        opacity: 1;

    }

    .expense__card-icon {
        margin-right: 10px;
    }

    .slider2 .slick-slide.services__item {
        width: 301px !important;
    }

    .slick-slide {
        display: flex;
        flex-direction: column;
    }

    .expense__title {
        max-width: 243px;
        font-size: 28px;
        margin-bottom: 16px;
    }

    .expense__subtitle {
        font-size: 16px;
        max-width: 343px;
    }

    .slider2 .slick-track {
        display: flex;
        gap: 16px;
        /* margin-left: 30px; */
    }

    .services__item p {
        width: auto !important;
    }

    .services h1 {
        font-size: 28px;
    }

    .services__title {
        font-size: 20px !important;
        color: #2C3B48 !important;

    }

    .services__item img {
        position: static;
    }

    .services .section__wrapper > p {
        font-size: 16px;
    }

    .icon__item {
        width: 100%;
    }

    .offer__wrapper .slick-slide {
        padding: 0 16px;
    }

    .foto__text h2 {
        font-size: 28px;
    }

    .container1,
    .container2 {
        width: 100%;
    }

    .foto {
        padding: 32px 0;
    }

    .domofon {
        padding: 0;
        padding-bottom: 32px;
    }

    .message .section__wrapper > div {
        justify-content: flex-start;
    }

    .group__text h2 {
        font-size: 24px;
    }

    .domofon__text {
        padding-top: 32px;
    }

    .mobile__wrapper {
        padding: 32px 16px 20px 16px;
    }

    .partner__title {
        margin-bottom: 24px;
    }

    .partner-emish {
        padding: 60px 0 40px 0 !important;
    }

    .events-emish {
        padding: 40px 0 !important;
        padding-bottom: 40px !important;
        width: 100vw;
        overflow-x: hidden;
    }



    .events__item_text {
        max-width: 258px;
    }

    .swiper-emish {
        padding: 0 !important
    }

    .events__button {
        margin-top: 24.5px;
    }



    .catalog {
        padding: 40px 0 8px;
    }

    .swiper-wrapper2 {
        align-items: center;
    }

    .partner__title {
        font-size: 28px;
    }

    .section__footer p {
        width: auto !important;
        font-size: 24px;
    }

    .offer__wrapper h1 {
        font-size: 28px;
    }

    .section__footer img {
        margin-right: 0 !important;
    }

    .secFoot > a:first-child {
        order: 2;
    }

    .services__wrapper {
        display: none;
    }

    .news__title {
        font-size: 28px;
        padding-bottom: 24px;
    }

    .slider2 {
        display: block;
        /* width: 100vw; */
    }

    .ktl-title h2 {
        font-size: 28px;
    }

    #howWeWork h2 {
        font-size: 26px;
    }

    .ktl-title p {
        margin-top: 12px;
        width: 343px;
        font-size: 16px;
    }

    .container,
    .container-ktl {
        max-width: 343px !important;
    }

    .header__logo {
        margin-right: 0;
    }

    .container1,
    .container2 {
        max-width: 100% !important;
    }

    .news {
        width: 100vw;
        overflow-x: hidden;
    }

    .windows__link {
        display: none !important;
    }

    .windowLink1 {
        display: flex !important;
    }

    .window-two__list p {
        margin-top: 0;
    }

    .window-two__list {
        gap: 20px;
    }

    .window-four__list img {
        width: 311px;
    }

    .swiper4 .swiper-pagination {
        bottom: 29px !important;
        left: 54.5% !important;
    }

    .container1,
    .container2 {
        max-width: 100%;
    }

    .control .control__title {
        font-size: 26px !important;
        width: auto !important;
        text-align: left;
    }

    .container3 {
        width: 343px;
        margin: auto;
    }

    .control__dowload img {
        width: 162px !important;
    }

    .sec2Talyat__imgResponse {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .sec2Talyat__imgResponse__img2 {
        margin-left: 66px;
        margin-bottom: -30px;
    }

    .sec2Talyat__imgResponse__img1 {
        margin-left: 20px;
        margin-bottom: -23px;
    }

    .map2 .container {
        left: 0;
        max-width: 100% !important;
        transform: translate(0, 0);
        bottom: 0;
        width: 100% !important;
    }

    .map2__popupPar {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .map2__popup {
        border-radius: 0;
    }

    footer .header__top {
        flex-direction: column;
        padding-bottom: 32px;
    }

    .talyat-footer p {
        padding-top: 8px;
    }

    .uddom2__info > h3 {
        font-size: 29px;
    }

    .video__video {
        height: 381px;
        margin-bottom: 24px;
    }

    .video__card-item p {
        width: 271px;
    }

    .video__card {
        padding: 20px 8px;
    }

    .video__card-circle {
        margin-right: 12px;
    }

    .section__footer img {
        width: 138px;
        height: auto;
        margin-right: 30px !important;
    }

    .btn-group {
        display: none;
    }

    .btn-group1 {
        display: block;
    }

    .btn-group {
        display: none;
    }

    .btn-group1 {
        display: block;
    }

    .whywe__section1__block1Swipper {
        width: 100%;
        overflow: hidden;
    }

    .whywe__section2 h2 {
        display: none;
    }

    .whywe__section2 .container > p {
        display: none;
    }

    .whywe__section2__par__item {
        gap: 12px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;

    }

    .whywe__section2__par__item p {
        padding-top: 0;
    }

    .foto__block1 {
        width: 100vw;
        padding-top: 24px;
        overflow: hidden;
    }

    .foto__block1 .slider2 .slick-dots {
        margin-top: 13px;
    }

    .foto {
        padding-bottom: 40px !important;
    }

    .details1 {
        height: 88px;
    }

    .details2,
    .details3 {
        height: 72px;
    }

    .question__summary {
        width: 280px;
    }

    .details3 {
        height: 96px;
    }

    .addedDetails.details1 {
        height: 380px;
    }

    .addedDetails {
        height: 315px;
    }

    .slider-container-media {
        max-width: 100% !important;
    }
    
    .addedDetails {
        height: 225px;
    }
    .control__card.slider2{
        width: 100%;
    }
}

@media screen and (max-width:484px) {
    .yesno h4 {
        margin-bottom: 33px;
    }
}