:root {
--body_background: #ffffff;

--bodyFont: "Poppins", sans-serif;;
--headingFont: "Poppins", sans-serif;;
--body_font_size: 1.8rem;
--body_line_height: 3.2rem;
--body_font_weight: 400;
--body_font_color: #000000;
--body_link_color: #f7a82a;
--body_link_hover_color: #000000;

--containerWidth: 1350px;
--containerWidth_25: 500px;
--containerWidth_50: 900px;
--containerWidth_75: 1050px;
--containerWidth_85: 1100px;
--containerWidth_125: 1450px;

--primary: #2d4b9c;
--primary_textcolor: #ffffff;
--primary_headingcolor: #ffffff;
--primary_linkcolor: #f7a82a;

--secondary: #f7a82a;
--secondary_textcolor: #000000;
--secondary_headingcolor: #000000;
--secondary_linkcolor: #000000;

--default: #27262c;
--default_textcolor: #ffffff;
--default_headingcolor: #ffffff;
--default_linkcolor: #ffffff;

--heading_margin: 35px;
--heading_font_weight: 500;
--heading1_size: 8.0rem;
--heading1_line_height: 1.0;
--heading2_size: 4.0rem;
--heading2_line_height: 1.0;
--heading3_size: 4.0rem;
--heading3_line_height: 1.25;
--heading4_size: 3.0rem;
--heading4_line_height: 1.25;
--heading5_size: 2.5rem;
--heading5_line_height: 1.25;
--heading6_size: 2.0rem;
--heading6_line_height: 1.25;

--button_radius: 15px;
--button_font_weight: 600;

--button_primary: #2d4b9c;
--button_primary_text: #ffffff;
--button_primary_hover: #020f44;
--button_primary_hover_text: #ffffff;

--button_secondary: #f7a82a;
--button_secondary_text: #ffffff;
--button_secondary_hover: #d79121;
--button_secondary_hover_text: #ffffff;

--button_default: #27262c;
--button_default_text: #ffffff;
--button_default_hover: #0f0f0f;
--button_default_hover_text: #ffffff;

--image_border_radius: 15px;
}
.background_ {
h1, h2, h3, h4, h5, h6 {
color: #000;
}
}
.background_primary {
background: var(--primary);
color: var(--primary_textcolor);
}
.background_primary h1,
.background_primary h2,
.background_primary h3,
.background_primary h4,
.background_primary h5,
.background_primary h6 {
color: var(--primary_headingcolor);
}
.background_primary a:not(.btn) {
color: var(--primary_linkcolor);
text-decoration: underline;
}
.background_primary a:not(.btn):hover,
.background_primary a:not(.btn):focus,
.background_primary a:not(.btn):active {
text-decoration: none;
}

/* SECONDARY */
.background_secondary {
background: var(--secondary);
color: var(--secondary_textcolor);
}
.background_secondary h1,
.background_secondary h2,
.background_secondary h3,
.background_secondary h4,
.background_secondary h5,
.background_secondary h6 {
color: var(--secondary_headingcolor);
}
.background_secondary a:not(.btn) {
color: var(--secondary_linkcolor);
text-decoration: underline;
}
.background_secondary a:not(.btn):hover,
.background_secondary a:not(.btn):focus,
.background_secondary a:not(.btn):active {
text-decoration: none;
}
.background_secondary .btn.btn-secondary {
filter: brightness(0.85);
}

/* DEFAULT */
.background_default {
background: var(--default);
color: var(--default_textcolor);
}
.background_default h1,
.background_default h2,
.background_default h3,
.background_default h4,
.background_default h5,
.background_default h6 {
color: var(--default_headingcolor);
}
.background_default a:not(.btn) {
color: var(--default_linkcolor);
text-decoration: underline;
}
.background_default a:not(.btn):hover,
.background_default a:not(.btn):focus,
.background_default a:not(.btn):active {
text-decoration: none;
}
.background_default .btn.btn-default {
filter: brightness(0.85);
}

/* WHITE / BLACK */
.background_white {
background: #fff;
color: #000;
}
.background_white h1,
.background_white h2,
.background_white h3,
.background_white h4,
.background_white h5,
.background_white h6 {
color: #000;
}
.background_black {
background: #000;
color: #fff;
}
.background_black h1,
.background_black h2,
.background_black h3,
.background_black h4,
.background_black h5,
.background_black h6 {
color: #fff;
}
                                    
                        
        .background_extra_1 {
        background: #eef5fb;
        color: #0a1971;
        }
        .background_extra_1 h1,
        .background_extra_1 h2,
        .background_extra_1 h3,
        .background_extra_1 h4,
        .background_extra_1 h5,
        .background_extra_1 h6 {
        color: #0a1971 !important;
        }
        .background_extra_1 a:not(.btn) {
        color: #ffffff;
        text-decoration: underline;
        }
        .background_extra_1 a:not(.btn):hover,
        .background_extra_1 a:not(.btn):focus,
        .background_extra_1 a:not(.btn):active {
        text-decoration: none;
        color: ;
        }
    
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
letter-spacing: 0;
font-family: var(--headingFont);
font-weight: var(--heading_font_weight);
margin-top: 0;
margin-bottom: var(--heading_margin);
}

h1, .h1 {
font-size: var(--heading1_size);
line-height: var(--heading1_line_height);
font-weight: var(--heading_font_weight);
letter-spacing: -1px;
text-wrap: balance;
}

h2, .h2 {
font-size: var(--heading2_size);
line-height: var(--heading2_line_height);
font-weight: var(--heading_font_weight);
letter-spacing: -0.75px;
}

h3, .h3 {
font-size: var(--heading3_size);
line-height: var(--heading3_line_height);
font-weight: var(--heading_font_weight);
}

h4, .h4 {
font-size: var(--heading4_size);
line-height: var(--heading4_line_height);
font-weight: var(--heading_font_weight);
}

h5, .h5 {
font-size: var(--heading5_size);
line-height: var(--heading5_line_height);
font-weight: var(--heading_font_weight);
}

h6, .h6 {
font-size: var(--heading6_size);
line-height: var(--heading6_line_height);
font-weight: var(--heading_font_weight);
}

@media (max-width: 991px) {
:root {
--heading_margin: 25px;
--heading_font_weight: 500;

--heading1_size: 4.0rem;
--heading1_line_height: 1.0;
--heading2_size: 3.5rem;
--heading2_line_height: 1.0;
--heading3_size: 2.5rem;
--heading3_line_height: 1.25;
--heading4_size: 2.5rem;
--heading4_line_height: 1.25;
--heading5_size: 2.0rem;
--heading5_line_height: 1.25;
--heading6_size: 1.8rem;
--heading6_line_height: 1.25;
}
}

@media (max-width: 768px) {
:root {
--heading_margin: 25px;
--heading_font_weight: 500;

--heading1_size: 3.4rem;
--heading1_line_height: 1.0;
--heading2_size: 3.0rem;
--heading2_line_height: 1.0;
--heading3_size: 2.4rem;
--heading3_line_height: 1.25;
--heading4_size: 2.0rem;
--heading4_line_height: 1.25;
--heading5_size: 1.8rem;
--heading5_line_height: 1.25;
--heading6_size: 1.6rem;
--heading6_line_height: 1.25;
}
}