@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body {
    padding: 0 !important;
    margin: 0 !important;
    font-family: "Poppins", sans-serif !important;
    line-height: normal !important;
    scroll-behavior: smooth !important;
    background: var(--color-base);
}

:root {
    --color-base: #ecf0f1;
}

.min-width-1 {
    min-width: 1px !important;
}

.color-unset {
    color: unset !important;
}

.fs-small {
    font-size: 13px !important;
}

.background-cover {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.background-contain {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.background-fit {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.background-fixed {
    background-attachment: fixed !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.set-button {
    border: 3px solid var(--bs-dark) !important;
    box-shadow: 4px 4px var(--bs-dark) !important;
    transition: 0s !important;
    transform: scale(1) !important;
    font-weight: bold !important;
}

.set-button:hover {
    transform: scale(0.9) !important;
    box-shadow: 0px 0px var(--bs-dark) !important;
}

.dropdown-menu {
    padding: 10px !important;
    border-radius: 15px !important;
}

.dropdown-item {
    border-radius: 15px;
    padding: 10px 15px;
}

.no-scrollbar {
    overflow: auto;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.navbar-item:hover {
    background: var(--bs-secondary) !important;
    color: var(--bs-light) !important;    
}

.navbar-item.active {
    background: var(--bs-info) !important;
    color: var(--bs-light) !important;
}

.navbar-mobile {
    transform: translateX(-100%);
}

.navbar-mobile.active {
    transform: translateX(0);
}

.set-tab:hover {
    background-color: var(--bs-secondary);
    color: var(--bs-light);
}

.set-tab.active {
    background-color: var(--bs-info);
    color: var(--bs-light);
}

.h-stretch {
    height: stretch !important;
}

.width-fit {
    width: fit-content !important;
}

.form-control {
    border: 3px solid var(--bs-dark);
    box-shadow: 4px 4px var(--bs-dark) !important;
}