#slider {
    min-height: 80vh
}

@media (max-width:768px) {
    #slider {
        min-height: 65vh
    }
}

#slider .btn-start-test, #slider .slider-caption .btn {
    font-size: clamp(12px,3.2vw,22px);
    padding: .5rem 1rem;
    border-radius: 9999px
}

@media (max-width:768px) {
    .d-flex.flex-column.align-items-center {
        flex-direction: row !important;
        justify-content: center;
        gap: 10px
    }

        .d-flex.flex-column.align-items-center img {
            width: 48% !important;
            margin-bottom: 0 !important
        }
}

.btn-start-test {
    color: #0b1a4a !important;
    border-color: rgba(12,26,74,.18) !important
}

    .btn-start-test:hover {
        text-decoration: none;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
    }

    .btn-start-test i {
        transition: transform .2s ease
    }

    .btn-start-test:hover i {
        transform: translateX(2px)
    }

.dark .btn-start-test {
    color: #0b1a4a !important;
    background: #fff !important
}