.section--mid-categories {
    padding: 0
}

@media (min-width: 992px) {
    .section--mid-categories {
        padding: 2.5rem 0
    }
}

@media (min-width: 1200px) {
    .section--mid-categories {
        padding: 1.875rem 0 2.5rem
    }
}

.mid-categories {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 1rem;
    margin-bottom: 1.2rem;
}

@media (min-width: 745px) {
    .mid-categories {
        grid-gap: 1.4375rem
    }
}

@media (min-width: 992px) {
    .mid-categories {
        grid-template-columns:22.5rem 1fr;
        grid-gap: .625rem
    }
}

@media (min-width: 1320px) {
    .mid-categories {
        grid-template-columns:25.875rem 1fr;
        grid-gap: 1.25rem;
        margin-bottom: 1.2rem;
    }
}

.mid-categories + .mid-categories {
    margin: 1.2rem 0 0
}

@media (min-width: 992px) {
    .mid-categories + .mid-categories {
        margin: 1.2rem 0 0
    }
}

.mid-categories:nth-child(3) .big-category__img {
    height: 55%;
    margin: 0 .6875rem .375rem auto
}

@media (min-width: 420px) {
    .mid-categories:nth-child(3) .big-category__img {
        height: 75%
    }
}

@media (min-width: 745px) {
    .mid-categories:nth-child(3) .big-category__img {
        height: 55%;
        margin: 0 2.1875rem .8125rem auto
    }
}

@media (min-width: 992px) {
    .mid-categories:nth-child(3) .big-category__img {
        margin: 0 .625rem .625rem auto
    }
}

@media (min-width: 1320px) {
    .mid-categories:nth-child(3) .big-category__img {
        height: 66%;
        margin: 0 -2.8125rem .375rem auto
    }
}

.mid-categories:nth-child(3) .big-category__img img {
    z-index: 2
}

.mid-categories:nth-child(3) .big-category__img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 5.625rem;
    top: 67%;
    right: 1%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    background-color: #fff;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

@media (min-width: 420px) {
    .mid-categories:nth-child(3) .big-category__img::after {
        max-width: 6.25rem;
        top: 51%;
        right: 4%
    }
}

@media (min-width: 745px) {
    .mid-categories:nth-child(3) .big-category__img::after {
        max-width: 8.75rem;
        top: 68%;
        right: 4%;
        height: 86%
    }
}

@media (min-width: 992px) {
    .mid-categories:nth-child(3) .big-category__img::after {
        top: 68%;
        right: -1%
    }
}

@media (min-width: 1320px) {
    .mid-categories:nth-child(3) .big-category__img::after {
        top: 46%;
        right: 12%;
        height: 86%;
        max-width: 11.875rem
    }
}

@media (max-width: 991px) {
    .mid-categories:nth-child(3) .mid-category__img {
        height: 6.25rem;
        margin: 0 .625rem .375rem 0
    }
}

.mid-categories:nth-child(2) .big-category__img {
    position: relative;
    height: 93%;
    margin: 0 0 0 auto
}

@media (min-width: 745px) {
    .mid-categories:nth-child(2) .big-category__img {
        margin: 0 0 0 auto
    }
}

@media (min-width: 992px) {
    .mid-categories:nth-child(2) .big-category__img {
        height: 74%;
        margin: 0 0 0 auto
    }
}

@media (min-width: 1320px) {
    .mid-categories:nth-child(2) .big-category__img {
        margin: 0 1.5625rem -.25rem auto;
        height: 100%
    }
}

.mid-categories:nth-child(2) .big-category__img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 9.9375rem;
    top: 50%;
    right: 7%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    background-color: #fff;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

@media (max-width: 1279px) {
    .mid-categories:nth-child(2) .big-category__img::after {
        top: 48%;
        right: 3%
    }
}

@media (max-width: 991px) {
    .mid-categories:nth-child(2) .big-category__img::after {
        right: 9%
    }
}

@media (max-width: 744px) {
    .mid-categories:nth-child(2) .big-category__img::after {
        max-width: 7.9375rem;
        right: 1%
    }
}

.mid-categories:nth-child(2) .big-category__img img {
    position: relative;
    z-index: 2
}

.mid-categories:nth-child(1) .big-category__img {
    position: relative;
    height: 93%;
    margin: 0 1.3125rem 0 auto
}

@media (min-width: 745px) {
    .mid-categories:nth-child(1) .big-category__img {
        margin: 0 3.5625rem 0 auto
    }
}

@media (min-width: 992px) {
    .mid-categories:nth-child(1) .big-category__img {
        height: 74%;
        margin: 0 .875rem 0 auto
    }
}

@media (min-width: 1320px) {
    .mid-categories:nth-child(1) .big-category__img {
        margin: 0 0 0 auto;
        height: 90%
    }
}

.mid-categories:nth-child(1) .big-category__img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 13.25rem;
    top: 40%;
    right: 7%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    background-color: #fff;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

@media (max-width: 1319px) {
    .mid-categories:nth-child(1) .big-category__img::after {
        max-width: 11.25rem;
        right: -2%
    }
}

@media (max-width: 991px) {
    .mid-categories:nth-child(1) .big-category__img::after {
        max-width: 7.9375rem;
        right: 1%
    }
}

@media (max-width: 744px) {
    .mid-categories:nth-child(1) .big-category__img::after {
        max-width: 9.9375rem;
        right: -10%
    }
}

.mid-categories:nth-child(1) .big-category__img img {
    position: relative;
    z-index: 2
}

.mid-categories:nth-child(2) .mid-category:nth-child(5) .mid-category__img {
    margin: 0
}

.mid-categories__list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 0 .6875rem;
    -webkit-transition: margin-bottom .2s ease;
    transition: margin-bottom .2s ease;
    margin: 0 0 .3125rem
}

@media (min-width: 745px) {
    .mid-categories__list {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 992px) {
    .mid-categories__list {
        grid-template-columns:repeat(3, 1fr);
        margin: 0
    }
}

@media (min-width: 1320px) {
    .mid-categories__list {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 0 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1319px) {
    .mid-categories__list .mid-category:nth-child(4) {
        margin: .6875rem 0 0
    }
}

@media (max-width: 744px) {
    .mid-categories__list .mid-category:nth-child(3), .mid-categories__list .mid-category:nth-child(4) {
        margin: .6875rem 0 0
    }
}

.mid-categories__list .mid-category:nth-child(n+5) {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.mid-categories__list .mid-category:nth-child(n+5) .mid-category__img {
    display: none
}

.mid-categories__list .mid-category:nth-child(n+5) .mid-category__title {
    opacity: 0
}

@media (min-width: 992px) and (max-width: 1319px) {
    .mid-categories__list .mid-category:nth-child(n+4) {
        height: 0;
        opacity: 0;
        overflow: hidden
    }

    .mid-categories__list .mid-category:nth-child(n+4) .mid-category__title {
        opacity: 0
    }
}

.mid-categories__list.open .mid-category:nth-child(n+5) {
    height: 12.25rem;
    opacity: 1;
    margin: 1.2rem 0 0
}

.mid-categories__list.open .mid-category:nth-child(n+5) .mid-category__title {
    opacity: 1;
    -webkit-transition: opacity .2s .2s ease;
    transition: opacity .2s .2s ease
}

@media (max-width: 991px) {
    .mid-categories__list.open .mid-category:nth-child(n+5) {
        height: 9.75rem;
        margin: .6875rem 0 0
    }
}

.mid-categories__list.open .mid-category:nth-child(n+5) .mid-category__img {
    display: block
}

@media (min-width: 992px) and (max-width: 1319px) {
    .mid-categories__list.open .mid-category {
        height: 12.25rem;
        opacity: 1
    }

    .mid-categories__list.open .mid-category .mid-category__title {
        opacity: 1;
        -webkit-transition: opacity .2s .2s ease;
        transition: opacity .2s .2s ease
    }
}

.mid-categories__list .button-more {
    grid-column: 1/5;
    margin: .5625rem 0 0 auto
}

@media (max-width: 1319px) {
    .mid-categories__list .button-more {
        grid-column: 1/4
    }
}

@media (max-width: 991px) {
    .mid-categories__list .button-more {
        grid-column: 1/5;
        margin: 1rem 0 0 auto
    }
}

@media (max-width: 744px) {
    .mid-categories__list .button-more {
        grid-column: 1/3
    }
}


.big-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #b5d8fd;
    border-radius: 1rem;
    width: 100%;
    height: 7.875rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

@media (min-width: 745px) {
    .big-category {
        height: 13.5rem
    }
}

@media (min-width: 992px) {
    .big-category {
        height: 12.25rem
    }
}

.big-category__body {
    position: absolute;
    top: .375rem;
    left: .5rem;
    z-index: 2;
    display: block;
    max-width: 75%
}

@media (min-width: 745px) {
    .big-category__body {
        top: .75rem;
        left: 1.3125rem
    }
}

@media (min-width: 992px) {
    .big-category__body {
        top: 1.25rem;
        left: .9375rem
    }
}

.big-category__title {
    font-size: 2.25rem;
    line-height: 1.3;
    font-weight: 700;
    color: #202454;
    position: relative
}

@media (min-width: 745px) and (max-width: 991px) {
    .big-category__title {
        font-size: 4.25rem
    }
}

.big-category__sub {
    font-size: 1.25rem;
    margin: -.375rem 0 0;
    font-weight: 300;
    color: #202454
}

@media (min-width: 745px) and (max-width: 991px) {
    .big-category__sub {
        font-size: 2.5rem;
        margin: -1rem 0 0
    }
}

.big-category__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 60%;
    margin: 0 0 0 auto;
    position: relative
}

@media (min-width: 1320px) {
    .big-category__img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.big-category__img img {
    width: auto;
    height: 100%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.big-category:hover {
    background-color: #f6f4e7
}

.big-category:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.mid-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #eaf4ff;
    border-radius: .875rem;
    height: 9.75rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition-property: background-color, height, opacity;
    transition-property: background-color, height, opacity;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

@media (min-width: 992px) {
    .mid-category {
        height: 12.25rem
    }
}

.mid-category__title {
    max-width: 80%;
    position: absolute;
    top: .625rem;
    left: .625rem;
    z-index: 1;
    font-family: "Montserrat Semi", Verdana, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    color: #202454;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

@media (min-width: 992px) {
    .mid-category__title {
        top: 1.25rem;
        left: 1.25rem
    }
}

.mid-category__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 7.5rem;
    height: 7.5rem;
    margin: 0 .4375rem 0 0
}

@media (min-width: 992px) {
    .mid-category__img {
        width: 11.25rem;
        height: 9.375rem;
        margin: 0
    }
}

.mid-category__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .1, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(.25, .1, .25, 1);
    transition: transform .2s cubic-bezier(.25, .1, .25, 1);
    transition: transform .2s cubic-bezier(.25, .1, .25, 1), -webkit-transform .2s cubic-bezier(.25, .1, .25, 1)
}

.mid-category:hover {
    background-color: #f6f4e7
}

.mid-category:hover .mid-category__title {
    color: #4abbf3
}

.mid-category:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.top-categories {
    display: grid;
    grid-template-columns:repeat(8, 1fr);
    grid-gap: .625rem
}

@media (max-width: 1279px) {
    .top-categories {
        display: none
    }
}

.mini-category {
    display: block;
    background-color: #b5d8fd;
    border-radius: 1rem;
    width: 100%;
    height: 4.75rem;
    position: relative;
    overflow: hidden;
    text-align: left;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.mini-category__title {
    font-size: .875rem;
    line-height: 1.3;
    font-weight: 700;
    color: #202454;
    position: absolute;
    top: .8125rem;
    left: .5625rem;
    z-index: 2;
    display: block;
    max-width: 5.625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width: 1367px) {
    .mini-category__title {
        font-size: 1rem
    }
}

.mini-category__img {
    display: block;
    width: 5.125rem;
    height: 4.75rem;
    margin: 0 0 0 auto;
    position: relative
}

.mini-category__img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 18.75rem;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .6);
    -webkit-filter: blur(60px);
    filter: blur(60px)
}

.mini-category__img img {
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .1, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(.25, .1, .25, 1);
    transition: transform .2s cubic-bezier(.25, .1, .25, 1);
    transition: transform .2s cubic-bezier(.25, .1, .25, 1), -webkit-transform .2s cubic-bezier(.25, .1, .25, 1);
    position: relative;
    z-index: 2
}

.mini-category:hover {
    background-color: #f6f4e7
}

.mini-category:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.mini-category.active {
    background-color: #f6f4e7
}

.mini-category.active img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.mini-category:nth-child(1) .mini-category__title {
    max-width: 100%
}

.mini-category:nth-child(1) .mini-category__img {
    width: 3.375rem;
    height: 3.125rem;
    margin: 1.4375rem .625rem .125rem auto
}

.mini-category:nth-last-child(3) .mini-category__img {
    -webkit-transform: scale(.85) translateX(9px);
    transform: scale(.85) translateX(9px)
}

.more-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8125rem;
    color: #202454
}

.more-link--sec {
    gap: .625rem
}

@media (min-width: 700px) {
    .more-link--sec {
        gap: 1.25rem
    }
}

.more-link__text {
    font-family: "Montserrat Semi", Verdana, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1
}

@media (min-width: 992px) {
    .more-link__text {
        font-size: .875rem
    }
}

.more-link__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem
}

@media (min-width: 992px) {
    .more-link__icon {
        width: 2rem;
        height: 1.5rem
    }
}

.more-link--sec .more-link__icon {
    width: 1.5rem;
    height: 1rem
}

.more-link__icon svg {
    width: 100%;
    height: 100%
}

.more-link:hover {
    color: #4abbf3
}

.simple-link {
    position: relative;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.simple-link--dark-def {
    font-size: .75rem;
    line-height: 1;
    color: #202454
}

@media (min-width: 1280px) {
    .simple-link--dark-def {
        font-size: .875rem
    }
}