*{margin: 0; padding: 0; box-sizing: border-box;}
body{margin: 0; padding: 0; box-sizing: border-box; font-family: var(--font1);}

/* Main */
:root{
    --color1:#253941;
    --color2: #f59e0c;
    --color3: #091c24;
    --color4: #09ca09;

    --font1: 'Montserrat', sans-serif;

    --width: 1400px;
}

/* MAIN */
.alert-danger{position: fixed; bottom: 20%; right: 0; padding: 20px; background-color: red; z-index: 999; border-radius: 10px 0 0 10px; color: #fff;}
.btn{padding: 10px 15px; border-radius: 5px; background-color: var(--color2); color: #fff; border: none; cursor: pointer; transition: all 0.2s ease-in-out;}
.btn:hover{transition: all 0.2s ease-in-out; background-color: #091c24;}

/* Authentication */
.login{display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: top; background-size: cover; object-fit: cover;}
.login_inner{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: 500px; padding: 20px; border-radius: 1.25rem; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; background-color: #ffffff; border: 1px solid var(--border); margin: 0 10px;}
.login_inner .login_img{width: 200px; height: auto; object-fit: contain; margin-bottom: 40px;}
.login_inner h1{margin-bottom: 40px; font-size: 24px; color: var(--theme1); font-family: var(--font1); font-weight: 500;}
.login_inner .item{margin-bottom: 20px; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; flex-direction: column;}
.login_inner .item .is-invalid{border: 1px solid red; outline: red;}
.login_inner .item .invalid-feedback{margin-top: 5px; font-size: 14px; font-weight: 600; color: red;}
.login_inner .item label{margin-bottom: 10px; font-size: 14px;}
.login_inner .item input{width: 100%;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; padding: 10px; font-size: 18px; border: none; border-radius: 10px;}
.login_inner small{color: #204b9b; font-style: italic; margin-top: 30px;}
.login_inner a{color: #204b9b;}
.login_inner button{transition: all 0.1s ease-in-out; width: 100%; background-color: var(--color2); padding: 10px; border-radius: 10px; box-shadow: var(--boxshadow); color: #fff; border: 0; cursor: pointer; margin-top: 20px;}
.login_inner button:hover{transition: all 0.1s ease-in-out;  background-color: var(--color1);}

/* Admin */
.set_sidebar_fixed { position: fixed; top: 60px; left: 0; width: 200px;}
.sidebar { position: fixed; display: flex; justify-content: center; align-items: flex-start; height: 100vh; width: 300px; background-color: #fff; box-shadow: #0000004f 0px 2px 20px 0px; transition: all 0.3s ease-in-out; margin-top: -11px; border-top: 1px solid var(--border);}
.sidebar_inner { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; width: 100%; max-width: 100%; height: calc(100vh - 60px); margin-top: 5px;}
.sidebar_inner p{ margin-top: auto !important; margin-bottom: 0rem !important;}
.sidebar_inner a { text-decoration: none !important; color: inherit !important;}
.sidebar_inner .top { width: 100%; padding: 10px; font-weight: 400; font-size: 14px; color: #101827;}
.sidebar_inner .item { display: flex; align-items: center; width: 100%; padding: 8px 15px; border-radius: 10px; margin-bottom: 3px;}
.sidebar_inner .active_item { display: flex; align-items: center; width: 100%; padding: 8px 15px; border-radius: 10px; background-color: var(--color2); color: #fff; margin-bottom: 3px;}
.sidebar_inner .item:hover { background-color: var(--color2); color: #fff; transition: all 0.1s ease-in-out;}
.sidebar_inner .item .active { color: #fff;}
.sidebar_inner .item i { width: 30px; font-size: 14px; padding-right: 10px;}

/* Authentication */
.auth_frame{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 50px;}
.auth_frame_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.auth_frame_inner h1{margin-bottom: 20px;}
.auth_frame_inner h1 span{color: var(--color2);}
.auth_frame_inner .left{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%; height: 600px;}
.auth_frame_inner .right{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;width: 48%; height: 600px;}
.auth_frame_inner .item{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin: 10px 0; width: 100%;}
.auth_frame_inner .item span{color: var(--color2);}
.auth_frame_inner .item label{margin-bottom: 5px;}
.auth_frame_inner .item input{width: 100%; padding: 10px; border: 1px solid #e6edf4;}
@media only screen and (max-width: 750px) {
    .auth_frame_inner .left{width: 100%; height: auto; margin-bottom: 50px;}
    .auth_frame_inner .right{width: 100%; height: auto;}
}

/* topbar */
.set_topbar_fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 2;}
.topbar_main { display: flex; justify-content: center; align-items: center; width: 100%; background-color: #fff; height: 50px; border-bottom: 1px solid #e1e8eb62;}
.topbar_main_inner { display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 100%; max-width: 100%;}
.topbar_main_inner .item h1 { font-weight: 600; color: var(--theme); padding: 15px;}
.topbar_main_inner .item { display: flex; justify-content: center; align-items: center; flex-direction: row;}
.topbar_main_inner .message { position: relative; color: var(--theme); padding: 10px; margin-right: 20px; border-radius: 10px; font-size: 20px; cursor: pointer;}
.profile_bar{ position: absolute; display: flex; justify-content: center; align-items: center; width: auto; top: 50px; right: 0px; background-color: #fff; border-radius: 0.475rem; padding: 10px; box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);}
.profile_bar_inner{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%;}
.profile_bar_inner a{text-decoration: none; font-size: 14px; color: #3F4254; padding: 5px 10px; width: 100%; transition: all 0.2s ease-in-out;}
.profile_bar_inner a:hover{ background-color: #f0f9fe; transition: all 0.2s ease-in-out; border-radius: 4px; color: #009ef7;}
.profile_bar_inner .line_between{ height: 1px; width: 100%; background-color: #f8f8f8; margin: 10px 0;}
.profile_bar_inner .top{ display: flex; justify-content: space-between; align-items: center; width: 100%; border-bottom: 1px solid #f8f8f8; padding: 10px;}
.profile_bar_inner .top .left{ font-size: 30px; padding-right: 20px;}
.profile_bar_inner .top .right h5{ font-size: 14px; font-weight: 600;}
.profile_bar_inner .top .right p{ font-size: 12px; color: #A1A5B7;}
.topbar_main_inner .logout a { display: flex; justify-content: center; align-items: center; flex-direction: row; text-decoration: none; color: #fff;}
.topbar_main_inner .logout i { padding-right: 5px;}
.topbar_main_inner img.sidebar_logo { display: flex; justify-content: flex-start; width: auto; padding: 10px 0px 10px 10px; height: 50px; object-fit: contain;}
.topbar_main_inner form button { background-color: #fafafa; box-shadow: none !important; padding: 5px 10px 7px 10px; margin-left: -50px; font-size: 16px; border-radius: 10px; margin-top: 1px; border: none; color: #6d181f33; cursor: pointer; transition: all 0.3s ease-in-out;}
.topbar_main_inner form input { width: 600px; border: none; height: 40px; border-radius: 28px; padding: 10px; background-color: #fafafa;}
.topbar_main_inner form input:focus { box-shadow: 0 0 2px var(--primary) !important;}
.line_between{ height: 1px; background-color: rgba(206, 202, 202, 0.402); margin: 30px 0 10px 0; width: 100%;}

/* Responsive */
@media only screen and (max-width: 950px) {
    .topbar_main_inner form input { width: 400px;}
}
@media only screen and (max-width: 750px) {
    .topbar_main_inner form input { width: 300px;}
}
@media only screen and (max-width: 700px) {
    .topbar_main_inner .logout p { display: none;}
    .topbar_main_inner .logout i { padding-right: 0px;}
}
@media only screen and (max-width: 650px) {
    .sidebar {width: 60px;}
    .sidebar_inner .top p {display: none;}
    .sidebar_inner .item i { width: 0px; padding-right: 0px; margin-left: -3px;}
    .sidebar_logo_mobile { display: block;}
    .sidebar_inner .bottom .item_bottom p {display: none;}
    .sidebar_inner .bottom .item_bottom i { padding-left: 0px;}
}
@media only screen and (max-width: 600px) {
    .topbar_main_inner form input { width: 250px;}
}
@media only screen and (max-width: 500px) {
    .set_rightbar_fixed { width: 250px;}
}
@media only screen and (max-width: 400px) {
    .topbar_main_inner form input { width: 150px;}
}

.main { margin-left: 330px; margin-top: 65px; margin-right: 30px; margin-bottom: 30px;}
@media only screen and (max-width: 650px) {
.main { margin-left: 90px;}
}

.welcome{display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-top: 50px; margin-bottom: 20px;}
.welcome_inner{display: flex; justify-content: flex-start; align-items: center; width: 100%; max-width: 600px; padding: 0 20px; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);; border-radius: 0.75rem; padding: 20px;}
.welcome_inner .profile{display: flex; justify-content: center; align-items: center; background-color: #101827; color: #fff; font-size: 25px; width: 50px; height: 50px; border-radius: 50%; margin-right: 20px;}
.welcome_inner h3{font-size: 1.25rem; font-weight: 600;}
.welcome_inner a{font-size: 14px; font-weight: 300; text-decoration: none; color: var(--color2);}

/* Pagina Titel */
.page_title{display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0;}
.page_title_inner{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 100%; max-width: 100%;}
.page_title h1{font-weight: 600; font-size: 25px; margin-top: 10px;}
@media only screen and (max-width: 900px) {
    .page_title a{margin-bottom: 5px;}
}

/* Table */
.main-wrapper{ width: 100%; overflow-x: auto; margin-top: 20px; padding: 10px; border-radius: 5px 5px 0 0; font-family: var(--font1); background-color: #fff; border-radius: 10px; border: 1px solid var(--border);}
.main-wrapper .filter-wrapper{margin: 10px 0; background-color: #e0dddd1e; padding: 10px; border-radius: 10px;}
.main-wrapper .filter-wrapper label{font-weight: bold;}
.main-wrapper .filter-wrapper select{padding: 10px; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; width: 100%;}
.responsive-table{display: inline-block;min-width: 100%;}
.responsive-table .color{width: 25px; height: 25px; border-radius: 5px;}
.responsive-table .top_table{display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 20px;}
.responsive-table .top_table_inner{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; max-width: 100%;}
.responsive-table .top_table_inner .item{width: 20%; margin-right: 10px;}
.responsive-table .top_table_inner .item select{padding: 5px 10px; border-radius: 5px; height: 37px; margin-bottom: 10px; border: 1px solid #cccccc;}
.responsive-table .searchbar{width: 100%; padding: 5px 10px; border-radius: 5px; margin-bottom: 10px; border: 1px solid #cccccc;}
.responsive-table > table {width: 100%;border-collapse: collapse;}
.responsive-table > table thead {background-color: #f7f8f8;color: #4b5563; font-family: 300 !important; font-size: 14px;}
.responsive-table > table thead i{color: #aa596070;}
.responsive-table > table a{color: var(--color2);text-decoration: none;cursor: pointer;}
.responsive-table > table td, th {border-bottom: 1px solid #cccccc;text-align: left;font-weight: 400; font-size: 14px; padding: 12px 8px; font-family: var(--font1) !important;}
.responsive-table > table .table-row:hover {background-color: #d5d7d8aa;}
.responsive-table > table .table-row img {width: 50px; height: 50px; object-fit: contain;}
.responsive-table > table .table-row .pay_status {padding: 2px 5px; border-radius: 5px; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px;}
.responsive-table > table .table-row .paid {background-color: #4bd964;}
.responsive-table > table .table-row .failed {background-color: #ff3b2f;}
.responsive-table > table .table-row .expired {background-color: #b3b3b3;}
.responsive-table > table .table-row .canceled {background-color: #e57a16;}
.responsive-table > table .table-row .open {background-color: #1638e5;}
.responsive-table > table .table-row .mollie {background-color: #4bd964;}
.responsive-table > table .table-row .invoice {background-color: #fd00f4;}
.responsive-table > table .block_red {padding: 5px 10px; border-radius: 20px; background-color: red; text-align: center; color: #fff;}
.responsive-table > table .block_orangje {padding: 5px 10px; border-radius: 20px; background-color: orange; text-align: center; color: #fff;}
.responsive-table > table .block_green {padding: 5px 10px; border-radius: 20px; background-color: #9de54c; text-align: center; color: #fff;}
.responsive-table > table .row_count {font-weight: 500 !important; color: #000;}
nav[role="navigation"] {margin-top: 10px !important;}
nav[role="navigation"] div:first-child{justify-content: flex-start !important;}

/* Forms */
.form{display: flex; justify-content: center; align-items: center; width: 100%;}
.form_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: 100%;}
.form_inner .item{width: 48%; margin-bottom: 20px;}
.form_inner .item_show label{font-size: 14px; font-weight: bold;}
.form_inner .item img{width: 80px; height: 80px; object-fit: contain; border-radius: 10px; margin-top: 10px;}
.form_inner .item input{width: 100%; padding: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.form_inner .item textarea{width: 100%; padding: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.form_inner .item select{width: 100%; padding: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.form_inner .button_slide{transition: all 0.2s ease-in-out; cursor: pointer; padding: 10px; border-radius: 10px; color: #000; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.form_inner .button_slide:hover{transition: all 0.2s ease-in-out; background-color: #cecece4f;}
@media only screen and (max-width: 900px) {
    .form_inner .item{width: 100%;}
}


/* Website */
.navbar{display: flex; justify-content: center; align-items: center; width: 100%;}
.navbar_inner{display: flex; justify-content: space-between; align-items: center; z-index: 2; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 30px 20px; background-color: #fff;}
.navbar_inner .left img{width: 160px; height: auto; object-fit: contain;}
.navbar_inner .right{display: flex; align-items: center;}
.navbar_inner .right .dropdown_parent{position: relative; display: flex;}
.navbar_inner .right .dropdown{display: flex; justify-content: center; align-items: center; position: absolute; width: 230px; top: 20px; left: -10px; background-color: #f7f6f6; border-radius: 10px; margin-top: 10px;}
.navbar_inner .right .dropdown_inner{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%;}
.navbar_inner .right .dropdown_inner a{text-decoration: none; width: 100%; padding: 15px 20px; color: inherit; text-align: left; transition: all 0.1s ease-in-out;}
.navbar_inner .right .dropdown_inner a:hover{background-color: var(--color2); color: #fff; transition: all 0.1s ease-in-out;}
.navbar_inner .right .item{text-decoration: none; color: inherit; transition: all 0.2s ease-in-out; font-size: 15px; margin: 0 15px;}
.navbar_inner .right .menu_icon{display: none; text-decoration: none; color: inherit; font-size: 30px; color: var(--color1);}
.navbar_inner .right .active{color: var(--color2);}
.navbar_inner .right .item:hover{color: var(--color2); transition: all 0.2s ease-in-out;}
.navbar_inner .right .quotation_btn{padding: 10px; background-color: var(--color2); color: #fff; border-radius: 5px; border: 1px solid transparent; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: all 0.2s ease-in-out;}
.navbar_inner .right .quotation_btn:hover{background-color: #fff; color: var(--color2); border: 1px solid var(--color2); transition: all 0.2s ease-in-out}
@media only screen and (max-width: 1050px) {
    .navbar_inner .left img{width: 120px;}
    .navbar_inner .right .item{font-size: 14px; margin: 0 10px;}
}
@media only screen and (max-width: 900px) {
    .navbar_inner .right .menu_icon{display: flex;}
    .navbar_inner .right .item{display: none;}
    .navbar_inner .right .dropdown{display: none;}
}

/* Banner */
.banner{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; object-fit: cover; height: 500px;}
.banner .wave{position: absolute; bottom: 0; left: 0; width: 100%;}
.banner_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.banner_inner .left{width: 50%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.banner_inner .subtitle{margin-bottom: 20px; font-size: 18px; color: #fff; font-weight: 700;}
.banner_inner .title{margin-bottom: 20px; font-size: 54px; color: #fff; font-weight: 700;}
.banner_inner .small_text{font-size: 16px; color: #fff; font-weight: 400; margin-bottom: 20px;}
.banner_inner .button{padding: 15px; border-radius: 5px; font-size: 14px; background-color: var(--color2); color: #fff; text-decoration: none; transition: all 0.2s ease-in-out;}
.banner_inner .button:hover{background-color: var(--color1); transition: all 0.2s ease-in-out;}
.banner_inner .right{width: 40%; z-index: 1;}
.banner_inner .right img{width: 100%; height: 700px; margin-top: 300px; object-fit: cover;}
@media only screen and (max-width: 950px) {
.banner_inner .left{width: 65%;}
.banner_inner .right{width: 30%;}
.banner_inner .right img{width: 100%; height: 400px; margin-top: 300px; object-fit: cover;}
}
@media only screen and (max-width: 750px) {
.banner{height: auto;}
.banner_inner .title{font-size: 34px;}
.banner_inner .left{width: 100%; margin-top: 20px;}
.banner_inner .right{width: 100%;}
.banner_inner .right img{width: 100%; height: 400px; margin-top: 0px;  object-fit: cover;}
}

/* Tekstblok */
/* .text_block{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 100px; background-color: var(--color1);}
.text_block_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.text_block_inner .left{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%; padding: 50px 0;}
.text_block_inner .left h1{margin-bottom: 20px; color: #fff;}
.text_block_inner .left h1 span{color: var(--color2);}
.text_block_inner .left p{margin-bottom: 20px; color: #fff;}
.text_block_inner .right{width: 40%;}
.text_block_inner .right img{width: 450px; height: 450px; object-fit: cover; margin-top: -200px;} */

/* Tekstblok 2 */
.text_block2{display: flex; justify-content: center; align-items: center; width: 100%; padding: 50px 0;}
.text_block2_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.text_block2_inner .left{width: 32%;}
.text_block2_inner .left h1{font-size: 45px; font-weight: 400; line-height: 1.4;}
.text_block2_inner .left h1 b{font-weight: 600;}
.text_block2_inner .right{width: 63%;}
.text_block2_inner .right p{line-height: 1.4; font-weight: 300; font-size: 20px;}
@media only screen and (max-width: 1200px) {
.text_block2_inner .left h1{font-size: 35px;}
.text_block2_inner .right p{line-height: 1.2; font-weight: 300; font-size: 18px;}
}
@media only screen and (max-width: 800px) {
.text_block2{padding: 0;}
.text_block2_inner .left{width: 100%; margin-bottom: 20px;}
.text_block2_inner .right{width: 100%;}
}
@media only screen and (max-width: 420px) {
.text_block2_inner .left h1{font-size: 25px;}
.text_block2_inner .right p{font-size: 16px;}
}

/* Partners */
.partners{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 50px; }
.partners_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.partners_inner .item{width: 16%; margin: 0 50px; margin-bottom: 20px;}
.partners_inner .item img{width: 100%; height: 150px; object-fit: contain;}

/* Footer */
.footer_img{display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; object-fit: cover; margin-top: 150px;}
.footer_img_inner{display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; width: 100%; max-width: 400px; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0 0 0 / 0.1); margin-top: -75px;}
.footer{display: flex; justify-content: center; align-items: center; width: 100%; background-color: var(--color1); padding: 20px 0;}
.footer_inner{display: flex; justify-content: space-between; align-items:flex-start; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.footer_inner .item{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 22%;}
.footer_inner .item .light{display: flex; flex-direction: column; padding-left: 10px;}
.footer_inner .item img{width: 160px; margin-bottom: 20px;}
.footer_inner .item p{margin-bottom: 5px; color: #fff; font-size: 14px; line-height: 1.4;}
.footer_inner .item a{margin-bottom: 5px; color: #fff; font-size: 14px; line-height: 1.4; text-decoration: none; transition: all 0.2s ease-in-out;}
.footer_inner .item a:hover{ color: var(--color2); transition: all 0.2s ease-in-out;}
.footer_inner .item h3{margin-bottom: 20px; padding-left: 10px; border-left: 2px solid var(--color2); color: #fff; font-size: 18px; line-height: 1.4;}
.footer_bottom{display: flex; justify-content: center; align-items: center; width: 100%; background-color: var(--color1);}
.footer_bottom_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--width); padding: 20px;}
.footer_bottom_inner p{color: #fff; font-size: 14px;}
.footer_bottom_inner a{color: #fff; font-size: 18px; margin: 0 10px; transition: all 0.2s ease-in-out;}
.footer_bottom_inner a:hover{color: var(--color2); transition: all 0.2s ease-in-out;}
@media only screen and (max-width: 900px) {
    .footer_inner .item{width: 48%; margin-bottom: 20px;}
}
@media only screen and (max-width: 560px) {
    .footer_bottom_inner .left{margin-bottom: 20px;}
    .footer_bottom_inner{justify-content: center;}
}
@media only screen and (max-width: 520px) {
    .footer_inner .item{width: 100%;}
}

#error-message{color: var(--color2); margin-top: 5px; transition: all 0.2s ease-in-out;}

.text_block_section_h2 h2{font-weight: 800 !important; color: inherit !important; font-size: 24px !important;}