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

:root {
    --primary-color: #D75E00;
    --secondary-color: #8B8B8B;
    --primary-font: "Montserrat", sans-serif;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-radius: 50px;
    font-weight: 500 !important;
    font-family: var(--primary-font) !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 4px #d75d005d;
}

.btn-primary:disabled {
    background-color: var(--secondary-color) !important;
    color: white !important;
    cursor: not-allowed !important;
}

.btn-outline-primary{
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-family: var(--primary-font) !important;
    transition: 0.2s all;
}

.btn-outline-primary:hover{
    background-color: var(--primary-color) !important;
    color: white !important;
}

.form-check:checked{
    background-color: var(--primary-color) !important;
}

.loader {
    width: 19px;
    height: 19px;
    border: 3px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}