@import url('https://fonts.googleapis.com/css?family=Inter:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap');

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #939393;
}

body {
    font-family: 'Inter', sans-serif !important;
    /* font-family: 'Raleway', sans-serif !important; */
}
.ff-shadows-into-light {
    font-family: 'Shadows Into Light', cursive !important;
}
.bg-black {
    background-color: #000 !important;
}
.bg-black-subtle {
    background-color: #121212 !important;
}

/* Compare Text */
.mb-n-15 {
    margin-bottom: -0.8rem !important;
}

table.table-full-green {
    background-color: #008000 !important;
}
/* Service Providers Logo */
@media (max-width: 576px) {
    #serviceProviders img {
        height: 40px; 
    }
}

/* Rotating  */
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.rotate-infinite {
    animation: rotate 3s linear infinite;
}

.vh-95 {
    height: 95vh;
}

.unselectable {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

/* Card Hover Effects */
.transition-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.transition-hover:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #198754; 
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #146c43;
}