*{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
}
*, *::before, *::after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus, :active{outline: none;}

a:focus, a:active, button:focus, button:active{
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

nav, footer, header, aside{display: block;}

html, body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input, button, textarea{font-family: inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner{padding: 0;border: 0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1, h2, h3, h4, h5, h6{
    font-size: inherit;
    font-weight: 400;
}

/* -------------------------------------------------------------------------------------------------------------- */

body{
    margin: 0;
    padding: 0;
    background-color: #0d0d11;
    font-family: "Poppins", sans-serif;
}
.container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container_max{
    max-width: 1400px;
    margin: 0 auto;
}
h1{
    font-family: "Poppins", sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(0, 36, 104);
}
p{
    font-family: "Poppins", sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #dddddd;
    user-select: none;
}

/*-------------------------------------------------------Nav Bar--------------------------------------------------------*/

.top_color{
    height: 3.5em;
    border: 2px solid rgba(104, 0, 0, 0.7);
    border-radius: 0 0 30px 30px;
}
.nav_bar{
    width: 100%;
    height: 3.5em;
    display: inline-block;
    padding: 1em 2em;
    z-index: 4;
}
ul{
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.navbar_left{
    display: flex;
    
}
.navbar_right{
    display: flex;
    
}
.nav_list{
    list-style-type: none;
    transition: 0.3s;
    transform: scale(1) translateY(0%);
}
.nav_list:hover{
    transform: scale(1.1) translateY(25%);
    text-shadow: 0 0 7px rgb(110, 110, 110);
    z-index: 2;
}
.nav_list:active{
    color: brown;
    text-shadow: 0 0 7px rgb(110, 110, 110);
    transform: scale(1) translateY(0%);
}
.nav_item{
    margin: 10px;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 1em;
    font-weight: 500;
    color: #dddddd;
    transition: 300ms;
    user-select: none;
}
.nav_item:hover{
    color: brown;
    transform: scale(0.9);
}

.header_mobile{
    display: none;
}

/*-----------------------------------------------------------------Title-------------------------------------------------------*/

.title_level_1{
    width: 100%;
    height: 6em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    user-select: none;
    z-index: 4;
}
.title_section_1-1{
    max-width: 50%;
    display: flex;
    align-items: center;
    height: 5em;
}
.logo{
    user-select: none;
}
.title_section_1-1 img{
    max-width: 10%;
    margin-left: 10px;
}
.title_section_1-2{
    position: relative;
    max-width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
    height: 5em;
    user-select: none;
}
.search_box{
    margin: 15px;
    width: 20px;
    height: 40px;
    border-radius: 25px;
    background: linear-gradient(rgb(12, 51, 102), rgb(81, 119, 202));
    transition: 0.6s;
    overflow: hidden;
    
}
.search_box input{
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: linear-gradient(rgb(23, 59, 107), rgb(106, 135, 199));
    box-shadow: 0 0 2px 1px inset #dddddd;
    font-size: 1.2em;
    font-family: 600;
    border:2px inset rgb(112, 145, 255);
}
.search_box input::placeholder{
    color: rgba(163, 206, 255, 0.5);
}
.search_box input:focus::placeholder{
    opacity: 0;
}
.search_btn{
    position: absolute;
    width: 100px;
    height: 40px;
    top: 21%;
    right: 0;
    font-size: 1em;
    border-radius: 25px;
    background: linear-gradient(rgb(87, 111, 248), rgb(12, 36, 102));
    color: #dddddd;
    box-shadow: 0 3px 5px rgba(156, 156, 156, 0.3);
}
.search_btn.search-open{
    background: linear-gradient(rgb(9, 28, 80), rgb(60, 89, 250));
    box-shadow: 0 3px 3px inset rgba(68, 68, 68, 0.5),
        0 0 10px rgba(71, 181, 255, 0.774);
    color: #a0b3c2;
    border:2px inset rgb(112, 145, 255);
}
.search_box.search-open{
    width: 400px;
    border-radius: 25px;
}
.search_box.search-open input{
    width: 380px;
    padding: 10px 115px 10px 25px;
}
.mobile_search{
    display: none;
}

/* =============================== */
.title_level_2{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    z-index: 4;
}
.title_level_2__link{
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    color: rgb(236, 236, 236);
    transition: 300ms;
    position: relative;
    user-select: none;
    z-index: 1;
}
.title_level_2__link::before{
    content: '';
    height: 3px;
    width: 100%;
    background: rgba(104, 0, 0, 1);
    box-shadow: 0 -10px 20px 2px rgba(255, 179, 179, 0.7);
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.6s;
}
.title_level_2__link:hover::before{
    transform: translateX(0%);
    opacity: 1;
    z-index: -1;
}
.title_level_2__link.open::before{
    background: rgb(0, 84, 240);
    box-shadow: 0 -10px 20px 2px rgba(179, 199, 255, 0.7);
    transform: translateX(0%);
    opacity: 1;
    z-index: -1;
}
.dropdown_window{
    width: 100%;
    height: 0;
    background: linear-gradient(45deg,#3d3d3f, #1e1e22);
    box-shadow: -1px 0 16px inset rgba(0, 0, 0, 1),
        1px 0 6px inset rgba(36, 36, 36, 0.6);
        border-radius: 7px;
    transition: 0.6s;
    opacity: 0;
    transform: scale(0);
    z-index: -6;
}
.dropdown_window.v1{
    display: grid;
    grid-template-rows: 20% 20% 20% 20% 20%;
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.dropdown_window.open{
    height: 500px;
    padding: 30px;
    opacity: 1;
    transform: scale(1);
}
.cell_1_v-1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    text-align: center;
    line-height: 35px;
    padding: 15px;
}
.cell_1_v-1 p{
    font-size: 2em;
    text-shadow: 0 2px 4px black;
}
.cell_1_v-1 button{
    margin: 25px;
    font-size: 1.2em;
    font-weight: 500;
    color: #dddddd;
    padding: 7px 25px;
    background: rgb(29, 82, 255);
    border-radius: 7px;
    box-shadow: 0 3px 8px rgb(53 53 53 / 76%), 0 -2px 4px rgb(226 226 226 / 50%);
    transition: 0.3s;
}
.cell_1_v-1 button:hover{
    box-shadow: 0 0 16px rgb(0, 183, 255);
    transform: scale(1.05);
}
.cell_2_v-1{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4;
    text-align: start;
    display: flex;
    flex-direction: column;
    line-height: 30px;
    padding: 10px;
}
.cell_2_v-1 p{
    text-shadow: 0 2px 4px black;
    line-height: 25px;
    padding-bottom: 15px;
}

.cell_2_v-1 a{
    color: #3498db;
    transition: 0.3s;
    font-size: 1.3em;
}
.cell_2_v-1 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_3_v-1{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    background: #ffffff;
    margin: 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 30px;
    padding: 10px;
    border-radius: 7px;
    position: relative;
}
.cell_3_v-1 p{
    font-size: 0.9em;
    font-weight: 500;
    color: #071620;
    padding-bottom: 35px;
    text-transform: uppercase;
}
.cell_3_v-1 p span{
    font-size: 2.4em;
    font-weight: 600;
    text-shadow: 0 2px 4px #0d0d11;
    color: rgb(184, 48, 48);
}
.cell_3_v-1 img{
    width: 80%;
    border-radius: 7px;
}
.cell_3_v-1 a{
    font-size: 1.4em;
    font-weight: 600;
    color: #040197;
    position: absolute;
    bottom: 20px;
}
.cell_3_v-1 a::after{
    content: '\203A';
    font-size: 2em;
    position: relative;
    top: 5px;
    left: 20px;
    transition: 0.6s;
}
.cell_3_v-1 a:hover::after{
    left: 60px;
}
.cell_4_v-1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    text-align: start;
    display: flex;
    align-items: center;
    padding: 10px;
    position: relative;
}
.cell_4_v-1 a{
    font-size: 1.5em;
    color: #3498db;
    transition: 0.3s;
}
.cell_4_v-1 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.a-2{
    position: relative;
    left: 40px;
}
.cell_5_v-1{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    text-align: start;
    display: flex;
    align-items: center;
    padding: 10px;
}
.cell_5_v-1 a{
    font-size: 1.5em;
    color: #3498db;
    transition: 0.3s;
}
.cell_5_v-1 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_6_v-1{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    background: #ffffff;
    margin: 5px;
    text-align: center;
    line-height: 30px;
    padding: 10px;
    border-radius: 7px;
}
.cell_6_v-1 p{
    font-size: 1.1em;
    font-weight: 500;
    color: #071620;
}
.cell_6_v-1 a{
    font-size: 1.1em;
    font-weight: 500;
    color: #040197;
    position: relative;
    left: -10px;
    transition: 0.3s;
}
.cell_6_v-1 a:hover{
    text-shadow: 0 0 20px #0b0925;
}
.cell_6_v-1 a::before{
    content: url(../images/icons/calendar_2.png);
    position: relative;
    right: 10px;
    top: 2px;
}
.cell_7_v-1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
    text-align: start;
    display: flex;
    align-items: center;
    padding: 10px;
}
.cell_7_v-1 a{
    font-size: 1.8em;
    color: #3498db;
    transition: 0.3s;
}
.cell_7_v-1 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_8_v-1{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    text-align: start;
    display: flex;
    align-items: center;
    padding: 10px;
}
.cell_8_v-1 a{
    font-size: 1.8em;
    color: #3498db;
    padding-bottom: 15px;
    transition: 0.3s;
}
.cell_8_v-1 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_8_v-1 a::after{
    content: '\203A';
    font-size: 1.8em;
    position: relative;
    top: 5px;
    left: 20px;
    transition: 0.6s;
}
.cell_8_v-1 a:hover:after{
    left: 60px;
}
.dropdown_window.v2{
    display: grid;
    grid-template-rows: 20% 20% 20% 20% 20%;
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.cell_1_v-2{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 5;
    text-align: start;
    display: flex;
    flex-direction: column;
    line-height: 30px;
    padding: 10px;
}
.cell_1_v-2 p{
    text-shadow: 0 2px 4px black;
    line-height: 25px;
    padding-bottom: 15px;
    font-size: 1.2em;
}
.cell_1_v-2 a{
    color: #3498db;
    transition: 0.3s;
    font-size: 1.3em;
}
.cell_1_v-2 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_1_v-2 button{
    margin: 25px;
    font-size: 1.2em;
    font-weight: 500;
    color: #dddddd;
    padding: 7px 25px;
    background: rgb(29, 82, 255);
    border-radius: 7px;
    box-shadow: 0 3px 8px rgb(53 53 53 / 76%), 0 -2px 4px rgb(226 226 226 / 50%);
    transition: 0.3s;
}
.cell_1_v-2 button:hover{
    box-shadow: 0 0 16px rgb(0, 183, 255);
    transform: scale(1.05);
}
.img_box{
    max-width: 100%;
    padding: 0 30px 30px 30px;
}
.img_box img{
    width: 100%;
}
.cell_2_v-2{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 5;
    text-align: start;
    display: flex;
    flex-direction: column;
    line-height: 35px;
    padding: 10px;
}
.cell_2_v-2 p{
    text-shadow: 0 2px 4px black;
    line-height: 23px;
    font-size: 1.2em;
}
.p-2{
    padding-top: 20px;
}
.cell_2_v-2 a{
    color: #3498db;
    transition: 0.3s;
    font-size: 1.3em;
}
.cell_2_v-2 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_3_v-2{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    background: #ffffff;
    margin: 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 30px;
    padding: 10px;
    border-radius: 7px;
    position: relative;
}
.cell_3_v-2 p{
    font-size: 0.9em;
    font-weight: 500;
    color: #071620;
    padding-bottom: 35px;
    text-transform: uppercase;
}
.cell_3_v-2 img{
    width: 80%;
    border-radius: 7px;
}
.cell_3_v-2 a{
    font-size: 1.4em;
    font-weight: 600;
    color: #011897;
    position: absolute;
    bottom: 20px;
}
.cell_3_v-2 a::after{
    content: '\203A';
    font-size: 2em;
    position: relative;
    top: 5px;
    left: 20px;
    transition: 0.6s;
}
.cell_3_v-2 a:hover::after{
    left: 60px;
}
.cell_4_v-2{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    background: #ffffff;
    margin: 5px;
    text-align: center;
    line-height: 30px;
    padding: 10px;
    border-radius: 7px;
}
.cell_4_v-2 p{
    font-size: 1.1em;
    font-weight: 500;
    color: #071620;
}
.cell_4_v-2 a{
    font-size: 1.1em;
    font-weight: 500;
    color: #040197;
    position: relative;
    left: -10px;
    transition: 0.3s;
}
.cell_4_v-2 a:hover{
    text-shadow: 0 0 16px #160925;
}
.cell_4_v-2 a::before{
    content: url(../images/icons/calendar_2.png);
    position: relative;
    right: 10px;
    top: 2px;
}
.cell_5_v-2{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 10px;
}
.cell_5_v-2 a{
    font-size: 1.8em;
    color: #3498db;
    padding-bottom: 15px;
    transition: 0.3s;
}
.cell_5_v-2 a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
.cell_5_v-2 a::after{
    content: '\203A';
    font-size: 1.8em;
    position: relative;
    top: 5px;
    left: 20px;
    transition: 0.6s;
}
.cell_5_v-2 a:hover:after{
    left: 60px;
}
p .a-3{
    font-size: 1.8em;
    color: #3498db;
    padding-bottom: 15px;
    transition: 0.3s;
}
p .a-3:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}
p .a-3::after{
    content: '\203A';
    font-size: 1.8em;
    position: relative;
    top: 5px;
    left: 440px;
    transition: 0.6s;
}
p .a-3:hover:after{
    left: 500px;
}
.dropdown_window.v3{
    display: grid;
    grid-template-rows: 20% 20% 20% 20% 20%;
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.cell_1_v-3{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    text-align: center;
    display: flex;
    flex-direction: column;
    line-height: 30px;
    padding: 10px;
}
.cell_1_v-3 p{
    text-shadow: 0 2px 4px black;
    line-height: 35px;
    padding-bottom: 15px;
    font-size: 2em;
}
.cell_1_v-3 button{
    margin: 25px;
    font-size: 1.2em;
    font-weight: 500;
    color: #dddddd;
    padding: 7px 25px;
    background: rgb(29, 82, 255);
    border-radius: 7px;
    box-shadow: 0 3px 8px rgb(53 53 53 / 76%), 0 -2px 4px rgb(226 226 226 / 50%);
    transition: 0.3s;
}
.cell_1_v-3 button:hover{
    box-shadow: 0 0 16px rgb(0, 183, 255);
    transform: scale(1.05);
}
.cell_2_v-3{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 5;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.cell_3_v-3{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 5;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.cell_4_v-3{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 6;
    background: #ffffff;
    margin: 5px 35px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 30px;
    padding: 10px;
    border-radius: 7px;
    position: relative;
}
.cell_4_v-3 p{
    font-size: 0.9em;
    font-weight: 500;
    color: #071620;
    padding-bottom: 35px;
    text-transform: uppercase;
}
.cell_4_v-3 img{
    width: 80%;
    border-radius: 7px;
}
.cell_4_v-3 a{
    font-size: 1.4em;
    font-weight: 600;
    color: #040197;
    position: absolute;
    bottom: 20px;
}
.cell_4_v-3 a::after{
    content: '\203A';
    font-size: 2em;
    position: relative;
    top: 5px;
    left: 20px;
    transition: 0.6s;
}
.cell_4_v-3 a:hover::after{
    left: 60px;
}
.cell_v-3__box{
    width: 100%;
    padding: 10px 10px 10px 60px;
    display: flex;
    align-items: center;
}
.cell_v-3__box img{
    padding-right: 10px;
}
.cell_v-3__box a{
    color: #3498db;
    transition: 0.3s;
    font-size: 1.5em;
}
.cell_v-3__box a:hover{
    text-shadow: 0 0 16px rgb(0, 183, 255);
}

/* ========================================= */
.title_level_3{
    max-width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    user-select: none;
}
.log_in_account{
    display: none;
    font-size: 1.3em;
    font-weight: 500;
    color: #dddddd;
    background: linear-gradient(45deg,rgb(65, 0, 0), rgb(0, 28, 65));
    box-shadow: -25px 0 45px rgb(65, 0, 0), 25px 0 45px rgb(0, 28, 65);
    width: 200px;
    padding: 0.8em;
    border-radius: 50px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    transition: 0.3s;
}
.log_in_account.active{
    box-shadow: -55px 0 45px rgb(90, 0, 0), 55px 0 45px rgb(0, 43, 99);
}
.title_section_3-1{
    width: 24%;
    height: 500px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.title_box_1{
    width: 100%;
    height: 72%;
    background: linear-gradient(55deg, rgba(104, 0, 0, 0.7) 60%, rgba(109, 0, 0, 0.7) 40%) ;
    box-shadow: 0px 4px 8px rgb(39, 39, 39);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    position: relative;
}
.title_box__input{
    width: 80%;
    height: 12%;
    margin-top: 20px;
    padding-left: 15px;
    font-size: 1.2em;
    font-weight: 600;
    border-radius: 7px;
    background: linear-gradient(55deg, rgb(97, 97, 97), rgb(184, 184, 184));
}
.title_box__input::placeholder{
    color: rgb(219, 219, 219);
}
.title_box__input:focus{
    box-shadow: 0 0 10px #8a8a8a;
    background: rgb(245, 245, 245);
}
#title_box__checkbox{
    width: 7%;
    height: 7%;
    border: none;
    position: relative;
    left: -35%;
    top: 20px;
}
.title_checkbox__txt{
    font-size: 1.2em;
    color: #dddddd;
    position: relative;
    left: -6%;
    top: -2px;
}
.title_btn__sign_in{
    margin: 20px 0 20px 0;
    width: 80%;
    height: 12%;
    font-size: 1.3em;
    font-weight: 600;
    color: #dddddd;
    border: 2px solid #dddddd;
    border-radius: 7px;
    transition: 0.1s;
    background: linear-gradient(55deg, rgba(104, 0, 0, 0.7) 80%, rgba(109, 0, 0, 0.7) 20%);
}
.title_btn__sign_in:active{
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(0, 0, 0, 0);
}

.title_container__link{
    width: 80%;
    height: 15%;
    line-height: 2em;
    margin-bottom: 9px;
}
.title_container-2__link{
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
}
.title_container__link a{
    color: #b9b9b9;
    transition: 0.6s;
}
.title_container__link a:hover{
    color: #ffffff;
    text-shadow: 0 0 3px rgb(252, 54, 54);
}
.open_account__btn{
    width: 100%;
    height: 13%;
    border-radius: 0 0 7px 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a8a8a8;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.6s;
}
.open_account__btn::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(39, 0, 0, 0.5);
    z-index: -1;
    transform: translateY(100%);
    transition: 0.6s;
}
.open_account__btn:hover::after{
    transform: translateY(0%);
}
.open_account__btn:hover{
    color: #dddddd;
    text-shadow: 0 0 5px rgb(255, 51, 51);
}
.title_box_2{
    width: 100%;
    height: 25%;
    background: linear-gradient(55deg, rgba(0, 70, 175, 0.7) 60%, rgba(10, 76, 175, 0.7) 40%) ;
    box-shadow: 0px 4px 8px rgb(39, 39, 39);
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
.location_link{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a8a8a8;
    position: relative;
    transition: 0.6s;
    z-index: 1;
}
.location_link::before{
    content: url(../images/icons/pin.png);
    position: absolute;
    top: -5%;
    left: 5%;
    opacity: 0.3;
    z-index: -1;
}
.location_link::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(39, 0, 0, 0.5);
    z-index: -1;
    transform: translateX(-100%);
    transition: 0.6s;
}
.location_link:hover::after{
    transform: translateX(0%);
}
.location_link:hover{
    color: #dddddd;
    text-shadow: 0 0 5px rgb(96, 120, 255);
}
.appointment_link{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a8a8a8;
    position: relative;
    transition: 0.6s;
    z-index: 1;
}
.appointment_link::before{
    content: url(../images/icons/calendar.png);
    position: absolute;
    top: 4%;
    left: 5%;
    opacity: 0.3;
    z-index: -1;
}
.appointment_link::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(39, 0, 0, 0.5);
    z-index: -1;
    transform: translateX(-100%);
    transition: 0.6s;
}
.appointment_link:hover::after{
    transform: translateX(0%);
}
.appointment_link:hover{
    color: #dddddd;
    text-shadow: 0 0 5px rgb(96, 120, 255);
}

.title_section_3-2{
    width: 74%;
    height: 500px;
}
.card_title__spase_txt{
    width: 100%;
    height: 16%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_title__txt{
    font-size: 2.5em;
    font-weight: 500;
    text-shadow: 2px 0 7px #3498db, -2px 0 7px #3498db;
    user-select: none;
}
.card_box_spase{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.card_box{
    width: 24%;
    height: 84%;
    padding: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 3px rgb(82, 82, 82);
    transition: 0.6s;
}
.card_box:hover{
    box-shadow: 0 0 5px rgb(52, 91, 141);
}
.card_box:hover .card_image{
    transform: perspective(600px) scale(1.05) rotateY(-25deg) translateX(-4%);
}
.card_box:hover .card_image img{
    box-shadow: 1px 0 1px 2px rgba(71, 71, 71, 0.6);
    border-radius: 10px;
}
.card_name{
    font-size: 1em;
    user-select: none;
}
.card_image{
    padding: 25px 5px 25px 5px;
    max-width: 220px;
    user-select: none;
    transition: 0.6s;
}
.card_image img{
    max-width: 100%;
    transition: 0.6s;
}
.card__txt_s{
    font-size: 1em;
}
.card_spec{
    color: rgb(175, 53, 53);
    font-size: 1em;
    font-weight: 500;
    padding: 1em 0 1em 0;
    user-select: none;
}
.card_spec__span{
    font-size: 3em;
    position: relative;
}
.card_box:nth-child(1) .card_spec__span::before{
    content: '$';
    font-size: 0.6em;
    position: absolute;
    top: 13px;
    left: -15px;
}
.card_box:nth-child(2) .card_spec__span::before{
    content: '$';
    font-size: 0.6em;
    position: absolute;
    top: 13px;
    left: -15px;
}
.card__link{
    font-size: 1.2em;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(54, 54, 54, 0.1);
    color: #dddddd;
    height: 35%;
    width: 100%;
    user-select: none;
}
.card__link:hover{
    background: linear-gradient(55deg, rgba(54, 54, 54, 0.1 ) 60%, rgba(75, 75, 75, 0.1) 40%);
}
.card__link-mobile{
    display: none;
}

/* ------------------------------------------------------------------SERVICES------------------------------------------------------------------------------------------- */
.services{
    padding: 100px 0 50px 0;
}
.serv_spase{
    width: 100%;
    height: 800px;
    clip-path: polygon(100% 0, 100% 89%, 78% 91%, 54% 93%, 27% 96%, 0 100%, 0 0);
    background: rgba(51, 61, 82, 0.856);
    border-radius: 45px 0 0 0;
    overflow: hidden;
}
.serv_spase_l1{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.s_s_l1_box{
    width: 49.5%;
    height: 100%;
    position: relative;
}
.s_s_l1_box:nth-child(1){
    background: url(../images/open_a_checkinh_account.webp) center / cover no-repeat;
}
.s_s_l1_box:nth-child(2){
    background: url(../images/working_together_to_create_jobs_for_our_communities.webp) center / cover no-repeat;
}
.s_s_l1_title{
    width: 50%;
    height: 60%;
    position: absolute;
    top: 50px;
    left: 50px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.s_s_l1__first_txt{
    font-size: 1.3em;
    font-weight: 400;
    color: rgb(175, 53, 53);
}
.s_s_l1__second_txt{
    font-weight: 400;
    color: rgb(14, 14, 14);
    line-height: 20px;
}
.s_s_l1__link{
    font-size: 1.2em;
    font-weight: 500;
    color: rgb(9, 14, 44);
}
.s_s_l1__link::after{
    content: '\203A';
    font-size: 2.5em;
    position: relative;
    top: 7px;
    left: 10px;
    transition: 0.6s;
}
.s_s_l1__link:hover::after{
    left: 40px;
}
.serv_spase_l2{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px 0 15px;
    position: relative;
}
.serv_box_image img{
    height: 100%;
}
.s_s_l2_box{
    padding: 0 20px 0 20px;
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: start;
    justify-content: space-between;
}
.s_s_l2__first_txt{
    font-size: 1.5em;
    font-weight: 400;
    color: rgb(175, 53, 53);
    padding-bottom: 25px;
}
.img_container-1{
    position: relative;
    top: -40px;
    left: 0;
    max-width: 150px;
}
.img_container-1 img{
    width: 100%;
}
.img_container-2{
    position: relative;
    top: -20px;
    left: 0;
    max-width: 100px;
}
.img_container-2 img{
    width: 50%;
}
.img_container-3{
    position: relative;
    top: -15px;
    left: 5px;
    max-width: 100px;
}
.img_container-3 img{
    width: 45%;
}
.img_container-4{
    position: relative;
    top: -25px;
    left: 0;
    max-width: 200px;
}
.img_container-4 img{
    width: 100%;
}
.s_s_l2__second_txt{
    font-weight: 400;
    color: #dddddd;
    line-height: 20px;
    padding-bottom: 25px;
}
.s_s_l2__link{
    font-size: 1.2em;
    font-weight: 500;
    color: rgb(186, 193, 235);
}
.s_s_l2__link::after{
    content: '\203A';
    font-size: 2.5em;
    position: relative;
    top: 7px;
    left: 10px;
    transition: 0.6s;
}
.s_s_l2__link:hover:after{
    left: 40px;
}


.s_s_l2_line{
    content: '';
    width: 2px;
    height: 100%;
    background-color: rgba(82, 100, 131, 0.459);
}

/* --------------------------------------------FINANCIAL------------------------------------------- */

.fin_title{
    text-align: center;
}
.fin_title__txt_b{
    padding-top: 30px;
    font-size: 3em;
}
.fin_title__txt_s{
    padding-top: 20px;
    font-size: 1.2em;
}
.fin_section{
    margin-top: 20px;
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.fin_section_slider{
    display: none;
}
.fin_box{
    width: 25%;
    height: 100%;
    position: relative;
}
.fin_box:nth-child(1){
    background: url(../images/savings.jpg)  center / cover no-repeat;
    background-size: cover;
}
.fin_box:nth-child(2){
    background: url(../images/credit_card.jpg)  center / cover no-repeat;
    background-size: cover;
}
.fin_box:nth-child(3){
    background: url(../images/line_of_credit.jpg) center / cover no-repeat;
    background-size: cover;
}
.fin_box:nth-child(4){
    background: url(../images/student.jpeg) center / cover no-repeat;
    background-size: cover;
}
.fin_box_window{
    width: 80%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 7px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
}
.fin_box_window::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(15, 56, 109, 0.8);
    position: absolute;
    transform: translateX(-100%);
    transition: 0.6s;
}
.fin_box_window__link{
    line-height: 25px;
    font-size: 1.2em;
    font-weight: 600;
    color: rgb(14, 14, 14);
    transition: 0.6s;
    z-index: 1;
}
.fin_box_window__link.child-1::before{
    content: url(../images/icons/piggy_bank.png);
    position: absolute;
    top: -8%;
    right: 1%;
    opacity: 0.2;
    transition: 0.6s;
    z-index: -1;
}
.fin_box_window__link.child-2::before{
    content: url(../images/icons/add_credit_card.png);
    position: absolute;
    top: -4%;
    right: 1%;
    opacity: 0.2;
    transition: 0.6s;
    z-index: -1;
}
.fin_box_window__link.child-3::before{
    content: url(../images/icons/bank.png);
    position: absolute;
    top: 6%;
    right: 1%;
    opacity: 0.2;
    transition: 0.6s;
    z-index: -1;
}
.fin_box_window__link.child-4::before{
    content: url(../images/icons/bank-form.png);
    position: absolute;
    top: 6%;
    right: -2%;
    opacity: 0.2;
    transition: 0.6s;
    z-index: -1;
}

.fin_box_window:hover .fin_box_window__link{
    color: #dddddd;
    text-shadow: 0 0 6px rgb(10, 10, 10);
    z-index: 2;
}
.fin_box_window:hover .fin_box_window__link::before{
    opacity: 0.4;
}
.fin_box_window:hover::before{
    transform: translateX(0%);
}

.visit__btn{
    background: rgb(29, 82, 255);
    font-size: 1.3em;
    color: #dddddd;
    padding: 6px 15px;
    border-radius: 7px;
    margin: 25px;
    transition: 0.1s;
}

.visit__btn:active{
    transform: scale(0.9);
}

/* ----------------------------------------------------------NEWS & INFORMATION----------------------------------------------------- */

.news_title{
    text-align: center;
    margin-bottom: 30px;
}
.news_title__txt{
    padding-top: 70px;
    font-size: 3em;
}
.info_section_first{
    width: 100%;
    height: 900px;
}
.info__level-1{
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: space-between;
}
.info_l1__txt_box{
    width: 50%;
    height: 100%;
    padding-top: 150px;
    padding-left: 100px;
}
.info_l1__txt_b{
    font-family: "Poppins", sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    color: rgb(175, 53, 53);
    padding-bottom: 20px;
}
.info_l1__txt_m{
    font-family: "Poppins", sans-serif;
    font-size: 2em;
    font-weight: 600;
    color: #dddddd;
    padding-bottom: 20px;
}
.info_l1__txt_s{
    font-family: "Poppins", sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    color: #dddddd;
    line-height: 27px;
    padding-bottom: 20px;
}
.info__btn{
    padding: 10px 15px;
    font-size: 1.1em;
    font-weight: 500;
    color: #dddddd;
    background: rgb(29, 82, 255);
    border-radius: 7px;
    box-shadow: 0 3px 8px rgba(53, 53, 53, 0.76),
    0 -2px 4px rgba(226, 226, 226, 0.5);
    transition: 0.1s;
}
.info__btn:active{
    box-shadow: 0 0 16px rgb(0, 183, 255);
    transform: scale(0.9);
}
.info_l1__img{
    width: 50%;
    height: 100%;
    padding: 70px 0 0 130px;
    position: relative;
}
.info_l1__img img{
    position: absolute;
    left: 20%;
    bottom: -10%;
    width: 72%;
}
.info__level-2{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(140deg, rgb(5, 9, 43), rgb(19, 42, 255), rgb(19, 42, 255), rgb(86, 184, 241) , rgb(19, 42, 255),rgb(11, 25, 146), rgb(0, 6, 56));
    clip-path: polygon(49% 2%, 78% 0, 100% 0, 100% 100%, 0 100%, 0 10%, 26% 5%);
    z-index: 2;
}
.info_l2__txt_box{
    width: 50%;
    height: 100%;
    padding-top: 100px;
    padding-left: 100px;
}
.info_l2__txt{
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 40px;
    color: #dddddd;
    padding-bottom: 20px;
}
.info_l2__img{
    width: 50%;
    height: 100%;
    padding: 70px 0 0 130px;
    position: relative;
}
.info_l2__img img{
    position: absolute;
    width: 40%;
    bottom: -2px
}

.info_section_second{
    width: 100%;
    background: linear-gradient(45deg,#2e2e36, #16161d);
    box-shadow: -1px 0 6px inset rgba(19, 43, 255, 0.6),
    1px 0 6px inset rgba(200, 206, 255, 0.6);
    padding: 50px;
}
.info_s_s__link{
    color: #3498db;
}
.info_s_s__link:active{
    text-shadow: 0 0 5px #3498db;
}
.info_s_s__txt{
    font-size: 0.9em;
    line-height: 20px;
}

.net{
    margin-top: 10px;
    border: 1px solid #dddddd;
    height: 150px;
    width: 100%;
}
.net_level{
    border: 1px solid #dddddd;
    width: 100%;
    height: 50%;
    display: flex;
    gap: 1px #dddddd;
}
.net__box-1{
    border: 1px solid #dddddd;
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    text-align: center;
}
.net__box-2{
    border: 1px solid #dddddd;
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    text-align: center;
}
.net__box-3{
    border: 1px solid #dddddd;
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    text-align: center;
}

/* ---------------------------------------------Footer--------------------------------------------------------- */

footer{
    background: #071620;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    user-select: none;
}
.footer_level-1{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 25px;
}
.footer_level-1 a{
    color: #dddddd;
    transition: 0.1s;
    padding: 10px;
}
.footer_level-1 a:active{
    text-shadow: 0 0 20px rgb(0, 183, 255);
    color: rgb(255, 255, 255);
}
.footer_level-2{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 15px;
}
.footer_level-2 p{
    font-size: 1.2em;
    line-height: 20px;
}
.contact_link{
    margin-top: 10px;
    width: 20%;
    display: flex;
    justify-content: space-around;
    padding-bottom: 15px;
}
.contact_link a i{
    font-size: 2.5em;
    color: #dddddd;
    transition: 0.3s;
    padding: 5px;
}
.contact_link a i:hover{
    transform: scale(1.25);
}
.fotter_level-2 p:nth-child(3) {
    font-size: 0.9em;
}
.fotter_level-2 p:nth-child(4) {
    font-size: 0.8em;
    
}

@media screen and (max-width: 1320px){
    .container{
        max-width: 1240px;
    }
    .container_max{
        max-width: 1240px;
    }
    p{
        font-size: 0.9em;
    }
    .location_link{
        font-size: 0.9em;
    }
    .appointment_link{
        font-size: 0.9em;
    }
    .cell_4_v-3{
        margin: 40px 0 0 0;
    }
}

@media screen and (max-width: 1200px){
    .container{
        max-width: 960px;
    }
    .container_max{
        max-width: 960px;
    }
    h1{
        font-size: 2em;
    }
    .nav_item{
        font-size: 0.9em;
    }
    .title_level_2__link{
        font-size: 1.2em;
    }
    .cell_1_v-1{
        line-height: 30px;
    }
    .cell_1_v-1 p{
        font-size: 1.5em;
    }
    .cell_1_v-1 button{
        font-size: 0.9em;
        padding: 5px 15px;
    }
    .cell_2_v-1{
        line-height: 25px;
    }
    .cell_2_v-1 p{
        line-height: 20px;
        padding-bottom: 10px;
    }
    .cell_2_v-1 a{
        font-size: 1.2em;
    }
    .cell_3_v-1{
        line-height: 30px;
    }
    .cell_3_v-1 p{
        font-size: 0.7em;
    }
    .cell_3_v-1 p span{
        font-size: 2.2em;
    }
    .cell_3_v-1 a{
        font-size: 1.2em;
    }
    .cell_3_v-1 a::after{
        left: 15px;
    }
    .cell_3_v-1 a:hover::after{
        left: 40px;
    }
    .cell_4_v-1 a{
        font-size: 1.4em;
    }
    .cell_5_v-1 a{
        font-size: 1.4em;
    }
    .cell_6_v-1 p{
        font-size: 1em;
    }
    .cell_6_v-1 a{
        font-size: 1em;
    }
    .cell_7_v-1 a{
        font-size: 1.6em;
    }
    .cell_8_v-1 a{
        font-size: 1.6em;
    }

    .cell_1_v-2 p{
        font-size: 1.1em;
    }
    .cell_1_v-2 a{
        font-size: 1.2em;
    }
    .cell_1_v-2 button{
        font-size: 1em;
        padding: 5px 15px;
    }
    .cell_2_v-2 p{
        font-size: 1em;
    }
    .cell_2_v-2 a{
        font-size: 1em;
    }
    .cell_3_v-2 p{
        font-size: 0.7em;
    }
    .cell_3_v-2 a{
        font-size: 1.2em;
    }
    .cell_4_v-2 p{
        font-size: 1em;
    }
    .cell_4_v-2 a{
        font-size: 1em;
    }
    .cell_5_v-2 a{
        font-size: 1.6em;
    }
    p .a-3{
        font-size: 1.6em;
    }
    p .a-3::after{
        left: 400px;
    }
    p .a-3:hover:after{
        left: 420px;
    }

    .cell_1_v-3 p{
        font-size: 1.5em;
    }
    .cell_1_v-3 button{
        font-size: 0.9em;
        padding: 5px 15px;
        margin: 5px;
    }
    .cell_4_v-3 p{
        font-size: 0.7em;
    }
    .cell_4_v-3 a{
        font-size: 1.2em;
    }
    .cell_v-3__box a{
        font-size: 1.3em;
    }

    .title_level_3{
        flex-direction: column;
        position: relative;
    }
    .log_in_account{
        display: block;
    }
    .title_section_3-1{
        width: 50%;
        height: 0;
        position: relative;
        top: 0;
        left: 50%;
        transform: translate(-50%) scale(0);
        transition: 0.3s;
    }
    .title_section_3-1.visible{
        height: 500px;
        transform: scale(1);
        position: relative;
        top: 20px;
        left: 50%;
        transform: translate(-50%);
        margin-bottom: 15px;
    }
    .title_section_3-2{
        width: 100%;
    }
    .title_box__input{
        font-size: 1em;
    }
    .title_checkbox__txt{
        font-size: 1em;
        left: -6%;
        top: 0;
    }
    .title_btn__sign_in{
        font-size: 1.1em;
    }
    .title_container__link a{
        font-size: 0.9em;
    }
    .card_title__txt{
        font-size: 2em;
    }
    .card_name{
        font-size: 0.9em;
    }

    .s_s_l2__first_txt.child-1::before{
        top: -85px;
        left: 0;
    }
    .s_s_l2__first_txt.child-2::before{
        top: -50px;
        left: 0px;
    }
    .s_s_l2__first_txt.child-3::before{
        top: -50px;
        left: 0;
    }
    .s_s_l2__first_txt.child-4::before{
        top: -75px;
        left: 0;
    }

    .card__txt_s{
        font-size: 0.9em;
    }
    .card__link{
        font-size: 1em;
    }
    .net__box-1{
        font-size: 1.1em;
        padding: 15px;
        line-height: 15px;
    }
    .net__box-2{
        font-size: 1.1em;
        padding: 15px;
        line-height: 15px;
    }
    .net__box-3{
        font-size: 1.1em;
        padding: 15px;
        line-height: 15px;
    }
    .footer_level-1{
        padding: 15px;
    }
    .footer_level-1 a{
        font-size: 0.8em;
    }
    .footer_level-2{
        padding: 25px;
    }
    .basement p{
        font-size: 0.9em;
    }
    .a-2{
        left: 10px;
    }
}

@media screen  and (max-width: 992px){
    .container{
        padding-top: 4em;
        max-width: 750px;
    }
    .container_max{
        display: none;
    }
    .top_color{
        display: none;
    }
    .nav_bar{
        display: none;
    }
    .header_mobile{
        width: 100%;
        height: 65px;
        background: linear-gradient(rgb(13, 19, 70), rgb(10, 36, 59));
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px 0 20px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 20;
    }
    .header_mobile::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(rgb(13, 19, 70), rgb(10, 36, 59));
        z-index: 21;
    }
    .header_mobile>a{
        font-size: 40px;
        color: #bdf5ff;
        z-index: 22;
    }
    .header_mobile img{
        width: 3em;
        z-index: 22;
    }
    .mobile_menu-1_window{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 100px 15px 15px 15px;
        background: linear-gradient(rgb(13, 19, 70), rgb(10, 36, 59));
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translate(-100%, -100%);
        transition: 0.6s;
        z-index: 20;
    }
    .mobile_menu-1_window.open{
        transform: translate(0, 0);
    }
    .mobile_menu-1_window ul{
        display: block;
        text-align: center;
    }
    .mobile_menu-1_window ul li{
        padding: 10px 0 10px 0;
    }
    .mobile_menu-1_window ul li a{
        font-size: 4em;
        text-shadow: 0 0 3px #98c8ffc7;
        color: #98c8ffc7;
        transition: 0.1s;
    }
    .mobile_menu-1_window ul li a:active{
        color: #dddddd;
    }
    .mobile_menu-2_window{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 100px 15px 15px 15px;
        background: linear-gradient(rgb(13, 19, 70), rgb(10, 36, 59));
        display: flex;
        justify-content: center;
        flex-direction: column;
        transform: translate(100%, -100%);
        transition: 0.6s;
        gap: 56px;
        z-index: 20;
    }
    .mobile_menu-2_window.open{
        transform: translate(0, 0);
    }
    .mobile_menu-2_window ul{
        display: block;
        line-height: 30px;
        text-align: center;
    }
    .mobile_menu-2_window ul li{
        padding: 10px 0 10px 0;
    }
    .mobile_menu-2_window ul li a{
        font-size: 3.5em;
        transition: 0.1s;
        text-shadow: 0 0 3px #98c8ffc7;
        color: #98c8ffc7;
    }
    .mobile_menu-2_window ul li a:active{
        color: #dddddd;
    }
    .title_level_2{
        display: none;
    }
    .services{
        padding: 30px 0 50px 0;
    }
    .serv_spase{
        height: 300px;
    }
    .serv_spase_l1{
        height: 100%;
    }
    .s_s_l1_box{
        width: 49.5%;
        height: 80%;
    }
    .s_s_l1_title{
        width: 70%;
        height: 75%;
        bottom: 0;
        left: 0;
    }
    .s_s_l1__first_txt{
        font-size: 1em;
        font-weight: 400;
        color: rgb(175, 53, 53);
    }
    .s_s_l1__second_txt{
        font-weight: 400;
        color: rgb(14, 14, 14);
        line-height: 20px;
    }
    .s_s_l1__link{
        font-size: 1.1em;
        font-weight: 500;
        color: rgb(9, 14, 44);
    }
    .serv_spase_l2{
        display: none;
    }

    .fin_section{
        display: none;
    }
    .fin_title__txt_b{
        font-size: 2.5em;
    }
    .fin_section_slider {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .slider {
        width: 80%;
        border-radius: 7px;
    }
    .viewport {
        margin: 15px 0;
        border-radius: 7px;
        overflow: hidden;
    }
    .slide-list {
        display: flex;
        width: 100%;
        transition: 1s;
    }
    .slide {
        flex: 1 0 100%;
        position: relative;
    }
    .slide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .fin_box_mobile {
        width: 100%;
        height: 30%;
        background: #ddddddaf;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 20px;
        z-index: 2;
    }
    .fin_box_mobile__link {
        font-size: 1.4em;
        font-weight: 500;
        color: #070707;
    }
    .fin_box_mobile:active{
        background: linear-gradient(rgba(71, 164, 240, 0.527), rgba(36, 40, 238, 0.726));
    }
    .next, .prev{
        position: absolute;
        top: 40%;
        left: 0;
        width: 60px;
        height: 100px;
        border-radius: 15px;
        border: none;
        outline: none;
        background-color: rgba(57, 86, 168, 0.2);
        z-index: 2;
    }
    .prev:active{
        transform: scale(0.95);
    }
    .next {
        left: auto;
        right: 0;
    }
    .next:active{
        transform: scale(0.9);
    }
    .symbol {
        font-size: 35px;
        opacity: 0.4;
    }

    .news_title{
        text-align: center;
        margin-bottom: 10px;
    }
    .news_title__txt{
        padding-top: 10px;
        font-size: 2.5em;
    }
    .visit__btn:active{
        box-shadow: 0 0 4px 0 #3498db inset, 0 0 8px 4px #3498db;
        transform: scale(0.9);
    }

    .info_section_first{
        width: 100%;
        height: 770px;
    }
    .info_l1__txt_box{
        position: relative;
        bottom: 40px;
    }
    .info_l1__txt_b{
        font-size: 2em;
        padding-bottom: 20px;
    }
    .info_l1__txt_m{
        font-size: 1.5em;
        padding-bottom: 20px;
    }
    .info_l1__txt_s{
        font-size: 1em;
        line-height: 27px;
        padding-bottom: 20px;
    }
    .info_l1__img img{
        position: absolute;
        left: 20%;
        bottom: -4%;
        width: 72%;
    }
    .info_l1__img{
    padding: 0;
    }
    .info_l2__txt_box{
        width: 50%;
        height: 100%;
        padding-top: 50px;
        padding-left: 100px;
    }
    .info_l2__txt{
        font-size: 2em;
        font-weight: 400;
    }
    .info_l2__img img{
        width: 50%;
    }
}

@media screen and (max-width: 768px){
    .container{
        padding: 4em 0 0 0;
        max-width: 560px;
    }
    h1{
        font-size: 2.5em;
        text-shadow: 0 1px 2px lightblue;
    }
    .title_section_1-1{
        padding: 20px 0 20px 0;
        max-width: 100%;
        justify-content: end;
        text-align: center;
        position: relative;
        left: 52%;
        transform: translate(-50%);
    }
    .title_section_1-1 img{
        display: none;
    }
    .title_section_1-2{
        display: none;
    }
    .title_section_1-2m{
        width: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        padding: 0 20px;
    }
    .mobile_search{
        max-width: 500px;
        position: relative;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: end;
    }
    .search_body{
        width: 0;
        height: 50px;
        background: linear-gradient(55deg, rgb(66, 213, 233), rgb(25, 29, 253));
        padding: 5px 25px 5px 15px;
        border-radius: 15px 0 0 15px;
        display: flex;
        align-items: center;
        position: relative;
        right: -45px;
        transition: 0.6s;
        transform: scale(0.5);
        overflow: hidden;
    }
    .search_body.open{
        width: 400px;
        transform: scale(1);
    }
    .search_body input{
        width: 100%;
        height: 100%;
        padding: 0 25px 0 15px;
        border-radius: 15px;
    }
    .search_body input::placeholder{
        font-size: 1.1em;
    }
    .search_body input:focus::placeholder{
        opacity: 0;
    }
    .mobile_search_btn{
        height: 50px;
        width: 90px;
        border-radius: 15px;
        z-index: 5;
        background: rgb(0, 46, 145);
        color: #dddddd;
    }
    .mobile_search_btn.open{
        background: linear-gradient(55deg, rgb(66, 213, 233), rgb(25, 29, 253));
    }

    .title_section_3-1{
        width: 90%;
        height: 0;
        position: relative;
        top: 0;
        left: 50%;
        transform: translate(-50%) scale(0);
        transition: 0.3s;
    }
    .title_section_3-1.visible{
        height: 500px;
        transform: scale(1);
        position: relative;
        top: 20px;
        left: 50%;
        transform: translate(-50%);
        margin-bottom: 15px;
    }

    .title_section_3-2{
        width: 100%;
        height: 1100px;
    }
    .card_title__spase_txt{
        padding: 20px 0 10px 0;
        height: 50px;
    }
    .card_title__txt{
        font-size: 1.3em;
    }
    .card_box_spase{
        width: 100%;
        height: 1100px;
        flex-direction: column;
        justify-content: space-between;
    }
    .card_box{
        width: 100%;
        height: 260px;
        padding: 10px;
        position: relative;
        transition: 0.1s;
        background: linear-gradient(55deg, rgba(66, 214, 233, 0.1), rgba(25, 29, 253, 0.1));
    }
    .card_box:active{
        box-shadow: 0 0 40px #011897;
    }
    .card_image{
        padding: 10px;
        max-width: 200px;
    }
    .card__txt_s{
        display: none;
    }
    .card_spec{
        padding: 0;
    }
    .card_spec__span{
        font-size: 2em;
        position: relative;
    }
    .card__link{
        display: none;
    }
    .card__link-mobile{
        display: block;
        font-size: 1em;
        padding-bottom: 5px;
        color: #dddddd;
        margin: 10px 0 5px 0;
        padding: 10px 20px;
        border-radius: 7px;
        transition: 0.1s;
        background: linear-gradient(55deg, rgb(66, 213, 233), rgb(25, 29, 253));
        position: relative;
    }
    .card__link-mobile:active{
        transform: scale(0.9);
    }

    .services{
        padding: 50px 0 25px 0;
    }
    .serv_spase_l1{
        margin-bottom: 20px;
    }
    .s_s_l1_box{
        position: relative;
    }
    .s_s_l1_title{
        height: 65%;
        width: 100%;
        background: rgba(255, 255, 255, 0.7);
    }
    .s_s_l1__first_txt{
        font-size: 0.8em;
    }
    .s_s_l1__second_txt{
        font-size: 0.7em;
        line-height: 15px;
    }
    .s_s_l1__link{
        font-size: 0.9em;
    }
    .s_s_l1_box:nth-child(1){
        background: url(../images/open_a_checkinh_account.webp) right / cover no-repeat;
    }
    .s_s_l1_box:nth-child(2){
        background: url(../images/working_together_to_create_jobs_for_our_communities.webp) right / cover no-repeat;
    }

    .fin_title__txt_b{
        padding-top: 20px;
        font-size: 2.5em;
    }
    .fin_title__txt_s{
        padding-top: 20px;
        font-size: 1.3em;
    }
    .fin_box_mobile__link{
        font-size: 1.1em;
    }
    .next, .prev{
        width: 40px;
        height: 80px;
    }

    .info_section_first{
        width: 100%;
        height: 610px;
    }
    .info_l1__txt_box{
        left: -20px;
        bottom: 130px;
    }
    .info_l1__txt_b{
        font-size: 1.5em;
    }
    .info_l1__txt_m{
        font-size: 1.1em;
        padding-bottom: 20px;
    }
    .info_l1__txt_s{
        font-size: 0.8em;
        line-height: 15px;
        padding-bottom: 20px;
    }
    .info_l1__img{
        width: 60%;
    }
    .info__btn{
        font-size: 1em;
    }
    .info_l2__txt{
        font-size: 1.3em;
        line-height: 23px;
        padding-bottom: 20px;
    }
    .info_l2__img img{
        left: 70px;
    }

    .net__txt{
        font-size: 0.8em;
    }

    .footer_level-1{
        display: flex;
        flex-wrap: wrap;
        
    }
    .footer_level-1 a{
        font-size: 1em;
    }

    .mobile_menu-1_window ul li a{
        font-size: 3em;
    }
    .mobile_menu-1{
        transition: 0.3s;
    }
    .mobile_menu-1.open{
        transform: rotate(180deg) scale(0.8);
        text-shadow: 0 0 10px rgb(114, 171, 255);
    }
    .mobile_menu-2{
        transition: 0.3s;
    }
    .mobile_menu-2.open{
        transform: scale(0.8);
        text-shadow: 0 0 10px rgb(114, 171, 255);
    }
}

@media screen and (max-width: 576px){
    .container{
        width: 100%;
    }
    .container_max{
        width: 100%;
    }

    h1{
        font-size: 2.2em;
        text-shadow: 0 1px 2px lightblue;
    }
    .card_title__txt{
        font-size: 1.1em;
    }
    .search_body.open{
        width: 270px;
        transform: scale(1);
    }
    .serv_spase{
        height: 270px;
    }
    .serv_spase_l1{
        height: 90%;
    }
    .s_s_l1__second_txt{
        font-size: 0.7em;
        line-height: 12px;
    }
    .fin_title__txt_s{
        padding-top: 20px;
        font-size: 1.2em;
    }

    .fin_title__txt_b{
        padding-top: 20px;
        font-size: 2em;
    }
    .slider{
        width: 70%;
    }
    .fin_box_mobile__link{
        font-size: 0.9em;
        line-height: 16px;
    }
    .next, .prev{
        width: 40px;
        height: 80px;
    }

    .news_title__txt{
        padding-top: 10px;
        font-size: 2em;
    }
    .info_section_first{
        width: 100%;
        height: 715px;
    }
    .info_l1__txt_box{
        left: -20px;
        bottom: 130px;
    }
    .info_l1__txt_b{
        font-size: 1.2em;
    }
    .info_l1__txt_m{
        font-size: 0.9em;
        padding-bottom: 20px;
    }
    .info_l1__txt_s{
        font-size: 0.6em;
        line-height: 15px;
        padding-bottom: 20px;
    }
    .info__btn{
        font-size: 0.4em;
    }
    .net__txt{
        font-size: 0.5em;
    }
    .basement p{
        font-size: 0.7em;
    }

    .mobile_menu-1_window ul li a{
        font-size: 2.5em;
        padding: 5px;
    }
    .mobile_menu-2_window ul li a{
        font-size: 2em;
        padding: 5px;
        line-height: 5px;
    }
}