:root {
    /* Colors */
    --bs-body-color: #333333;
    --bs-primary: #E30613;
    --bs-primary-rgb: 227, 6, 19;
    --bs-secondary: #eaedf2;
    --bs-secondary-rgb: 234, 237, 242;
    --bs-light: #e7e7e7;
    --bs-light-rgb: 231, 231, 231;
    --bs-dark: #333333;
    --bs-dark-rgb: 51, 51, 51;
    --bs-link-color: #333333;
    --bs-link-color-rgb: 51, 51, 51;
    --bs-link-hover-color:  #E30613;
    --bs-link-hover-color-rgb: 227, 6, 19;

    /* Typography */
    --bs-font-sans-serif: Arial, sans-serif;

    /* Define custom variables font sizes */
    --template-fs-display: 3.25rem; /* 52px */
    --template-fs-1: 2.5rem; /* 40px */
    --template-fs-2: 2rem; /* 32px */
    --template-fs-3: 1.75rem; /* 28px */
    --template-fs-4: 1.5rem; /* 24px */
    --template-fs-5: 1.25rem; /* 20px */
    --template-fs-6: 1rem; /* 16px */
}

/* Button Styles */

.btn-primary {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

/* custom styles font sizes */    

.custom-fs-display {
    font-size: var(--template-fs-display);
}
.custom-fs-1 {
    font-size: var(--template-fs-1);
}
.custom-fs-2 {
    font-size: var(--template-fs-2);
}
.custom-fs-3 {
    font-size: var(--template-fs-3);
}
.custom-fs-4 {
    font-size: var(--template-fs-4);
}
.custom-fs-5 {
    font-size: var(--template-fs-5);
}              
.custom-fs-6 {
    font-size: var(--template-fs-6);
}

@media (min-width: 768px) {
    .custom-fs-md-display {
        font-size: var(--template-fs-display);
    }
    .custom-fs-md-1 {
        font-size: var(--template-fs-1);
    }
    .custom-fs-md-2 {
        font-size: var(--template-fs-2);
    }
    .custom-fs-md-3 {
        font-size: var(--template-fs-3);
    }
    .custom-fs-md-4 {
        font-size: var(--template-fs-4);
    }
    .custom-fs-md-5 {
        font-size: var(--template-fs-5);
    }              
    .custom-fs-md-6 {
        font-size: var(--template-fs-6);
    }
}

@media (min-width: 922px) {
    .custom-fs-lg-display {
        font-size: var(--template-fs-display);
    }
    .custom-fs-lg-1 {
        font-size: var(--template-fs-1);
    }
    .custom-fs-lg-2 {
        font-size: var(--template-fs-2);
    }
    .custom-fs-lg-3 {
        font-size: var(--template-fs-3);
    }
    .custom-fs-lg-4 {
        font-size: var(--template-fs-4);
    }
    .custom-fs-lg-5 {
        font-size: var(--template-fs-5);
    }              
    .custom-fs-lg-6 {
        font-size: var(--template-fs-6);
    }
}

@media (min-width: 1200px) {
    .custom-fs-xl-display {
        font-size: var(--template-fs-display);
    }
    .custom-fs-xl-1 {
        font-size: var(--template-fs-1);
    }
    .custom-fs-xl-2 {
        font-size: var(--template-fs-2);
    }
    .custom-fs-xl-3 {
        font-size: var(--template-fs-3);
    }
    .custom-fs-xl-4 {
        font-size: var(--template-fs-4);
    }
    .custom-fs-xl-5 {
        font-size: var(--template-fs-5);
    }
    .custom-fs-xl-6 {
        font-size: var(--template-fs-6);
    }
}