/*---------------
Project Name: ELBT
Project Font : "oswald", sans-serif;
Project Start Date: 23.10.2024
Project End Date : 
Develop By : Bikash 
---------------*/

/*------- Add Google Fonts ----------*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    background-color: #fff;
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    background-color: #fff;
    font-family: "Oswald", sans-serif;
}

:root {

    --section_bg_1: #396681;
    --section_bg_2: #cbf9de;
    --section_bg_3:#315d78;
    --section_bg_4: #3c9fbc;
    --section_bg_5: #ecf3fa;
    --section_bg_6: #f3f6f9;
    --section_bg_7: #ffffff;
    --copyright_bg: #2f5c78;
    --copyright_a_hover: #fff;

    --gradient-bg: rgb(240, 227, 208);
    --gradient-bg-liner: linear-gradient(0deg, rgba(240, 227, 208, 1) 0%, rgba(253, 244, 230, 1) 100%);

    --t_transition: 0.5s;
    --upper_text-transform: uppercase;

    --bg_background-size: cover;
    --bg_background-repeat: no-repeat;
    --bg_background-position: center;

    --po_relative: relative;
    --po_absolute: absolute;


    /* -- Body font property -- */
    --body_font-color: #37647e;
    --body_font-family: "Oswald", sans-serif;
    --body_font-size: 1em;
    --body_font_line_height: 1.5em;
    --bg_primary_color: #396681;
    --bg_secondary_color: #cbf9de;

    /* -- Heading font property -- */
    --heading_font_color: #fff;
    --heading_font-family: "Oswald", sans-serif;
    --heading_font-weight: 900;
    --heading_font_line_height: 1.5em;
    --heading_margin: 0px;
    --heading_padding: 0px;


    --h1_font_size: 3.6em;
    --h1_font-family: "Oswald", sans-serif;
    --h1_line_hight: 1em;
    --h1_font-weight: 800;
    --h1_color: #6449a4;

    --h2_font_size: 3.6em;
    --h2_font-family: "Oswald", sans-serif;
    --h2_line_hight: 1em;
    --h2_font-weight: 800;
    --h2_color: #6449a4;


    --h3_font_size: 2em;
    --h3_line_hight: 1.5em;
    --h3_font-weight: 800;
    --h3_color: #6449a4;


    --h4_font_size: 1.2em;
    --h4_line_hight: 1.2em;
    --h4_color: #6449a4;


    --h5_font_size: 1.5em;
    --h5_line_hight: 1.5em;
    --h5_color: #6449a4;


    --h6_font_size: 1em;
    --h6_line_hight: 1em;
    --h6_color: #6449a4;


    --p_font-family: "Oswald", sans-serif;
    --p_font_size: 1em;
    --p_line_hight: 1.5em;
    --p_color: #1b1b1b;
    --p_margin: 0px;
    --p_padding: 0px;


    /* a tag Css Property */
    --a_font-family: "Oswald", sans-serif;
    --a_font_size: 1em;
    --a_font-weight: 700;
    --a_line_hight: 1.5em;
    --a_color: #396681;
    --a_text-decoration: none;

    /* a tag hover Property */
    --a_hover_color: #cc0000;
    --a_active_color: #cc0000;
    --a_body_text_color: #cc0000;
    --a_body_hover_text_color: #000;

    /* Dropdown Menu Style */
    --dropmenu_color: #fff;
    --dropmenu_bg_color: #6449a4;
    --dropmenu_font-size: 16px;
    --dropmenu_font_weight: 600;

    /* Dropdown Menu Hover Style */
    --dropmenu_hover_color: #fff;
    --dropmenu_bg_hover_color: #f39200;


    /* All Flex Property */
    --d_display-flex: flex;

    /* Flex Center */
    --d_align_item-center: center;
    --d_justify-content-center: center;

    /* Flex spece Between */
    --d_align_item-flex-end: flex-end;
    --d_justify-content-space-between: space-between;



    /* -- Btn One Property --*/
    --btn_one_bg: #b40204;
    --btn_one_width:fit-content;
    --btn_one_height:auto;
    --btn_one_font-size: 18px;
    --btn_one_line-height: 24px;
    --btn_one_text-transform: uppercase;
    --btn_one_font-weight: 800;
    --btn_one_radius: 100px;
    --btn_one_transition: 0.5s;
    --btn_one_font-family: "Oswald", sans-serif;
    --btn_one_color: #fff;
    --btn_one_padding:5px 25px;

    /* -- Btn One Hover Property --*/
    --btn_one_bg_hover: #000000;
    --btn_one_transition_hover: 0.5s;
    --btn_one_color_hover: #fff;


    /* -- Btn two Property --*/
    --btn_two_bg: #f3f6f9;
    --btn_two_width: 200px;
    --btn_two_height: 50px;
    --btn_two_font-size: 18px;
    --btn_two_line-height: 24px;
    --btn_two_text-transform: uppercase;
    --btn_two_font-weight: 800;
    --btn_two_radius: 100px;
    --btn_two_transition: 0.5s;
    --btn_two_font-family: "Oswald", sans-serif;
    --btn_two_color: #386580;

    /* -- Btn One Hover Property --*/
    --btn_two_bg_hover: #cbf9de;
    --btn_two_transition_hover: 0.5s;
    --btn_two_color_hover: #386580;







    /* -- Btn Three Property --*/
    --btn_three_bg: #cbf9de;
    --btn_three_width: fit-content;
    --btn_three_height: 50px;
    --btn_three_font-size: 18px;
    --btn_three_line-height: 24px;
    --btn_three_text-transform: uppercase;
    --btn_three_font-weight: 800;
    --btn_three_radius: 100px;
    --btn_three_transition: 0.5s;
    --btn_three_font-family: "Oswald", sans-serif;
    --btn_three_color: #386580;

    /* -- Btn Three Hover Property --*/
    --btn_three_bg_hover: #ecf3fa;
    --btn_three_transition_hover: 0.5s;
    --btn_three_color_hover: #386580;


    /* -- False Button Property --*/
    --false_btn_margin: 0px;
    --false_btn_width: 200px;
    --false_btn_height: 50px;
    --false_btn_border-radius: 100px;
    --false_btn_border_width: 1px;
    --false_btn_border_style: solid;
    --false_btn_border_color: #000;
    --false_btn_line_height: 47px;
    --false_btn_text_align: center;
    --false_btn_text_transform: uppercase;
    --false_btn_font_w: 700;

    /* -- Divider Property --*/
    --divider_width: 100px;
    --divider_height: 15px;
    --divider_bg: #6449a4;
    --divider_radius: 100px;
    --divider_position: relative;

    --divider_after_position: absolute;
    --divider_after_width: 50px;
    --divider_after_height: 10px;
    --divider_after_bg: #f39200;
    --divider_after_content: '';
    --divider_after_radius: 100px;
    --divider_after_right: 0;
    --divider_after_top: 2px;


    --text-transform_u: uppercase;
    --text-transform_l: lowercase;


}

.s_p_tb_100 {
    padding: 100px 0;
}
.f_r_direction {
    flex-direction: row-reverse;
}

.b_style_one {
    width: var(--btn_one_width);
    background-color: var(--btn_one_bg);
    height: var(--btn_one_height);
    border-radius: var(--btn_one_radius);
    border-width: var(--btn_one_border-width);
    border-style: var(--btn_one_border-style);
    border-color: var(--btn_one_border-color);
    box-shadow: var(--btn_one_box_shadow);
    font-size: var(--btn_one_font-size);
    text-transform: var(--btn_one_text-transform);
    font-weight: var(--btn_one_font-weight);
    font-family: var(--btn_one_font-family);
    transition: var(--btn_one_transition);
    padding: var(--btn_one_padding);
}

.b_style_one:hover {
    color: var(--btn_one_color_hover);
    background-color: var(--btn_one_bg_hover);
    border-color: var(--btn_one_border_hover);
    box-shadow: var(--btn_one_box-shadow_hover);
    transition: var(--t_transition);
}
.b_style_one:active {
    color: var(--btn_one_color_hover) !important;
    background-color: var(--btn_one_bg_hover) !important;
    border-color: var(--btn_one_border_hover) !important;
    box-shadow: var(--btn_one_box-shadow_hover) !important;
    transition: var(--t_transition);
}

.btn_style_two {
    width: var(--btn_two_width);
    background-color: var(--btn_two_bg);
    height: var(--btn_two_height);
    border-radius: var(--btn_two_radius);
    border-width: var(--btn_two_border-width);
    border-style: var(--btn_two_border-style);
    border-color: var(--btn_two_border-color);
    box-shadow: var(--btn_two_box_shadow);
    font-size: var(--btn_two_font-size);
    text-transform: var(--btn_two_text-transform);
    font-weight: var(--btn_two_font-weight);
    font-family: var(--btn_two_font-family);
    transition: var(--btn_two_transition);
    color: var(--btn_two_color);
}

.btn_style_two:hover {
    color: var(--btn_two_color_hover);
    background-color: var(--btn_two_bg_hover);
    border-color: var(--btn_two_border_hover);
    box-shadow: var(--btn_two_box-shadow_hover);
    transition: var(--t_transition);
}

.btn_style_two:active {
    color: var(--btn_one_color_hover) !important;
    background-color: var(--btn_one_bg_hover) !important;
    border-color: var(--btn_one_border_hover) !important;
    box-shadow: var(--btn_one_box-shadow_hover) !important;
    transition: var(--t_transition);
}





.btn_style_three {
    width: var(--btn_three_width);
    background-color: var(--btn_three_bg);
    height: var(--btn_three_height);
    border-radius: var(--btn_three_radius);
    border-width: var(--btn_three_border-width);
    border-style: var(--btn_three_border-style);
    border-color: var(--btn_three_border-color);
    box-shadow: var(--btn_three_box_shadow);
    font-size: var(--btn_three_font-size);
    text-transform: var(--btn_three_text-transform);
    font-weight: var(--btn_three_font-weight);
    font-family: var(--btn_three_font-family);
    transition: var(--btn_three_transition);
    color: var(--btn_three_color);
    padding:10px 30px;
}

.btn_style_three:hover {
    color: var(--btn_three_color_hover);
    background-color: var(--btn_three_bg_hover);
    border-color: var(--btn_three_border_hover);
    box-shadow: var(--btn_three_box-shadow_hover);
    transition: var(--t_transition);
}

.btn_style_three:active {
    color: var(--btn_one_color_hover) !important;
    background-color: var(--btn_one_bg_hover) !important;
    border-color: var(--btn_one_border_hover) !important;
    box-shadow: var(--btn_one_box-shadow_hover) !important;
    transition: var(--t_transition);
}

.btn_three {
    width: var(--btn_three_width);
    height: var(--btn_three_height);
    border-width: var(--btn_three_border-width);
    border-color: var(--btn_three_border-color);
    border-style: var(--btn_three_border-style);
    background-color: var(--btn_three_bg);
    height: var(--btn_three_height);
    border-radius: var(--btn_three_radius);
    font-size: var(--btn_two_font-size);
    text-transform: var(--btn_two_text-transform);
    font-weight: var(--btn_two_font-weight);
    font-family: var(--btn_two_font-family);
    transition: var(--btn_two_transition);
}

.btn_three:hover {
    color: var(--btn_three_color_hover);
    background-color: var(--btn_three_bg_hover);
    border-color: var(--btn_three_border_hover);
    transition: var(--t_transition);
}

.t_upper {
    text-transform: uppercase;
}

h1 {
    color: var(--heading_font_color);
    font-family: var(--heading_font-family);
    margin: var(--heading_margin);
    padding: var(--heading_padding);
}
h2 {
    color: var(--heading_font_color);
    font-family: var(--body_font-family);
    margin: var(--heading_margin);
    padding: var(--heading_padding);
}

p {
    color: var(--p_color);
    font-family: var(--p_font-family);
    font-size: var(--p_font_size);
    line-height: var(--p_line_hight);
    margin: var(p_margin);
    padding: var(p_padding);
}

a {

    font-family: var(--a_font-family);
    font-size: var(--a_font_size);
    font-weight: var(--a_font-weight);
    color: var(--a_color);
    text-decoration: var(--a_text-decoration);
    transition: var(--t_transition);
}

a:hover {

    color: var(--a_hover_color);
    transition: var(--t_transition);
}

a:active {

    color: var(--a_active_color);
    transition: var(--t_transition);
}

.d_flex {
    display: var(--d_display-flex);
    align-items: var(--d_align_item-center);
    justify-content: var(--d_justify-content-space-between);
}

.d_flex_center {
    display: var(--d_display-flex);
    align-items: var(--d_align_item-center);
}

.d_flex_j_center {
    display: var(--d_display-flex);
    align-items: var(--d_align_item-center);
    justify-content: var(--d_justify-content-center);
}

.d_flex_j_start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.d_flex_j_end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.d_flex_r_reverse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.d_flex_c_reverse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
}

.d_flex_bottom {
    align-items: end;
}

.d_flex_a_stretch {
    display: flex;
    align-items: stretch;
}

.flex_pro {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 0fr);
}

.p_top_0,
.p_bottom_0,
.p_left_0,
.p_right_0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.p_less {
    padding: 0;
}

.sec_padd_top_bottom {
    padding: 150px 0;
}

.padd_b_30 {
    padding-bottom: 30px;
}
.mt_30{
    margin-top: 30px;
}

.m_b {
    margin-bottom: 20px !important;
}

.m_b_100 {
    margin-bottom: 100px !important;
}

.top_padd_50 {
    padding-top: 50px;
}

.bottom_padd_50 {
    padding-bottom: 50px;
}

.p_f_top {
    padding: 15px 0px;
}
.p_add_20{
    padding: 0 20px;
}


.m_l_top,
.m_l_bottom,
.m_l_left,
.m_l_right {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.m_top_50 {
    margin-top: 50px;
}

.m_less {
    margin-left: 0px;
    margin-right: 0px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_20 {
    margin-bottom: 20px;
}

.sec_margin_t_b {
    margin: 100px 0;
}

.margin_t_30 {
    margin-top: 30px;
}

.margin_b_30 {
    margin-bottom: 30px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.pr_less {
    padding-right: 0px !important;
}





/* ---------------------------
| Bootstrap Custom Css Start
----------------------------- */
.form-select:focus {
    box-shadow: none !important;
    border-color: #dee2e6 !important;
}

.form-check-input:checked {
    background-color: #c1d62f;
    border-color: #c1d62f;
}

.form-check-input:focus {
    border-color: #c1d62f;
    outline: 0;
    box-shadow: none !important;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}

.navbar-collapse {
    flex-grow: 0;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}


/* ------------------------
| Bootstrap Custom Css End
-------------------------- */



/*-------------------------------
  | Header Design Start
  -------------------------------*/
  header {
    background-color: #f3f3f3;
    box-shadow: 1px 1px 3px #e6e6e6;
}
.custom_header #offcanvasNavbar {
    display: none;
}
.header_gone {
    display: none;
}
.custom_header .navbar-brand {
    max-width: 150px;
    width: 100%;
}
.custom_header a.navbar-brand img {
    width: 150px;
}
.custom_header li.nav-item a {
    text-transform: uppercase;
    color: var(--a_color);
    padding: 0 20px !important;
    font-family: "Oswald", sans-serif;
    transition: all ease-in-out 0.3s;
}

.custom_header li.nav-item a:hover {
    color: var(--a_hover_color);
    transition: all ease-in-out 0.3s;
}

.custom_header li.nav-item a.nav-link.active {
    font-weight: 700;
    color: #cc0000;
}
.custom_header li.divider_rules {
    border-right: 2px solid #868686;
}

.custom_header .text_bold {
    font-weight: 700;
    color: #444444;
}

.custom_header button.navbar-toggler {
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    border: 0px;
}

.custom_header .offcanvas-body li.nav-item {
    padding: 10px 0;
}
.text-right {
    text-align: right;
}
.custom_header ul.dropdown-menu {
    background-color: #315d78;
    padding: 20px 20px 20px 26px;
    border-radius: 30px 30px 30px 0px;
    box-shadow: 1px 2px 15px #315d78;
    top: 47px;
    overflow: hidden;
    width: 200px;
}
.custom_header ul.dropdown-menu li a {
    color: #fff;
    position: relative;
    font-weight: 400;
    padding: 0px !important;
    margin: 0px !important;
    transform: var(--t_transition);
}
.custom_header ul.dropdown-menu li a:after{
    width: 5px;
    height: 15px;
    background-color: #cbf9de;
    position: absolute;
    left: -15px;
    top:5px;
    content: '';
}
.custom_header ul.dropdown-menu li a:hover{
    background-color: transparent;
    transform: var(--t_transition);
    color: #cbf9de;
    font-weight: 400;
    padding-left: 15px !important;
}
.custom_header ul.dropdown-menu li a.active{
    background-color: transparent;
    transform: var(--t_transition);
    color: #cbf9de;
    font-weight: 800;
    padding-left: 0px !important;
}
.custom_header ul.dropdown-menu li a:hover:after{
    background-color: #fff;
    transform: var(--t_transition);
}

/*--------------------------------
 || Header Design End
  -------------------------------*/



/*-----------------------------
  || Start Banner Text Design 
----------------------------*/
  .banner_text_areas .carousel-caption h3 {
    font-size: 3rem;
    text-transform: uppercase;
}
.banner_text_areas .carousel-caption h5 {
    font-size: 2rem;
    text-transform: uppercase;
}
.banner_text_areas .carousel-caption p strong {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
}

  /*-----------------------------
  || End Banner Text Design 
  ----------------------------*/


/*-----------------------------
  || Start After banner Areas
----------------------------*/
.after_left {
    background-color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.full_containt h2 {
    color: #000;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-weight: 300;
}
.full_containt h2 strong {
    font-weight: 900;
    color: #b40204;
}
.full_containt p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
}
.after_right {
    width: 100%;
    height: 100%;
}
.after_right img {
    width: 100%;
    height: 100%;
}


/*-----------------------------
  || End After banner Areas
----------------------------*/



/*-----------------------------
  || Start SIX Box Areas
----------------------------*/

section.six_box_areas {
    padding: 100px 0;
    background-color: #000;
}
.six_box_heading {
    text-align: center;
    padding-bottom: 80px;
}
.six_box_heading h2 {
    text-transform: uppercase;
    padding: 0 465px;
}
.box_design {
    background-color: #141414;
    text-align: center;
    padding: 30px;
    height: auto;
    margin-bottom: 30px;
    min-height: 300px;
}
.box_icon {
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}
.box_icon img {
    width: fit-content;
    height: 60px;
}
.box_heading {
    min-height: 70px;
    height: 100%;
}
.box_heading h3{
    color: #fff;
    text-transform: uppercase;
}
.box-brief p {
    color: #fff;
    padding: 0 50px;
}


/*-----------------------------
  || End SIX Box Areas
----------------------------*/



/*-----------------------------
  || Start After end six box
----------------------------*/

.after_six_box_heading {
    width: 100%;
    padding: 100px 0;
    text-align: center;
}

.after_six_box_heading h2 {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
.after_six_box_image {
    width: 100%;
    position: relative;
}
.after_six_box_image img{
    width: 100%;
}
.car_deatils {
    width: 40%;
    background-color: #fff;
    position: absolute;
    bottom: -70px;
    left: 15px;
    padding: 30px;
}
.car_deatils h2 {
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 30px;
}
/*-----------------------------
  || End After end six box
----------------------------*/





/*--------------------------------
|| Start Footer Design
--------------------------------*/
footer {
    background-color: #000000;
    padding: 200px 0 50px;
}
.footer_logo_areas {
    text-align: center;
    padding-bottom: 50px;
}
.footer_logo_areas img {
    width: 200px;
}
.footer_box {
    padding-right: 130px;
    position: relative;
}
.footer_box:after {
    background-image: url(../../assets/images/menu_divider.png);
    position: absolute;
    top: 0;
    right: 30px;
    content: '';
    width: 4px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
}
.footer_box:last-child :after{
    background-image: none;
}
.f_heading h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}
.add_text p {
    margin: 0;
    padding: 0;
    color: #fff;
}
.add_text p a{
    color: #fff;
    transition: var(--t_transition);
}
.add_text p a:hover{
    color: #cbf9de;
    transition: var(--t_transition);
}
.address_text {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 30px;
    margin-top: 25px;
}
.icon_f {
    margin-right: 15px;
}
.icon_f i {
    color: #b40204;
    font-size: 20px;
}
.address_menu {
    margin-top: 15px;
}
.address_menu ul {
    padding: 0;
    margin: 0;
}
.address_menu ul li {
    padding: 10px 0;
    list-style-type: none;
}
.address_menu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    transition: var(--t_transition);
}
.address_menu ul li a:hover {
    color: #b40204;
    transition: var(--t_transition);
}
.address_menu ul li a.active {
    color: #b40204;
    font-weight: 800;
    transition: var(--t_transition);
}

.social_menu {
    margin-top: 25px;
}
.social_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: start;
}
.social_menu ul li {
    padding: 0px 10px 0px 0px;
    list-style-type: none;
}
.social_menu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    transition: var(--t_transition);
    padding: 15px 15px 15px 0px;
}
.social_menu ul li a:hover {
    color: #b40204;
    transition: var(--t_transition);
}
.social_menu ul li a.active {
    color: #b40204;
    font-weight: 800;
    transition: var(--t_transition);
}
.social_menu ul li a i {
    font-size: 30px;
}
.newsletter_areas {
    margin-top: 30px;
}
.news_form {
    margin-top: 25px;
    position: relative;
}

.news_form input {
    width: 100%;
    height: 50px;
    border-radius: 100px;
    text-indent: 15px;
    color: #fff;
    position: relative;
    box-shadow: none;
    border: none;
    overflow: visible !important;
    background-color: #b40204;
}
.news_form input::placeholder{
    color: #c1c1c1;
}
.news_form button {
    position: absolute;
    top: 2px;
    right: 5px;
    z-index: 1;
    width: 47px;
    height: 47px;
    border-radius: 100px;
    background-color: #920507;
    border: none;
    transition: var(--t_transition);
}
.news_form button:hover{
    transition: var(--t_transition);
    background-color: #680204;
}
.news_form button.active{
    transition: var(--t_transition);
    background-color: #680204;
}
.news_form button:active{
    transition: var(--t_transition);
    background-color: #96bea6;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    background-color: #680204;
}

/*--------------------------------
|| Start Copyright
--------------------------------*/
.copyright_areas {
    background-color: #1a1a1a;
    padding: 20px 0;
    text-align: center;
    color: #fff;
}
.copyright_areas p{
    color: #fff;
    margin: 0;
    padding: 0;
}
.copyright_areas p a{
    transition: var(--t_transition);
    color: #b40204;
}
.copyright_areas p a:hover{
    transition: var(--t_transition);
    color: #fff;
}
/*--------------------------------
|| End Copyright
--------------------------------*/

/*--------------------------------
|| End Footer Design
--------------------------------*/