:root {
    --bg-color: #fff;
    --bg-primary-10: rgba(5, 167, 170, 0.1);

    --bg-btn-primary: linear-gradient(0deg, #05A7AA, #05A7AA);
    --bg-btn-secondary: rgb(255, 255, 255);

    --color-primary: rgba(5, 167, 170, 1);
    --color-primary-op50: rgba(5, 167, 170, .5);

    --text-primary: rgba(0, 0, 0, 1);
    --text-primary-op50: rgba(0, 0, 0, .5);

    --navbar-height: 64px;

    --easing: cubic-bezier(.45, .08, .35, 1.49);

    --sponsor-content-height: 7rem;
}

.ellipse-top-right img {
    width: 100%;
}

.bg-square img {
    width: 100%;
}

.page-solution-detail {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
}

.page-solution-detail .description {
    /* padding-top: 3rem; */
}

.glide .card.solution-card {
    width: 100% !important;
    z-index: 998;
}

.glide__arrows .glide__arrow.glide__arrow--left {
    position: absolute;
    top: 50%;
    left: -66px;
    transform: translateY(-50%);
}

.glide__arrows .glide__arrow.glide__arrow--right {
    position: absolute;
    top: 50%;
    right: -66px;
    transform: translateY(-50%);
}

.glide__arrows .glide__arrow {
    width: 40px;
    height: 40px;
    background: var(--bg-primary-20);
    color: var(--color-primary);
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    transition: background .25s ease-out;
}

.card.solution-card .card-description ol{
    font-size: .75rem;
}

.glide__arrows .glide__arrow:hover {
    background: var(--bg-primary-30);
}

.glide-h-auto {
    height: auto !important;
}

@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 991px) {

    .glide__arrows {
        display: flex;
        justify-content: center;
        align-items: center;

        margin-top: 10px;
    }

    .glide__arrows .glide__arrow {
        margin: 0 10px;
    }

    .glide__arrows .glide__arrow.glide__arrow--left {
        position: static;
        transform: none;
    }

    .glide__arrows .glide__arrow.glide__arrow--right {
        position: static;
        transform: none;
    }
}

@media screen and (max-width: 767px) {

    .glide__arrows {
        display: flex;
        justify-content: center;
        align-items: center;

        margin-top: 10px;
    }

    .glide__arrows .glide__arrow {
        margin: 0 10px;
    }

    .glide__arrows .glide__arrow.glide__arrow--left {
        position: static;
        transform: none;
    }

    .glide__arrows .glide__arrow.glide__arrow--right {
        position: static;
        transform: none;
    }
}