/*Override template css*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");

:root,
[data-bs-theme=light] {
    --si-font-sans-serif: "Montserrat", sans-serif;
}


.bt {
    background-color: #ffba08;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    fill: #000000;
    color: #000000;
    border-style: solid;
    border-width: 6px 6px 6px 6px;
    border-color: #D3D3D3;
    /* border-radius: 47px 47px 47px 47px; */
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(225, 162, 0, 0.8) !important;
}

/* Gradient hover effect */
.card-hover-gradient:hover {
    background: linear-gradient(90deg, #24ACE4 0%, #8b5cf6 50%, #d946ef 100%) !important;
    color: white; /* Optional: Change text color on hover */
    transition: background 0.5s ease, color 0.5s ease; /* Smooth transition */
}

    .card-hover-gradient:hover .card-title,
    .card-hover-gradient:hover .card-text,
    .card-hover-gradient:hover .fs-sm {
        color: white; /* Ensure text contrast on hover */
    }

    .card-hover-gradient:hover .btn {
        background-color: white; /* Change button background on hover */
        color: #24ACE4; /* Change button text color */
    }


/*Override intlTelInput.min.css*/
.iti {
    width: 100% !important;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .iti__country-list {
        background-color: var(--si-dark-bg-subtle);
    }

    .iti__country.iti__highlight {
        background-color: var(--si-dark-border-subtle);
    }

    .iti__divider {
        border-color: var(--si-border-color);
    }
}