.e5uhi {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .e5uhi {
        gap: 1.25rem
    }
}

.e5uhi>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .e5uhi {
        gap: .625rem;
        justify-content: flex-start
    }
    .e5uhi>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.a0O7U {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .a0O7U:hover {
        color: var(--accent-color-hovered)
    }
}

.mx5GM {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.mx5GM svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .mx5GM:hover {
        background-color: #fff3
    }
}

.aNrVo {
    position: relative
}

.aNrVo:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, -15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #003498 0%, rgba(0, 52, 152, 0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .aNrVo:after {
        width: 37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem, .1736111111rem + 119.4444444444vw, 37.5rem)) {
        .aNrVo:after {
            width:clamp(24.0625rem, .1736111111rem + 119.4444444444vw, 37.5rem)
        }
    }
    @supports not (width: clamp(24.0625rem, .1736111111rem + 119.4444444444vw, 37.5rem)) {
        .aNrVo:after {
            width: calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .aNrVo:after {
        width: 24.0625rem
    }
}

@media (min-width: 31.25em) {
    .aNrVo:after {
        height: 37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem, .1736111111rem + 119.4444444444vw, 37.5rem)) {
        .aNrVo:after {
            height:clamp(24.0625rem, .1736111111rem + 119.4444444444vw, 37.5rem)
        }
    }
    @supports not (height: clamp(24.0625rem, .1736111111rem + 119.4444444444vw, 37.5rem)) {
        .aNrVo:after {
            height: calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .aNrVo:after {
        height: 24.0625rem
    }
}

.LS4DX ._8LO9c[data-lower] {
    width: 0
}

.LS4DX .f2-dD {
    border-radius: 6px
}

.RjxKd {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.RjxKd:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .RjxKd {
        padding: .625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .gtrbV {
        overflow: hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }
    .gtrbV:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right, #0c0c3a 50%, transparent)
    }
    .gtrbV:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right, transparent, #0c0c3a 50%)
    }
}

.a8wva {
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color .2s ease 0s
}

@media (min-width: 85em) {
    .a8wva {
        min-height: 13.25rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (min-height: clamp(8.4375rem, 6.9567307692rem + 7.4038461538vw, 13.25rem)) {
        .a8wva {
            min-height:clamp(8.4375rem, 6.9567307692rem + 7.4038461538vw, 13.25rem)
        }
    }
    @supports not (min-height: clamp(8.4375rem, 6.9567307692rem + 7.4038461538vw, 13.25rem)) {
        .a8wva {
            min-height: calc(8.4375rem + 4.8125 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .a8wva {
        min-height: 8.4375rem
    }
}

@media (min-width: 85em) {
    .a8wva {
        padding: 2.8125rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (padding: clamp(.9375rem, .3605769231rem + 2.8846153846vw, 2.8125rem)) {
        .a8wva {
            padding:clamp(.9375rem, .3605769231rem + 2.8846153846vw, 2.8125rem)
        }
    }
    @supports not (padding: clamp(.9375rem, .3605769231rem + 2.8846153846vw, 2.8125rem)) {
        .a8wva {
            padding: calc(.9375rem + 1.875 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .a8wva {
        padding: .9375rem
    }
}

@media (max-width: 47.99875em) {
    .a8wva {
        padding: 1.5625rem 1.25rem
    }
}

.iQ28v {
    background-color: #fcfcfc
}

.iQ28v .LwAKJ {
    color: #0c0c3a
}

.gFJwA {
    border: .0625rem solid rgba(255, 255, 255, .15);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 100%)
}

@media (any-hover: hover) {
    .gFJwA:hover {
        background-color: #1f8feb26
    }
}

.gFJwA:not(a, button) {
    border: none
}

@media (any-hover: hover) {
    .gFJwA:not(a, button):hover {
        background: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 100%)
    }
}

.f-q56 {
    position: relative
}

.f-q56 .OT7Vg {
    content: "";
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #ffffff80;
    font-size: 1.25rem
}

@media (max-width: 47.99875em) {
    .f-q56 .OT7Vg {
        font-size: .875rem;
        top: .625rem;
        right: .625rem
    }
}

.OT7Vg {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #ffffff80;
    font-size: 1.25rem
}

@media (max-width: 47.99875em) {
    .OT7Vg {
        font-size: .875rem;
        top: .625rem;
        right: .625rem
    }
}

.ajsJt,
.gWNBo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .625rem
}

@media (min-width: 85em) {
    .ajsJt,
    .gWNBo {
        flex-basis: 5rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (flex-basis: clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)) {
        .ajsJt, .gWNBo {
            flex-basis:clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)
        }
    }
    @supports not (flex-basis: clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)) {
        .ajsJt,
        .gWNBo {
            flex-basis: calc(2.5rem + 2.5 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ajsJt,
    .gWNBo {
        flex-basis: 2.5rem
    }
}

@media (min-width: 85em) {
    .ajsJt,
    .gWNBo {
        width: 5rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (width: clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)) {
        .ajsJt, .gWNBo {
            width:clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)
        }
    }
    @supports not (width: clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)) {
        .ajsJt,
        .gWNBo {
            width: calc(2.5rem + 2.5 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ajsJt,
    .gWNBo {
        width: 2.5rem
    }
}

@media (min-width: 85em) {
    .ajsJt,
    .gWNBo {
        height: 5rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (height: clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)) {
        .ajsJt, .gWNBo {
            height:clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)
        }
    }
    @supports not (height: clamp(2.5rem, 1.7307692308rem + 3.8461538462vw, 5rem)) {
        .ajsJt,
        .gWNBo {
            height: calc(2.5rem + 2.5 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ajsJt,
    .gWNBo {
        height: 2.5rem
    }
}

.DCNxR .ajsJt,
.DCNxR .gWNBo {
    flex: 0 0 5rem;
    width: 5rem;
    height: 5rem;
    margin-bottom: .9375rem
}

.ajsJt img,
.gWNBo img {
    max-width: 100%
}

.ajsJt svg,
.gWNBo svg {
    width: 100%;
    height: 100%
}

.ajsJt.IxGpH,
.gWNBo.IxGpH {
    border-radius: .625rem;
    overflow: hidden;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(199.87% 141.42% at 0% 0%, #16d1d6 0%, #274cff 100%)
}

@media (max-width: 47.99875em) {
    .ajsJt.IxGpH,
    .gWNBo.IxGpH {
        width: 3.75rem;
        height: 3.75rem;
        flex: 0 0 3.75rem;
        font-size: 2.1875rem
    }
}

.ees8r {
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 1.3333333333
}

@media (min-width: 85em) {
    .ees8r {
        font-size: 1.5rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (font-size: clamp(.875rem, .6826923077rem + .9615384615vw, 1.5rem)) {
        .ees8r {
            font-size:clamp(.875rem, .6826923077rem + .9615384615vw, 1.5rem)
        }
    }
    @supports not (font-size: clamp(.875rem, .6826923077rem + .9615384615vw, 1.5rem)) {
        .ees8r {
            font-size: calc(.875rem + .625 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ees8r {
        font-size: .875rem
    }
}

.DCNxR .ees8r {
    font-size: 1.5rem
}

.LwAKJ {
    margin-top: 1.25rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    color: #fffc;
    line-height: 1.5
}

@media (min-width: 47.99875em) {
    .LwAKJ>* {
        flex: 1 1 calc(50% - 10px)
    }
}

@media (max-width: 47.99875em) {
    .LwAKJ {
        gap: .625rem
    }
}

@media (max-width: 29.99875em) {
    .LwAKJ {
        flex-direction: column
    }
}