.ui-accordion-content-active {
    background: #edf4fe;
}

.accordion-header {
    background: #edf4fe;
    display: flex;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #000;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0 0 0 57px;
}

.accordion-header.ui-accordion-header-active {
    background: #4f7bf6;
    color: #fff;
    /* padding: 29px 57px; */
}

.ui-accordion-header-icon:before {
    /* background-color: #4f7bf6; */
    width: 80px;
    height: 80px;
    background-image: url(/assets/images/kr.svg);
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: flex;
    align-items: center;
}

.faq {
    font-family: 'TildaSans', Arial, sans-serif;
    padding: 80px 0;
}

.ui-accordion-content {
    padding: 29px 57px;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: #000;
}

.accordion-item:not(:last-child) {
    margin-bottom: 15px;
}

.ui-accordion-header-icon:before {}

.accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
    background-color: #345dce;
    /* order: 2; */
}

.accordion-header {}

.ui-accordion-header-icon {
    order: 2;
}

.accordion-header.ui-accordion-header-active .ui-accordion-header-icon:before {
    transform: rotate(45deg);
}

.ui-accordion-header-icon {
    background-color: #4f7bf6;
}

.faq h2 {
    color: #071232;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 30px;
}

@media screen and (max-width:580px) {
.slider-nav-btn--next {
    right: 0;
    width: 25px;
    height: 25px;
}

.slider-nav-btn--next div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-nav-btn--next div svg {
    width: 14px;
    height: 14px;
}

.tn-elem .tn-atom {
    line-height: normal !important;
}
}








.district h2, .cityes h2 {
    margin-bottom: 30px;
    color: #071232;
    font-size: 42px;
    font-weight: 700;
    text-align: center;
}

.district__list {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1200px) {
    .district__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 960px) {
    .district__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 640px) {
    .district__list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.district__el {
    display: flex;
    flex-direction: column;
    padding: 22px 23px;
    height: auto;
    border: 0;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    background: #edf4fe;
    color: #000 !important;
}

@media (max-width: 640px) {
    .district__el {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr;
        text-align: left
    }
    .district__el:nth-of-type(n+5) {
        display: none
    }
    [data-open-hide-opened] .district__el {
        display: grid
    }
}

.district__el:hover {
    background: #4f7bf6;
    color: #fff !important;
}

.district__icon {
    height: 58px;
    line-height: 0;
    margin-bottom: 19px
}

@media (max-width: 640px) {
    .district__icon {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: start;
        height: 100%;
        width: 88px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 0
    }
}

.district__icon img {
    max-width: 100%;
    margin: 0
}

@media (max-width: 640px) {
    .district__icon img {
        max-width: 58px
    }
}

.district__caption {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 7px
}

@media (max-width: 640px) {
    .district__caption {
        grid-column: 2;
        grid-row: 1
    }
}

a .district__caption {
    /* text-decoration: underline; */
}

.district__descr {
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 960px) {
    .district__descr {
        font-size: 14px
    }
}

@media (max-width: 640px) {
    .district__descr {
        grid-column: 2;
        grid-row: 2;
        align-self: start
    }
}

.district__more {
    display: none
}

@media (max-width: 640px) {
    .district__more {
        display: flex;
        max-width: none
    }
}



.cityes {
    overflow: hidden
}

.cityes h2,
.cityes h2 {
    /* margin-bottom: 45px; */
}

.cityes__list {
    display: grid;
    position: relative;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

@media (max-width: 960px) {
    .cityes__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 640px) {
    .cityes__list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.cityes__list::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    right: -226px;
    top: -90px;
    background-size: contain;
    width: 400px;
    height: 550px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='400' height='549' viewBox='0 0 400 549' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M329 200C329 128.755 271.245 71 200 71C128.755 71 71 128.755 71 200C71 257.552 108.136 328.554 156.768 393.295C171.475 412.874 186.249 430.598 199.55 445.653C213.049 430.175 228.089 411.936 243.061 391.837C292.081 326.027 329 255.159 329 200ZM151.27 496.863C151.261 496.871 151.255 496.877 151.253 496.879C151.255 496.876 151.263 496.87 151.275 496.858C151.278 496.856 151.281 496.853 151.284 496.85C151.282 496.851 151.274 496.859 151.27 496.863ZM400 200C400 360 200 548.5 200 548.5C200 548.5 0 364.5 0 200C0 89.5431 89.5431 0 200 0C310.457 0 400 89.5431 400 200Z' fill='%2389F2EE' fill-opacity='0.22'/%3E%3Cpath d='M269 195C269 232.555 238.555 263 201 263C163.445 263 133 232.555 133 195C133 157.445 163.445 127 201 127C238.555 127 269 157.445 269 195Z' fill='%2389F2EE' fill-opacity='0.22'/%3E%3C/svg%3E%0A")
}

@media (max-width: 770px) {
    .cityes__list::before {
        display: none
    }
}

.cityes__el {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 22px 23px;
    height: auto;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    border: 2px solid #b9ccff;
    font-weight: 400;
    font-size: 18px;
    color: #000 !important;
}

@media (max-width: 770px) {
    .cityes__el {
        background: none
    }
}

.cityes__el:nth-of-type(n+15) {
    display: none
}

@media (max-width: 960px) {
    .cityes__el:nth-of-type(n+14) {
        display: none
    }
}

@media (max-width: 640px) {
    .cityes__el:nth-of-type(n+10) {
        display: none
    }
}

[data-open-hide-opened] .cityes__el {
    display: flex
}

.cityes__el:hover {
    border-color: #4f7bf6;
    background: #4f7bf6;
    color: #fff !important;
}

.cityes__more, .district__more {
    max-width: none;
    height: auto;
    padding: 22px 23px
}

.district, .cityes {
    font-family: 'TildaSans', Arial, sans-serif;
}

button.cityes__more, button.district__more {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #fff8f1;
    box-shadow: 0 4px 15px 4px rgba(120, 27, 139, 0.1);
    background: #4f7bf6;
    outline: none;
    border: none;
    cursor: pointer;    justify-content: center;
}

button.i-btn.cityes__more:hover, button.district__more {
    opacity: .9;
}

.district {
}

.cityes {
    padding: 80px 0 80px 0;
}
.district__el:hover .district__icon svg path {
  fill: #fff !important;
}

@media screen and (max-width: 1199px) {
.cityes h2, .district h2, .faq h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 959px) {
.cityes h2, .district h2, .faq h2 {
        font-size: 32px;
    }
    
    
.cityes .t-container, .district .t-container, .faq .t-container {
    padding: 0 20px;
    box-sizing: border-box;
} 
    
    
}

@media screen and (max-width: 639px) {
.cityes h2, .district h2, .faq h2 {
        font-size: 24px;
    }
}


@media (max-width: 767px) {
.accordion-header {
    gap: 20px;
    padding: 0 0 0 25px;
    font-size: 17px;
}

.ui-accordion-content {
    padding: 29px 25px;
    font-size: 16px;
}

.ui-accordion-header-icon:before {
    background-size: 24px;
    width: 65px;
}
.accordion-header {
    align-items: stretch;
}

.ui-accordion-header-icon {
    display: flex;
    align-items: center;
}

.accordion-header span:last-child {
    padding: 10px 0;
}
}