@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

:root {
    --primary-color: #12a742;
}

* {
    font-family: 'Lexend';
}

body {
    background-color: #ffffff;
    color: #111827;
}

#courses .owl-nav {
    margin-top: 1rem;
}

#courses .owl-nav button {
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 0.25rem;
    border-radius: 9999px !important;
    background: var(--primary-color) !important;
    color: #fde047 !important;
}

#courses .owl-nav button:hover {
    background: #facc15 !important;
    color: #111827 !important;
}

#courses .owl-nav button span {
    font-size: 1.5rem;
    line-height: 1;
}