@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: "Urbanist", sans-serif;
    line-height: normal;
    color: var(--primary-color);
}

.cursor-pointer {
    cursor: pointer;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-white {
    color: var(--white-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

.btn-outline-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color);
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-outline-primary:hover {
    background-color: var(--primaty-color-muted) !important;
}

.btn-bg-primary:hover {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-primary-muted {
    background-color: var(--primaty-color-muted) !important;
}

.bg-white {
    background-color: var(--white-color) !important;
}

.w-20 {
    width: 20% !important;
}

.p-card {
    padding: 0rem 13rem 0rem 13rem !important;
}

.p-large {
    padding: 1rem !important;
}

.p-larger {
    padding: 3rem !important;
}

/* .p-larger {
    padding: 6rem !important;
} */

.fs-50 {
    font-size: 50px;
}

.fs-25 {
    font-size: 25px;
}

.fs-35 {
    font-size: 35px;
}

.fs-48 {
    font-size: 48px;
}

.fs-40 {
    font-size: 40px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}


.rounded-3 {
    border-radius: .6rem !important;
}

.w-30 {
    width: 30% !important;
}

.w-70 {
    width: 70% !important;
}

.object-cover {
    object-fit: cover !important;
}

.object-contain {
    object-fit: contain !important;
}

.object-fill {
    object-fit: fill !important;
}

.object-none {
    object-fit: none !important;
}

.object-scale-down {
    object-fit: scale-down !important;
}


:root {
    --primary-color: #090A36;
    --primaty-color-muted: #1A2B48;
    --secondary-color: #F7C948;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --red-color: #FF0000
}