/* CUSTOM BOOTSTRAP CLASS */

/* GAP */

.gap-10 {
    gap: 5rem;
}

/* WIDTH */

.w-65 {
    width: 65% !important;
}

.w-75 {
    width: 75% !important;
}

/* PADDING */

.p-2-5 {
    padding: .75rem;
}

.p-3-5 {
    padding: 1.25rem;
}

@media (min-width: 992px) {
  .p-lg-3-5 {
    padding: 1.25rem !important;
  }
}

.py-4-5 {
    padding: 2.25rem 0;
}

/* MARGIN */

.my-10 {
    margin: 4rem 0;
}

.mt-6 {
    margin-top: 5rem !important;
}

/* TEXT COLORS */

.text-primary-red {
    color: var(--primary-red);
}

.text-jogo-red{
    color: var(--jogo-red);
}
.text-primary-blue {
    color: var(--primary-blue);
}

.text-secondary-gray {
    color: var(--text-gray);
}

.text-primary-gray {
    color: var(--text-primary-gray);
}

.text-secondary-gray-2 {
    color: var(--text-gray-2);
}


/* BACKGROUND COLORS */

.bg-primary-red {
    background-color: var(--primary-red)!important;
}

.bg-primary-light-red {
    background-color: var(--primary-light-red)!important;
}

.bg-light-blue {
    background-color: var(--background-light-blue) !important;
}

.bg-primary-gray {
    background-color: var(--primary-gray)!important;
}

.bg-btn-gray {
    background-color: var(--outline-gray) !important;
}

/* FONTS */

.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

/* FONT SIZE */
.fs-7 {
    font-size: 0.35rem;
}

.fs-8 {
    font-size: 0.5rem;
}

.fs-10 {
    font-size: 0.62rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-14 {
    font-size: 0.87rem;
}

.fs-16 {
    font-size: 0.95rem;
}

/* FONT WEIGHT */

.fb-500 {
    font-weight: 500;
}

.fb-600 {
    font-weight: 600;
}

.fb-700 {
    font-weight: 700;
}

/* OTHERS */

.text-icon-gray {
    color: var(--icon-gray);
}

.outline-0 {
    outline: 0 !important;
}


/* MODALS */

.modal-header {
    border-bottom: none !important;
}

.modal-footer {
    border-top: none !important;
}

/* CUSTOM BOOTSTRAP CLASS END */