:root {
    --seoBlue: #211d70;
    --seoRed: #ed1c24;
    --seoYellow: #ffe650;
    --seoGray: #575c63;
    --seoBlack: #01090f;
    --seoLight-gray: #f3f3f3;
    --seoGrayBorder: #e6e7e8;
    --seoWhite: #fff
}

.card-border {
    border: 1px solid var(--seoGrayBorder)
}

.icon-60-48-60 {
    width: 60px
}

.catalog-price {
    width: 85px;
    height: 85px
}

.seo-link {
    text-underline-offset: 1px
}

.flex-gap-14-16-20 {
    gap: 14px
}

.flex-gap-24 {
    gap: 24px
}

.linking-btn {
    background-color: var(--seoYellow);
    padding: 12px 20px
}

.linking-btn .linking-btn__title {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.2;
    color: var(--seoBlack)
}

.linking-btn .linking-btn__price {
    font-weight: 700
}

.scroll-block {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scroll-block::-webkit-scrollbar {
    display: none
}

.scroll-block > .uk-grid::after {
    content: "";
    flex: 0 0 30px;
    height: 15px
}

.uk-accordion-title {
    display: flex;
    justify-content: space-between;
    text-align: center
}

.uk-accordion-title::after {
    content: "";
    width: 24px;
    height: 24px;
    margin-left: 10px;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5178_4842)'%3e%3cpath d='M20.9025 12.9961V11.0021H12.997V3.09663H11.003V11.0021H3.09753V12.9961H11.003V20.9016H12.997V12.9961H20.9025Z' fill='%23575C63'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5178_4842'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: transform .3s
}

.uk-open .uk-accordion-title::after {
    transform: rotate(45deg)
}

.article-info {
    font-size: 11px
}

.article-title {
    font-size: 14px;
    color: var(--seoBlack);
    transition: color .3s
}

.award-title {
    font-size: 14px
}

.article-title:hover {
    color: var(--seoRed)
}

.background-light-gray {
    background-color: var(--seoLight-gray)
}

.text-xsmall {
    font-size: 12px
}

#seo-map {
    height: 315px
}

.text-16-18 {
    font-size: 16px
}

.seo-reviews-switch > div > a {
    padding: 19px 30px;
    border: 0;
    text-decoration: none;
    color: inherit
}

.seo-reviews-switch > div.uk-active > a {
    background-color: #fff;
    text-decoration: none
}

.review-rating {
    width: 35px;
    height: 35px;
    font-size: 14px;
    background-color: var(--seoYellow);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px
}

.review-item {
    padding: 30px 0
}

.review-item__wrap {
    min-width: 800px
}

@media (min-width: 960px) {
    .icon-60-48-60 {
        width: 48px
    }

    .flex-gap-14-16-20 {
        gap: 16px
    }

    #seo-map {
        height: 363px
    }
}

@media (min-width: 1200px) {
    .icon-60-48-60 {
        width: 60px
    }

    .catalog-price {
        width: 100px;
        height: 100px
    }

    .flex-gap-14-16-20 {
        gap: 20px
    }

    .article-title, .award-title {
        font-size: 16px
    }

    .linking-btn .linking-btn__title, .text-16-18 {
        font-size: 18px
    }

    .seo-reviews-switch > div > a {
        padding: 33px 30px
    }

    .review-item {
        padding: 40px 0
    }
}