/* CSS value  ***********************************************/
*:focus {
    /* outline: -webkit-focus-ring-color auto 5px !important;
    outline: 3px solid #00f !important; */
    text-decoration: none;
}
:root {
    /* font size */
    --bs-font-size-xxl: 42px;   /* h1 */
    --bs-font-size-xl: 38px;    /* h2 */
    --bs-font-size-lg: 24px;    /* h3 */

    --bs-font-size-22px: 22px;
    --bs-font-size-20px: 20px;
    --bs-font-size-18px: 18px;
    --bs-font-size-16px: 16px;
    --bs-font-size-14px: 14px;

    --bs-body-font-size: 16px;
    --bs-body-line-height: 1.45;

    /* img aspect ratio */
    --img-aspect-ratio: 38 / 25;
}
.fs-xl {
    font-size: var(--bs-font-size-xl);
    font-weight: 900;
}
.fs-lg {
    font-size: var(--bs-font-size-lg);
    font-weight: 900;
}
.fs-20px {
    font-size: 20px;
}
.fs-18px {
    font-size: 18px;
}
.fs-14px {
    font-size: 14px;
}
@media all and (max-width: 1599.98px) {
    :root {
        --bs-font-size-xxl: 38px;   /* h1 */
        --bs-font-size-xl: 34px;    /* h2 */
        --bs-font-size-lg: 22px;    /* h3 */   
    }
}
@media all and (max-width: 1199.98px) {
    :root {
        --bs-font-size-xxl: 38px;   /* h1 */
        --bs-font-size-xl: 34px;    /* h2 */
        --bs-font-size-lg: 22px;    /* h3 */   
    }
}
@media all and (max-width: 991.98px) {
    
}
@media all and (max-width: 767.98px) {
    :root {
        --bs-font-size-xxl: 34px;   /* h1 */
        --bs-font-size-xl: 28px;    /* h2 */
        --bs-font-size-lg: 20px;    /* h3 */  
    }
}
@media all and (max-width: 575.98px) {
    :root {
        --bs-font-size-xxl: 30px;   /* h1 */
    }
}

/* CSS color  ***************************************************/
:root {
    --alink-hover-color: #B4242C;
    --alink-hover-color-2: #C7C7C7; 
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #B4242C;
    --bs-btn-border-color: #B4242C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B4242C;
    --bs-btn-hover-border-color: #B4242C;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B4242C;
    --bs-btn-active-border-color: #B4242C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #B4242C;
    --bs-btn-disabled-border-color: #B4242C;
}
.text-white, .text-white a {
    color: #fff;
}
.text-red, .text-red a {
    color: #B4242C !important;
}
.text-red a:hover,
.text-red a:active,
.text-red a:focus,
.text-white a:hover,
.text-white a:active,
.text-white a:focus {
    color: #192347 !important;    
}
.alink {
    color: #B4242C;
    text-decoration: underline;
}
.alink:hover,
.alink:active,
.alink:focus {
    color: #192347;
    text-decoration: underline;
}
/* global  ***************************************************/
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-150 {
    margin-bottom: 150px;
}
@media (max-width: 767.98px) {
    .mb-mob-15 {
        margin-bottom: 15px;
    }
    .mb-mob-20 {
        margin-bottom: 20px;
    }
    .mb-mob-30 {
        margin-bottom: 30px;
    }
    .mb-mob-40 {
        margin-bottom: 40px;
    }
    .mb-mob-50 {
        margin-bottom: 50px;
    }
    .mb-mob-60 {
        margin-bottom: 60px;
    }
    .mb-mob-80 {
        margin-bottom: 80px;
    }
}