html{scroll-behavior: smooth;}
body.body-hidden{overflow: hidden;}
.container{margin: 0 auto; padding-left: 25px; padding-right: 25px;}


@font-face {
    font-family: 'Secolo 21';
    src: url('/media/fonts/Secolo-21.woff2') format('woff2'),
        url('/media/fonts/Secolo-21.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('/media/fonts/MaisonNeue-Mono.woff2') format('woff2'),
        url('/media/fonts/MaisonNeue-Mono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('/media/fonts/MaisonNeue-Medium.woff2') format('woff2'),
        url('/media/fonts/MaisonNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fb Albatros';    
    src: url('/media/fonts/FbAlbatros-Bold.woff') format('woff');
         font-weight: 700;
         font-style: normal;
    font-display: swap;
         
}

@font-face {
    font-family: 'Fb Albatros';   
         src: url('/media/fonts/FbAlbatros-Regular.woff2') format('woff2'),
         url('/media/fonts/FbAlbatros-Regular.woff') format('woff');
         font-weight: 400;
         font-style: normal;
    font-display: swap;
         
}

.Secolo{ font-family: 'Secolo 21';}
.maison{font-family: 'Maison Neue';}
.fb, .hebrew{font-family: 'Fb Albatros'}


.main_header.fixed-header{backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background-color: rgba(24, 20, 27, 0.659);}

.footer_menus li a{color: #ffffff; text-transform: uppercase; font-size: 16px; line-height: 18px;; font-family: 'Maison Neue'; font-weight: 500;}

.footer_menus li a:hover{color: #f3e5a3;}

.menu{background-color: #18141b; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -11; transition: all ease-in-out 0.2s; display: flex; align-items: center; transform: scale(0); visibility: hidden;}



.slip .menu{visibility: visible; opacity: 1; z-index: 11; transform: scale(1);}

.menu ul{display: flex; flex-direction: column; gap:40px; align-items: center; max-height: calc(100svh - 100px); overflow: auto; width:100%; margin-top: 80px; margin-bottom: 20px;}

.menu ul li a{color: #f2eedb; display: flex; flex-direction: column; align-items: center; font-size: 20px; font-family: 'Maison Neue'; text-transform: uppercase;}
.menu ul li a span{display: block; text-align: center; color: #ffffff;  font-family: 'Fb Albatros' }


.menu ul li:hover a{color: #f3e5a3;}

.menu_trigger{ flex-direction: column; gap:8px;}
.menu_trigger span{display: block; height: 2px; background-color: #ffffff; transition: all ease 0.3s;}


.form_control{position: relative;}
.form_control label{color: #231f20; text-transform: uppercase; font-family: 'Maison Neue'; font-size: 14px; letter-spacing: -1px; cursor: text;}


.form_control label.for_animate{position: absolute; top:14px; transition: all ease 0.3s;}
.form_control.active label.for_animate{font-size: 11px; top:-1px; color: #2166ac;}
.form_control.active label.for_animate span{color: #2166ac;}

.form_control label span{color: #939598;}

.form_control input[type="text"],
.form_control input[type="tel"],
.form_control input[type="email"]

{border:none; border-bottom: 1px solid #cccccc; width:100%; height: 50px; transition: all ease 0.3s; font-family: 'Maison Neue'; font-size: 16px; outline: none; box-shadow: none; border-radius: 0; letter-spacing: -1px;}

.checkbox_group .single{display: flex; align-content: center; gap:10px; position: relative;}
.checkbox_group .single label{position: relative; padding-left: 25px; cursor: pointer;}
.checkbox_group .single label::before{border: 1px solid #111111; content: ''; width:18px; height: 18px; position: absolute; left:0; top:2px; transition: all ease 0.3s;}
.checkbox_group .single label::after{ background-color: #2166ac; content: ''; width:10px; height: 10px; position: absolute; left:4px; top:6px; transition: all ease 0.3s; opacity: 0;}

.checkbox_group .single input:checked + label::before{border-color: #2166ac;}
.checkbox_group .single input:checked + label::after{opacity: 1;}

.checkbox_group .single input{position: absolute; opacity: 0;}


.form_control select{border-radius: 50px; font-size: 16px; font-family: 'Fb Albatros'; border:1px solid #cccccc; height: 40px; padding: 0 20px; cursor: pointer; outline: none;}