@font-face {
    src: url('../fonts/Outfit-Regular.ttf');
    font-family: 'Outfit-Regular';
}
@font-face {
    src: url('../fonts/Outfit-Light.ttf');
    font-family: 'Outfit-Light';
}
@font-face {
    src: url('../fonts/Outfit-Thin.ttf');
    font-family: 'Outfit-Thin';
}
@font-face {
    src: url('../fonts/Outfit-Medium.ttf');
    font-family: 'Outfit-Medium';
}
@font-face {
    src: url('../fonts/Outfit-Bold.ttf');
    font-family: 'Outfit-Bold';
}
@font-face {
    src: url('../fonts/Outfit-SemiBold.ttf');
    font-family: 'Outfit-SemiBold';
}

h1, h2, h3, h4, h5, h6, input , textarea{
    font-family: 'Outfit-Regular';
    font-weight: 300;
}
b, strong{
    font-family: 'Outfit-Bold';
    font-weight: 500;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
    border: none;
    box-sizing: border-box;
    font-family: 'Outfit-Regular';
    transition: all 300ms ease-out;
}
*:hover{
    transition: all 0.3s ease-in;
}
html {
    scroll-behavior: smooth;
}
.swiper-button-next,  .swiper-button-prev, .plus_minus,
.swiper-slide {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a {
    text-decoration: none;
    color: var(--black);
}
img, video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
:root {
    --black: #282828;
    --greyFont: rgba(40, 40, 40, 0.60);
    --fontBlack: #606060;
    --inputBackGrey: #EEE;
    --blueBold: #002654;
    --pink: #E90055;
    --gold: #CEAC6A;
    --beige: #E5DED5;
    --white: #FFF;
}
:root {
    --twelve: 12px;
    --forteen: 14px;
    --sixteen: 16px;
    --eighteen: 18px;
    --twenty: 20px;
    --fontTwentyTwo: 22px;
    --twofour: 24px;
    --titleFont: 42px;
}
.wrapper {
    max-width: 1500px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}
.sto_ {
    width: 100%;
}
.full_wrapper {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.map_wrapper{
    max-width: 1920px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}
.d_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body{
    background-color: var(--beige);
    /* overflow-x: hidden; */
}
html{
    overflow-x: hidden;
}
ul, ol{
    padding-left: 20px;
}
textarea{
    resize: none;
}
li{
    margin-bottom: 5px;
}
.generalSlider, .categories_block, .addres_section, .adv_items_blck,
.blue_hid, .meeting_block{
    overflow-x: hidden;
}
/* header */
header{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.header_blck{
    padding: 46px 0 20px 0;
    gap: 45px;
}
.logo_icon{
    max-width: 126px;
}
.nav_bar{
    gap: 30px;
}
.nav_alink{
    cursor: pointer;
    font-size: var(--sixteen);
    color: var(--white);
    font-family: 'Outfit-Light';
}
.user_header{
    top: 0 !important;
}
.blue_header .nav_alink{
    color: var(--blueBold);
}
.nav_alink:hover{
    color: var(--gold);
}
.blue_header .days_time{
    color: var(--blueBold);
}
.blue_header .prendre_btn, .scrolled .prendre_btn{
    background-color: var(--blueBold);
    color: var(--white);
}
.blue_header .user_svg svg path, .blue_header .cart_icon svg path,
.scrolled .user_svg svg path, .scrolled .cart_icon svg path{
    fill: var(--blueBold);
}
.scrolled .days_time{
    color: var(--blueBold);
} 
.cont_days{
    flex-direction: column;
    align-items: start;
    gap: 5px;
}
.header_blck .cont_days{
    margin-left: auto;
}
.phone_alink{
    gap: 14px;
}
.phone_sp{
    font-size: var(--eighteen);
    color: var(--gold);
    background: linear-gradient(transparent calc(100% - 1px), var(--gold) 1px);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    color: var(--gold);
    padding-bottom: 1px;
    text-decoration: none;
    transition: background-size .3s linear;
}
.phone_alink:hover .phone_sp{
    background-position: 0;
    background-size: 100% 100%;
    color: var(--gold);
}
.days_time{
    color: rgba(255, 255, 255, 0.60);
    font-size: var(--twelve);
}
.prendre_btn{
    font-size: var(--forteen);
    padding: 10px 20px;
    color: var(--white);
    font-family: 'Outfit-Medium';
    text-transform: uppercase;
    border-radius: 90px;
    border: 1px solid rgba(206, 172, 106, 0.20);
}
.prendre_btn:hover{
    background-color: var(--gold);
    color: var(--blueBold);
}
.user_cart_blck{
    gap: 20px;
}
.user_svg{
    cursor: pointer;
    max-width: 30px;
}
.user_svg:hover svg path, .cart_icon:hover svg path{
    fill: var(--gold);
}
.slash_right{
    position: relative;
    height: 34px;
}
.slash_right::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent,
        white,
        transparent
    );
}
.blue_header .slash_right::after {
      position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent,
        #CEAC6A,
        transparent
    );
}
.cart_icon{
    position: relative;
    cursor: pointer;
}
.count_sp{
    position: absolute;
    bottom: 0;
    right: -6px;
    background-color: var(--gold);
    border-radius: 50%;
    min-width: 12px;
    aspect-ratio: 1/1;
    font-size: 12px;
    justify-content: center;
    text-align: center;
}
.burger_svg{
    position: relative;
    display: none;
    width: 20px;
}
.two_line, .x_close{
    position: absolute;
}
.x_close{
    opacity: 0;
}
.blue_header .burger_svg svg path,
.scrolled .burger_svg svg path{
    stroke: var(--blueBold);
}
.dropdown_rel{
    position: relative;
}
.dropdown_{
    display: none;
    flex-direction: column;
    min-width: 285px;
    gap: 8px;
    padding: 10px;
    border-radius: 16px;
    background: #EFEBE6;
    position: absolute;
    top: 40px;
    z-index: 10;
    left: 0;
}
.dropdown_active{
    display: flex;
}
.alinks_drp{
    height: 60px;
    overflow: hidden;
    gap: 16px;
    border-radius: 8px;
    background-color: var(--beige);
}
.drp_nav_alink{
    padding-left: 12px;
    font-size: var(--eighteen);
    color: var(--blueBold);
}
.nav_categ_img{
    max-width: 60px;
    height: 100%;
    margin-right: -10px;
}
.nav_categ_img img{
    object-position: left;
}
.alinks_drp:hover{
    background-color: var(--blueBold);
}
.alinks_drp:hover .drp_nav_alink{
    color: var(--gold);
}
.icon_mob{
    display: none;
}
/* end header */

/* home */
.slide_wrapper{
    max-width: 1745px;
    width: 100%;
    margin: 0 auto;
}
.blue_back{
    padding: 105px 0 120px 0 !important;
    min-height: 100vh;
    background: radial-gradient(circle at 38% 50%, #002654, #000811);
}
.slide_img{
    filter: blur(4px) contrast(0.95);
    opacity: 0.7;
    height: 564px;
    opacity: 0.5;
}
.slide_img img{
    object-fit: contain;
}
.swiper-slide-active .slide_img{
    /* transform: scale(1); */
    opacity: 1;
}
.swiper-button-next:after, .swiper-button-prev:after{
    content: "" !important;
}
.swiper-button-next, .swiper-button-prev{
    width: 82px !important;
    margin: 0 !important;
}
.swiper-button-next:hover svg circle, 
.swiper-button-prev:hover svg circle{
    stroke: var(--gold);
}
.swiper-button-next:hover svg path, 
.swiper-button-prev:hover svg path{
    fill: var(--gold);
}
.slider_item{
    transform: scale(0.9) !important;
    margin: 0 -4px;
    padding: 134px 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.generalSlider .swiper-slide-active{
    transform: scale(1) !important;
    margin: 0;
}
.swiper-slide-active .slide_img{
    opacity: 1;
    filter: none;
}
.rounded_border, .rounded_border_bigger, .rounded_border_mid{
    position: absolute;
    width: 10px;
    opacity: 0;
    z-index: -1;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 400ms ease-out;
}
.rounded_border_bigger{
    border-color: rgba(255, 255, 255, 0.15);
}
.for_buttons{
    z-index: 3;
    width: 93%;
    border-radius: 50%;
    aspect-ratio: 1/1;
    position: absolute;
    justify-content: center;
}
.rounded_border_mid{
    border-color: rgba(255, 255, 255, 0.4);
}
.swiper-slide-active .rounded_border{
    width: 93%;
    opacity: 1;
    transition: all 0.4s ease-in;
}
.swiper-slide-active .rounded_border_mid{
    width: 112%;
    opacity: 1;
    transition: all 0.5s ease-in;
}
.swiper-slide-active .rounded_border_bigger{
    width: 123%;
    opacity: 1;
    transition: all 0.6s ease-in;
}
.swiper-slide-next, .swiper-slide-prev{
  position: relative;
}
.generalSlider .swiper-slide-next::before {
    content: '';
    position: absolute;
    top: 30px;
    right: -60px;
    width: 740px;
    height: 740px;
    z-index: 2;
    border: 1px solid hsl(0deg 0% 100% / 0.09);
    border-radius: 50%;
    clip-path: polygon(76% 0%, 88% 0%, 100% 50%, 70% 100%, 88% 100%, 95% 50%);
    pointer-events: none;
}
.generalSlider .swiper-slide-prev::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    width: 740px;
    height: 740px;
    border: 1px solid hsl(0deg 0% 100% / 0.09);
    border-radius: 50%;
    clip-path: polygon(14% 0%, 26% 4%, 50% 50%, 10% 100%, 3% 46%, 0% 58%);
    pointer-events: none;
}
.abs_btns{
    position: absolute;
    width: 88px;
    opacity: 0;
    aspect-ratio: 1/1;
    border-radius: 50%;
    color: var(--white);
    font-size: var(--twelve);
    text-align: center;
    z-index: 3;
    justify-content: center;
    backdrop-filter: blur(14.9347px);
    transition: all 0.2s ease-in;
    background: hsla(0, 0%, 100%, .05);
}
.abs_btns:hover {
    transform: scale(1.1) !important;
    transition: all 0.2s ease-in;
}
@keyframes fadeInBtn {
    from { opacity: 0;}
    to { opacity: 1; }
}
.swiper-slide-active .top_abs_btn {
    animation: fadeInBtn 0.6s ease forwards;
    animation-delay: 1s;
}
.swiper-slide-active .right_abs_btn {
    animation: fadeInBtn 0.6s ease forwards;
    animation-delay: 1.1s;
}
.swiper-slide-active .bottom_abs_btn {
    animation: fadeInBtn 0.6s ease forwards;
    animation-delay: 1.2s;
}
.swiper-slide-active .left_abs_btn {
    animation: fadeInBtn 0.6s ease forwards;
    animation-delay: 1.3s;
}
.for_stikcy_mob{
    display: none;
}
.top_abs_btn{
    top: -44px;
}
.right_abs_btn{
    right: -44px;
}
.bottom_abs_btn{
    bottom: -44px;
}
.left_abs_btn{
    left: -44px;
}
.plus_btn{
    cursor: pointer;
    width: 48px;
    z-index: 4;
    background-color: var(--white);
    aspect-ratio: 1/1;
    border-radius: 50%;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.plus_btn:hover{
    color: var(--white);
    background-color: var(--gold);
}
.swiper-slide-active .plus_btn{
    opacity: 1;
    transition: all 0.4s ease-in;
}
.swiper-button-prev{
    left: 24% !important;
}
.swiper-button-next{
    right: 24% !important;
}
.itemsSLider, .itemsSLiderSec{
    padding-left: 14% !important;
    /* padding-top: 142px !important; */
}
.tab_slider{
    display: none !important;
}
.tab_slider_active{
    display: block !important;
}
.sliders_arrow .swiper-button-next, 
.sliders_arrow .swiper-button-prev{
    position: initial !important;
}
.sliders_arrow{
    display: flex;
    gap: 20px;
    align-items: center;
}
.gold_items{
    overflow: hidden;
    max-width: 345px;
    cursor: pointer;
    min-height: 486px !important;
    padding: 18px;
    justify-content: space-between;
    gap: 12px;
    display: flex !important;
    flex-direction: column;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.40);
}
.gold_items:hover .price_btn_blck{
    flex-direction: column-reverse;
}
.buy_btn{
    font-size: var(--forteen);
    text-align: center;
    transform: translateY(10px);
    border-radius: 90px;
    background-color: var(--gold);
    color: var(--white);
    transition: all 0.3s ease;
    opacity: 0;
    padding: 0;
    height: 0;
    transform: translateY(10px);
}
.gold_items:hover .buy_btn{
    padding: 10px;
    height: auto;
    opacity: 1;
    transform: translateY(0);
}
.buy_btn:hover{
    background-color: var(--blueBold) !important;
}
.btns_hov{
    align-items: stretch;
    flex-direction: column;
    gap: 0;
}
.gold_items:hover .btns_hov{
    gap: 12px;
}
.gold_img{
    margin: 0 auto;
    max-width: 214px;
}
.itemsSLider .swiper-wrapper, .itemsSLiderSec .swiper-wrapper{
    align-items: stretch;
}
.title_items{
    font-size: var(--twofour);
    color: var(--blueBold);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.price_btn_blck{
    transition: flex-direction 0.3s ease;
    gap: 12px;
}
.price_infs{
    gap: 10px;
}
.price_sp{
    font-size: var(--sixteen);
    color: var(--blueBold);
}
.price_bold{
    min-width: auto;
    font-family: 'Outfit-Bold';
    font-size: var(--sixteen);
}
.gold_items .view_product{
    margin-left: auto;
}
.view_product{
    font-size: var(--forteen);
    padding: 10px 12px;
    border-radius: 90px;
    color: var(--white);
    background-color: var(--blueBold);
}
.view_product:hover{
    background-color: var(--gold);
}
.actual_items{
    max-width: 400px;
    display: flex !important;
    flex-direction: column;
    gap: 26px;
}
.actual_items:hover .actual_title{
    color: var(--gold);
}
.actual_img{
    width: 100%;
    height: 230px;
    border-radius: 30px;
    overflow: hidden;
}
.actual_items:hover .actual_img img{
    transform: scale(1.1);
}
.actual_title{
    font-size: var(--twofour);
    color: var(--blueBold);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.actual_descrip{
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.60);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.review_item{
    display: flex !important;
    flex-direction: column;
    gap: 35px;
    opacity: 0.5;
    padding: 18px;
    border-radius: 10px;
    background: #F1EDE8;
    max-width: 345px;
}
.swiper-slide-visible {
  opacity: 1;
}
.full_slider{
    margin: 100px 0;
}
.rev_info{
    gap: 20px;
}
/* .revSlider{
    padding-top: 80px !important;
} */
.revs_img{
    font-size: var(--eighteen);
    color: var(--blueBold);
    width: 68px;
    border-radius: 50%;
    background-color: #E5DED5;
    aspect-ratio: 1/1;
    justify-content: center;
    overflow: hidden;
}
.diamond_svg{
    width: 28px;
    height: 28px;
}
.revs_name_inf{
    flex-direction: column;
    align-items: start;
    gap: 5px;
    margin-right: auto;
}
.revs_name{
    font-size: var(--twenty);
    color: var(--blueBold);
}
.cap_city{
    color: rgba(0, 38, 84, 0.50);
    font-size: var(--forteen);
}
.rating_blck{
    flex-direction: column;
    gap: 4px;
}
.rating_sp{
    color: var(--blueBold);
    font-size: 7px;
    text-transform: uppercase;
    font-family: 'Outfit-SemiBold';
}
.stars_blck{
    gap: 4px;
}
.review_text{
    font-size: var(--eighteen);
    color: var(--blueBold);
    font-family: 'Outfit-Light';
}
.revs_date{
    font-size: var(--sixteen);
    color: var(--blueBold);
}
.sliders_inf_blck{
    gap: 20px;
    align-items: end;
}
.title_currency_blck{
    flex-direction: column;
    align-items: start;
    gap: 36px;
}
.big_title{
    font-size: 54px;
    color: var(--white);
    max-width: 500px;
    font-weight: 300;
}
.currency_inf_blck{
    gap: 20px;
}
.mouse_icon{
    max-width: 24px;
}
.mouse_icon img{
    object-fit: contain;
}
.scroll_sp{
    font-size: var(--sixteen);
    color: var(--white);
}
.scroll_btn{
    border-radius: 90px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 6px 20px 6px 6px;
    gap: 20px;
    margin-right: 20px;
}
.scroll_btn:hover{
    background-color: var(--gold);
}
.currency_info{
    gap: 14px;
    color: var(--white);
    font-size: var(--twelve);
    text-transform: uppercase;
}
.border_right{
    height: 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}
.descrip_btns{
    flex-direction: column;
    align-items: start;
    gap: 25px;
}
.white_descrip{
    max-width: 465px;
    color: rgba(255, 255, 255, 0.80);
    font-size: var(--eighteen);
}
.two_buttons_blck{
    gap: 14px;
    justify-content: start;
}
.prendre_gold{
    border: 1px solid var(--gold);
    border-radius: 90px;
    background-color: var(--gold);
    color: var(--white);
    font-size: var(--sixteen);
    text-transform: uppercase;
    padding: 14px 32px;
}
.prendre_gold:hover{
    background-color: transparent;
    color: var(--gold);
}
.agences_btn{
    text-transform: uppercase;
    font-size: var(--sixteen);
    color: var(--white);
    padding: 14px 32px;
    border-radius: 90px;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.10);
}
.agences_btn:hover{
    border-color: var(--gold);
    color: var(--gold);
}
.categories_block{
    margin-top: 120px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 8px;
    display: grid;
}
.categories_item{
    background: rgba(255, 255, 255, .4);
    border: 1px solid rgba(0, 38, 84, .2);
    border-radius: 2px;
    align-items: end;
    display: flex;
    position: relative;
    overflow: hidden;
}
.big_item{
    cursor: pointer;
    background: rgba(255, 255, 255, .4);
    border: 1px solid rgba(0, 38, 84, .2);
    border-radius: 2px;
    grid-area: span 2 / 1 / auto / 2;
    align-items: end;
    width: 588px;
    /* max-width: 588px; */
    height: 568px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.big_item img, .mini_img img{
    transform: scale(1.3);
    object-position: left;
}
.categorie_img{
    object-fit: contain;
    position: absolute;
    width: 100%;
    bottom: 0;
    right: -80px;
}
.categories_inf{
    padding: 20px;
    flex-direction: column;
    align-items: start;
    gap: 8px;
}
.mini_sp{
    font-size: var(--sixteen);
    color: var(--blueBold);
    text-transform: uppercase;
}
.nameof_categ{
    text-transform: uppercase;
    font-size: 30px;
    color: var(--white);
    margin-bottom: 2px;
}
.sub_title_sp{
    font-size: var(--eighteen);
    color: var(--white);
    background: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    padding-bottom: 1px;
    text-decoration: none;
    transition: opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s, background-size .3s linear, -webkit-transform .5s ease-in-out .5s;
}
.categories_item:hover .sub_title_sp,
.big_item:hover .sub_title_sp{
    background-position: 0;
    background-size: 100% 100%;
    color: #fff;
}
.mini_img{
    max-width: 260px;
}
.top_img{
    top: -20px;
    bottom: auto;
}
.contact_map_block{
    position: relative;
    margin: 168px 0 100px 0;
    border-radius: 14px;
    overflow: hidden;
}
.map_contact{
    width: 100%;
    height: 950px;
}
.addres_section{
    max-width: 564px;
    z-index: 2;
    left: 13%;
    position: absolute;
    flex-direction: column;
    gap: 40px;
    align-items: start;
}
.title_block{
    gap: 40px;
}
.title_underline{
    width: 152px;
    border-bottom: 3.4px solid var(--blueBold);
}
.general_title{
    font-size: var(--titleFont);
    color: var(--blueBold);
}
.magazine_addrs_blck{
    flex-direction: column;
    gap: 18px;
    max-height: 650px;
    padding-right: 20px;
    overflow-y: scroll;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--blueBold);
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.scrollbar::-webkit-scrollbar{
    height: 2px;
    width: 2px;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: #DFE5EA;
}
.addres_info_window{
    opacity: 0.7;
    cursor: pointer;
    background-color: var(--white);
    border-radius: 10px;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    align-items: start;
}
.addres_info_window_active{
    opacity: 1;
}
.about_store_wimg{
    justify-content: start;
    gap: 20px;
}
.store_img_addr{
    width: 96px;
    aspect-ratio: 1/1;
    border-radius: 6px;
    overflow: hidden;
}
.avail_name_blck{
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.avail_not{
    padding: 4px 10px;
    gap: 10px;
    color: var(--blueBold);
    font-size: var(--sixteen);
    border-radius: 90px;
    border: 1px solid rgba(0, 38, 84, 0.10);
}
.avail_round{
    width: 6px;
    height: 6px;
    aspect-ratio: 1/1;
    border-radius: 50%;
}
.green_sp{
    background-color: #1CD000;
}
.red_sp{
    background-color: #CE1126;
}
.nameof_store{
    font-size: 40px;
    color: var(--blueBold);
}
.mini_imgs_blck{
    gap: 6px;
    justify-content: start;
    align-items: stretch;
}
.mini_store_img{
    background-color: var(--blueBold);
    color: var(--white);
    font-size: var(--twelve);
    width: 34px;
    height: 34px;
    aspect-ratio: 1/1;
    border-radius: 6px;
    overflow: hidden;
    justify-content: center;
}
.address_sp{
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.80);
    font-family: 'Outfit-Light';
    max-width: 214px;
}
.phone_btn_blck{
    gap: 20px;
}
.phone_link{
    gap: 14px;
    font-size: var(--eighteen);
    color: var(--blueBold);
    font-family: 'Outfit-Bold';
}
.phone_link:hover{
    text-decoration: underline;
}
.prendre_blue_btn{
    padding: 10px 20px;
    background-color: var(--blueBold);
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--forteen);
    border-radius: 90px;
}
.prendre_blue_btn:hover{
    background-color: var(--gold);
}
.beige_back{
    overflow: hidden;
    margin: 100px 0;
    padding: 100px 0;
    border-radius: 20px;
    background: #F1EDE8;
}
.advatanges_block{
    flex-direction: column;
    align-items: start;
    gap: 70px;
}
.adv_items_blck{
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 20px;
    display: grid;
    align-items: stretch;
}
.advantage_items{
    flex-direction: column;
    align-items: start;
    padding: 20px;
    gap: 30px;
    border-radius: 10px;
    background-color: #E5DED5;
}
.advantage_items:first-child{
    min-height: 646px;
    grid-area: span 2 / 1 / auto / 2;
}
.items_icon{
    max-width: 30px;
}
.items_icon img{
    object-fit: contain;
}
.adv_title{
    font-size: 40px;
    color: var(--blueBold);
    margin-bottom: auto;
}
.description_{
    flex-direction: column;
    align-items: start;
    gap: 12px;
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.80);
}
.description_ a{
    color: var(--blueBold);
    text-decoration: underline;
}
.description_ a:hover{
    text-decoration: underline;
}
.title_info_block{
    margin-bottom: 60px;
    gap: 20px;
    align-items: stretch;
}
.titlew_imgs{
    flex-direction: column;
    gap: 48px;
    align-items: start;
}
.brand_imgs{
    gap: 40px;
}
.grey_logo_imgs img{
    object-fit: contain;
}
.grey_logo_imgs:hover{
    transform: scale(1.1);
}
.grey_logo_imgs{
    max-width: 190px;
}
.slash_h{
    height: 38px;
    border-right: 1px solid rgba(0, 38, 84, 0.10);
}
.descrip_view_blck{
    align-items: start;
    flex-direction: column;
    max-width: 468px;
    gap: 30px;
}
.view_more{
    font-size: var(--forteen);
    cursor: pointer;
    padding: 10px 20px;
    background-color: var(--white);
    border-radius: 90px;
}
.view_more:hover{
    background-color: var(--blueBold);
    color: var(--white);
}
.arrows_btn{
    gap: 20px;
}
.tab_sliders{
    gap: 6px;
}
.choose_tab{
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 90px;
    font-size: var(--forteen);
    color: var(--blueBold);
    text-transform: capitalize;
    font-family: 'Outfit-Medium';
    border: 1px solid rgba(0, 38, 84, 0.10);
}
.choose_tab:hover, .choose_tab_active{
    background-color: var(--blueBold);
    color: var(--white);
}
.blue_cours{
    background-color: var(--blueBold);
    padding: 100px 0;
    margin-bottom: 100px;
    border-radius: 20px;
}
.cours_section{
    gap: 20px;
}
.cours_info_blck{
    max-width: 426px;
    flex-direction: column;
    align-items: start;
    gap: 60px;
}
.blue_cours .title_underline{
    border-color: var(--white);
}
.blue_cours .general_title{
    color: var(--white);
}
.chart_block{
    max-width: 50%;
    flex-direction: column;
    align-items: start;
    gap: 25px;
}
.about_course_currency{
    justify-content: start;
    gap: 20px;
}
.second_title{
    font-size: 32px;
    color: var(--white);
}
.blue_cours .description_, .kitpostal_inf_blck .description_{
    color: rgba(255, 255, 255, 0.80);
}
.info_curr{
    flex-direction: column;
    align-items: start;
    gap: 4px;
}
.eur_kg{
    font-size: 28px;
    text-transform: uppercase;
    color: var(--white);
    font-family: 'Outfit-Bold';
}
.chart_img{
    max-width: 720px;
}
.eur_num{
    font-size: var(--eighteen);
    color: rgba(255, 255, 255, 0.60);
    font-family: 'Outfit-Bold';
}
.past_y{
    font-size: var(--twelve);
    color: var(--white);
    text-transform: uppercase;
}
.pprocent_sp{
    font-size: var(--twelve);
    color: var(--gold);
}
.tochk_{
    margin: 0 5px;
}
.gold_svg{
    width: 70px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--gold);
    padding: 10px;
}
.currency_blcks{
    gap: 5px;
}
.cours_btn{
    text-transform: uppercase;
    font-size: var(--forteen);
    cursor: pointer;
    background-color: var(--white);
    border-radius: 90px;
    padding: 10px 20px;
    color: var(--blueBold);
}
.parallax_block{
    margin-top: 100px;
    background-image: url('../img/kitbg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 20px;
    padding: 20px 0;
    height: 445px;
    position: relative;
}
.kitpostal_inf_blck{
    flex-direction: column;
    align-items: start;
    gap: 40px;
    z-index: 1;
    max-width: 420px;
}
.kitpostal_inf_blck .general_title{
    color: var(--white);
}
.abs_info_parralax{
    flex-direction: column;
    gap: 10px;
    max-width: 192px;
    position: absolute;
    bottom: 68px;
    right: 34%;
}
.kit_btn{
    font-family: 'Outfit-Medium';
    padding: 10px 20px;
    border-radius: 20px;
    background-color: var(--gold);
    color: var(--blueBold);
    text-transform: uppercase;
    font-size: var(--forteen);
}
.kit_btn:hover{
    background-color: var(--white);
    color: var(--blueBold);
}
.abs_info_parralax .description_{
    text-align: center;
    font-size: var(--forteen);
}
.meeting_block{
    padding: 100px 0;
    border-radius: 20px;
    background: #F1EDE8;
}
.meeting_block .general_title{
    max-width: 378px;
}
.opac_descrip{
    color: rgba(0, 38, 84, 0.20);
    font-size: var(--sixteen);
    max-width: 588px;
    width: 42%;
}
/* meeting */
.meeting_general_block{
    align-items: stretch;
    gap: 20px;
}
.input_block{
    position: relative;
    flex-direction: column;
    gap: 16px;
    max-width: 470px;
    width: 35%;
    align-items: start;
}
.inp_lab_blck{
    position: relative;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}
.inputs_lab_sp{
    font-family: 'Outfit-Medium';
    color: var(--blueBold);
    justify-content: start;
    gap: 3px;
    z-index: 1;
    font-size: var(--twelve);
}
.inp_lab_blck .inputs_lab_sp{
    background: #F1EDE8;
    padding: 10px;
    top: -18px;
    left: 42px;
    position: absolute;
}
.error_inp_blck{
    flex-direction: column;
    align-items: start;
    gap: 4px;
}
.inps_{
    font-size: var(--forteen);
    background-color: transparent;
    border-radius: 90px;
    padding: 26px 20px;
    color: var(--blueBold);
    border: 0.8px solid rgba(0, 38, 84, 0.40);
}
.inps_::placeholder{
    color: #6F839C;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.choose_sp{
    font-size: 14px;
    cursor: pointer;
}
.height_line{
    align-self: center;
    height: 526px;
    border-right: 1px solid rgba(129, 167, 207, 0.20);
}
.time_zone_block{
    max-width: 345px;
    width: 30%;
    flex-direction: column;
    gap: 10px;
    justify-content: start;
    align-items: start;
}
.time_calendare_window{
    flex-wrap: wrap;
    gap: 20px 14px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 480px;
    align-items: start;
    overflow: auto;
}
.time_calendare_window::-webkit-scrollbar-thumb,
.dropdown_::-webkit-scrollbar-thumb {
    background-color: rgb(209, 201, 201);
    border-radius: 10px;
    cursor: pointer;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.time_calendare_window::-webkit-scrollbar,
.dropdown_::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}
.time_calendare_window::-webkit-scrollbar-track,
.dropdown_::-webkit-scrollbar-track {
    background-color: rgba(200, 200, 200, 0.5);
}
.time_block{
    cursor: pointer;
    padding: 20px;
    text-align: center;
    color: var(--blueBold);
    border-radius: 12px;
    border: 1px solid rgba(0, 38, 84, 0.10);
}
.time_block_active, .time_block:hover{
    background: var(--gold);
    border-color: var(--gold);
}
.time_block_booked{
    cursor: not-allowed;
    background: rgba(232, 235, 239, 0.40) !important; 
}
.chhoose_date_block{
    border-radius: 5.8px;
    flex-direction: column;
    gap: 10px;
}
.calendare_block{
    max-width: 414px;
    width: 35%;
    position: relative;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    justify-content: start;
}
.month_and_year{
    font-size: var(--sixteen);
    color: var(--blueBold);
    font-family: 'Outfit-Bold';
}
.prev_next_months{
    cursor: pointer;
}
.line_bottom{
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.days_{
    text-align: center;
    font-size: var(--sixteen);
    color: var(--blueBold);
    font-family: 'Outfit-Bold';
    width: calc(100% / 7);
}
.calendare_blvk {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(5, 1fr);
    display: grid;
}
.day_square {
    display: flex !important;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-size: var(--sixteen);
    text-align: center;
    height: 60px;
    color: var(--blueBold);
    border-radius: 12px;
    border: 1px solid rgba(0, 38, 84, 0.10);
    /* border-right: 0.6px solid rgba(129, 167, 207, 0.20); */
    /* border-bottom: 0.6px solid rgba(129, 167, 207, 0.20); */
}
.mean_blck{
    margin-top: 7px;
    justify-content: center;
    gap: 20px;
}
.booked_free_days{
    gap: 2px;
}
.booked_roound, .free_roound{
    width: 10.5px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 0.5px solid var(--blueBold);
}
.booked_roound{
    border: none;
    background-color: rgb(0 38 84 / 20%);
}
.mean_sp{
    font-size: var(--twelve);
    color: var(--blueBold);
}
.month_year{
    gap: 10px;
    margin-bottom: 10px;
}
.week_days {
    margin-bottom: 5px;
}
.availbale_hours{
    background: rgba(232, 235, 239, 0.40);
}
.active_day, .day_square:hover{
    background: var(--gold, linear-gradient(90deg, #DDAE51 0%, #EACF9A 50%, #DDAE51 100%));
}
.next_day{
    background-color: #F1EDE8 !important;
}
.meeting_btn{
    padding: 20px;
    border-radius: 2px;
    border: 1px solid var(--gold);
    background-color: var(--gold);
    font-size: var(--forteen);
    color: var(--blueBold);
    cursor: pointer;
    font-family: 'Outfit-Medium';
}
.booked_days, .booked_hour{
    background: transparent !important;
    cursor: not-allowed;
    color: rgb(0 38 84 / 20%);
}
.booked_hour:hover{
    border-color: rgba(0, 38, 84, 0.10);
}
.meeting_btn:hover{
    border-radius: 30px;
}
.descrip_mini{
    max-width: 808px;
    width: 64%;
    font-size: 16px;
    color: #4E84B3;
}
.copyright_{
    font-size: 16px;
    color: white;
    text-align: center;
    margin-bottom: 22px;
}
.error_message, .choose_day_error, .choose_time_error{
    color: red;
    font-size: 10px;
}
.inputs_error{
    border-color: red;
}
.btn_text_block {
    gap: 20px;
}
.underline_{
    border-bottom: 1px solid rgba(0, 38, 84, 0.10);
}
.store_lab{
    max-width: 250px;
}
.slide_label{
    cursor: pointer;
    padding: 20px;
    gap: 16px;
    justify-content: start;
    border-radius: 12px;
    border: 1px solid rgba(0, 38, 84, 0.10);
}
.slide_label:hover{
    border-color: var(--gold);
}
.slide_label:has(.check_inp:checked) {
    border-color: var(--blueBold);
}
.scrollSwiper {
    padding-bottom: 20px !important;
    margin-left: 0 !important;
}
.checko_, .check_inp, .checkbox_form {
    width: 20px;
    height: 20px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}
.check_inp {
    opacity: 0;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checko_svg {
    justify-content: center;
    align-items: center;
}
.checko_ {
    position: relative;
}
.checkbox_form{
    background-color: var(--white);
    justify-content: center;
    position: absolute;
    cursor: pointer;
    z-index: 0;
}
.checko_ input:checked~.checkbox_form {
    background-color: var(--blueBold);
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    height: 2px !important;
}
.swiper-scrollbar-drag{
    cursor: pointer;
    background-color: var(--blueBold) !important;
}
/* end meeting */

.brand_logo{
    /* max-width: 180px; */
    width: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.brand_logo img{
    object-fit: contain;
    width: auto;
    height: auto;
}
.brand_log_slider{
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brandsSlider .swiper-wrapper{
    align-items: center;
}
.brandsSlider{
    margin: 40px 0;
}
.custom-marker {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background-color: var(--blueBold);
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-marker img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

/* end home */

/* footer */
footer {
    background-color: var(--blueBold);
    padding: 80px 0 30px 0;
}
.footer_block{
    gap: 20px;
    align-items: stretch;
}
.logo_cours_f{
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.footer_block .logo_icon{
    max-width: 145px;
}
.courses_f{
    flex-direction: column;
    align-items: start;
    gap: 6px;
}
.courses_f .underline_{
    border-color: rgba(255, 255, 255, 0.20);
}
.f_grid_blck{
    min-width: 60%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.f_nav_bar{
    gap: 6px;
    justify-content: start;
    flex-direction: column;
    align-items: start;
}
.f_title{
    font-size: var(--twenty);
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 15px;
}
.f_alink{
    font-size: var(--sixteen);
    font-family: 'Outfit-Light';
    line-height: 110%;
    color: rgba(255, 255, 255, 0.60);
    background: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    padding-bottom: 1px;
    text-decoration: none;
    transition: opacity .5s ease-in-out .5s, transform .5s ease-in-out .5s, background-size .3s linear, -webkit-transform .5s ease-in-out .5s;
}
.f_alink:hover{
    background-position: 0;
    background-size: 100% 100%;
    color: #fff;
}
.f_last_blck{
    flex-direction: column;
    align-items: start;
    gap: 20px;
    justify-content: start;
}
.f_last_blck .prendre_btn{
    padding: 16px 48px;
}
.payment_types_blck{
    margin: 10px 0;
    flex-direction: column;
    align-items: start;
}
.payment_type_imgs{
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
}
.payment_mini_img{
   width: 30px;
   height: 20px;
   border-radius: 5px;
   overflow: hidden;
}
.payment_mini_img img{
    object-fit: contain;
}
.f_last{
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 50px;
}
.rights_reserved, .cgv_sp{
    color: rgba(255, 255, 255, 0.50);
    font-size: var(--forteen);
}
.rights_reserved{
    gap: 5px;
}
/* end footer */

/* contact us */
.navigation_blck{
    padding-top: 140px;
    margin-bottom: 52px;
    gap: 6px;
    justify-content: start;
    flex-wrap: wrap;
}
.prev_page, .to_this{
    font-size: var(--sixteen);
    color: rgba(0, 38, 84, 0.60);
}
.this_page{
    font-size: var(--sixteen);
    color: var(--gold);
    font-family: 'Outfit-Bold';
}
.contact_info_block{
    max-width: 830px;
    width: 64%;
    flex-direction: column;
    gap: 30px;
    align-items: start;
}
.contact_info_block .description_{
    color: var(--blueBold);
}
.contactus_about_inf{
    align-items: start;
    gap: 20px;
}
.about_conts{
    flex-direction: column;
    align-items: start;
    gap: 14px;
}
.conts_titles{
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.60);
}
.days_hours_store{
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.opened_closed_info{
    gap: 20px;
}
.insf_sp{
    font-size: var(--eighteen);
    color: var(--blueBold);
}
.opened_closed_info .avail_round{
    width: 8px;
    height: 8px;
}
.gold_sp{
    background-color: var(--gold);
}
.red_sp{
    background-color: red;
}
/* end contact us */

/* blog */
.blog_items{
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 58px 20px;
    margin-bottom: 60px;
}
.blog_items_active{
    display: grid;
}
.blog_item_blck{
    justify-content: end;
    flex-direction: column;
    align-items: start;
    gap: 18px;
}
.blog_items_img{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 270px;
}
.read_more{
    text-align: center;
    background-color: var(--blueBold);
    border-radius: 90px;
    color: var(--white);
    font-size: var(--forteen);
    padding: 10px 20px;
    position: absolute;
    bottom: 22px;
    right: 22px;
    z-index: 1;
}
.read_more:hover{
    background-color: var(--gold);
}
.dateof_blog{
    font-size: var(--twofour);
    color: var(--blueBold);
}
.blogs_title_mini{
    font-size: var(--twofour);
    font-family: 'Outfit-Bold';
    color: var(--blueBold);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blogs_title_mini:hover{
    text-decoration: underline;
}
.read_more_gold{
    font-size: var(--sixteen);
    padding: 10px 20px;
    border-radius: 90px;
    color: var(--white);
    background-color: var(--gold);
}
.read_more_gold:hover{
    background-color: var(--blueBold);
}
.tabs_search_tabs{
    gap: 20px;
}
.blog_item_blck:hover .blog_items_img img{
    transform: scale(1.1);
}
.pagination_{
    align-items: stretch;
    justify-content: center;
    gap: 12px;
}
.pagination_sp, .prev_next_btn{
    font-size: var(--sixteen);
    font-family: 'Outfit-Medium';
    color: var(--blueBold);
    padding: 10px 20px;
    border-radius: 90px;
    justify-content: center;
}
.pagination_sp:hover, .pagination_sp_active, .prev_next_btn:hover{
    color: var(--white);
    background-color: var(--blueBold);
}
.choose_blog_tab{
    cursor: pointer;
    position: relative;
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.40);
}
.tabs_num{
    font-size: var(--twelve);
    position: absolute;
    padding-left: 4px;
    top: 0;
    left: 100%;
}
.choose_blog_tab:hover{
    color: var(--blueBold);
}
.choose_blog_tab_active{
    color: var(--blueBold);
    text-decoration: underline;
}
.search_blog_form{
    position: relative;
    max-width: 282px;
    width: 100%;
}
.search_blog_inp{
    color: var(--blueBold);
    background-color: transparent;
    font-size: 16px;
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid transparent;
}
.search_blog_inp::placeholder{
    color: rgba(0, 38, 84, 0.40);
}
.search_blog_inp:focus{
    border-color: var(--blueBold);
}
.inp_blog_btn{
    position: absolute;
    left: 0;
    cursor: pointer;
    background-color: transparent;
}
.search_blog_form:focus-within svg g path{
    fill-opacity: 1;
}
.blog_section .beige_back{
    padding-bottom: 60px;
    margin: 50px 0 62px 0;
}
/* end blog */

/* blog single */
.blog_title_section{
    margin-bottom: 100px;
    flex-direction: column;
    align-items: start;
    gap: 50px;
}
.blog_title_section .big_title{
    max-width: 710px;
    color: var(--blueBold);
}
.date_descrip_blck{
    align-items: stretch;
    gap: 20px;
}
.date_btn_blck{
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.dateof_blog_single{
    font-size: var(--twofour);
    color: var(--blueBold);
}
.news_events_btn{
    font-size: var(--forteen);
    color: var(--white);
    padding: 10px 20px;
    border-radius: 90px;
    background-color: var(--blueBold);
    cursor: pointer;;
}
.big_descrip{
    max-width: 832px;
    width: 70%;
    font-size: var(--titleFont);
    color: var(--blueBold);
}
.big_img {
    border-radius: 30px;
    overflow: hidden;
    background-image: url("../img/propos.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
}
.blog_description_section{
    align-items: start;
    gap: 20px;
    margin: 100px 0;
}
.choose_blog_descrips{
    max-height: 234px;
    overflow-y: auto;
    align-items: start;
    background-color: rgba(255, 255, 255, 0.40);
}
.sticky_blck{
    overflow: hidden;
    border-radius: 30px;
    position: sticky;
    top: 10px;
    max-width: 478px;
    width: 40%;
}
.items_tabs{
    background-color: rgba(255, 255, 255, 0.40);
    padding: 30px;
    flex-direction: column;
    align-items: start;
}
.articles_title{
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 38, 84, 0.20);
    font-size: var(--eighteen);
    font-family: 'Outfit-Bold';
    color: var(--blueBold);
}
.choose_article{
    cursor: pointer;
    padding: 10px 0;
    gap: 12px;
    border-bottom: 1px solid rgba(0, 38, 84, 0.20);
}
.art_sp{
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.40);
}
.choose_article:hover .art_sp, .choose_article_active .art_sp{
    color: var(--blueBold);
}
.choose_article:hover svg path, .choose_article_active {
    fill-opacity: 1;
}
.choose_article:hover svg circle, .choose_article_active {
    stroke-opacity: 1;
}
.chosen_article{
    display: none;
}
.chosen_article_active{
    display: flex;
}
.article_descrips{
    flex-direction: column;
    align-items: start;
    gap: 30px;
    max-width: 830px;
    width: 70%;
}
.chosen_article .description_{
    color: var(--blueBold);
}
.description_ h2, .description_ h3, .description_ h4, .description_ h5,
.description_ h6  {
    font-family: 'Outfit-Bold';
    margin-bottom: 8px;
    color: var(--blueBold);
}
.blog_item_section .beige_back{
    margin: 0;
}
.blog_item_slide{
    display: flex !important;
}
/* end blog single */

/* prendre rdv */
.prendre_section .next_day{
    background-color: transparent !important;
}
.prendre_section .inp_lab_blck .inputs_lab_sp{
    background-color: var(--beige);
}
.prendre_section .meeting_general_block{
    margin-bottom: 36px;
}
.prendre_descrip{
    text-align: center;
    margin-bottom: 50px;
    font-size: var(--twelve);
    font-family: 'Outfit-Medium';
}
/* end prendre rdv */

/* nos agences */
.nosagence_section{
    gap: 40px;
    align-items: start;
}
.nosagence_section .map_contact{
    height: 730px;
}
.saerch_magazine_blcks{
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.search_shop_form{
    position: relative;
}
.saerch_shop_inp{
    font-size: 16px;
    padding: 20px 20px 20px 60px;
    border-radius: 10px;
    background-color: var(--white);
}
.search_shop_btn{
    position: absolute;
    left: 20px;
    cursor: pointer;
    background-color: transparent;
}
.map_section{
    max-width: 830px;
    align-items: center;
    margin: 150px auto;
    color: var(--blueBold);
    text-align: center;
}
/* end nos agences */

/* lingots */
.padding_wrapper{
    padding: 20px;
}
.padding_wrapper .blue_back{
    border-radius: 20px;
    padding: 140px 0 80px 0 !important;
}
.blue_back .prev_page, .blue_back .to_this{
    color: rgba(255, 255, 255, 0.60);
}
.blue_back .navigation_blck{
    padding: 0;
}
.weight_info{
    padding: 10px;
    position: absolute;
    top: 80px;
    font-size: var(--eighteen);
    border-radius: 90px;
    min-width: 50px;
    justify-content: center;
    aspect-ratio: 1/1;
    color: rgba(255, 255, 255, 0.80);
    background: rgba(255, 255, 255, 0.20);
}
.padding_wrapper .slider_item{
    padding: 60px 0;
}
.swiper-slide-active .weight_info{
    top: 0;
    color: var(--blueBold);
    background-color: var(--gold);
}
.fr_icon{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}
.from_france{
    gap: 10px;
    justify-content: start;
    padding: 10px 50px 10px 10px;
    border-radius: 10px;
    background: #14294A;
}
.from_sp{
    font-family: 'Outfit-Thin';
    color: var(--white);
    font-size: var(--twofour);
    text-transform: uppercase;
}
.lingots_map .magazine_addrs_blck {
    gap: 0;
    padding: 0;
    flex-direction: row;
    max-height: none;
    align-items: stretch;
    overflow: initial;
}
.lingots_map .addres_section{
    max-width: none;
    width: 100%;
    left: 0;
}
.lingots_map .addres_info_window{
    display: flex !important;
    height: auto !important;
    max-width: 564px;
}
.lingots_map .shopSwiper{
    padding: 0 !important;
    padding-left: 120px !important;
}
.lingots_map .map_contact{
    height: 542px;
}
.step_animation_blck{
    z-index: 1;
    display: grid;
    position: relative;
    grid-template-columns: repeat(3, 1fr);
}
.animation_blck::before {
    content: "";
    position: absolute;
    bottom: 60px;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 450px);
    height: 1px;
    background: var(--gold);
}
@keyframes slideRight { 
    100% 
    { 
        left: calc(100vw - 100px); 
    } 
}
.back_anim{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index: 0;
    left: 0;
    background: var(--beige);
}
.back_anim_animate{
    animation: slideRight 4s forwards; 
}
.pulse_round{
    width: 48px;
    height: 48px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #B7B9BB;
    position: relative;
}
.no_pulse .pulse_round{
    background-color: var(--gold);
}
@keyframes ringPulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}
.border_round{
    z-index: 1;
    margin: 0 auto;
    justify-content: center;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    border: 1px solid rgba(0, 38, 84, 0.20);;
}
.border_active, .no_pulse{
    border-color: var(--gold);
}
.border_active .pulse_round::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--gold);
    transform: translate(-50%, -50%) scale(1);
    animation: ringPulse 1.5s infinite;
}
.step_item{
    justify-content: start;
    flex-direction: column;
    gap: 20px;
    position: relative;
}
.step_title{
    font-size: var(--twofour);
    color: var(--blueBold);
    text-align: center;
}
.step_descrip{
    font-size: var(--eighteen);
    color: rgba(0, 38, 84, 0.80);
    text-align: center;
    max-width: 305px;
    font-family: 'Outfit-Light';
}
.step_num{
    z-index: -1;
    position: absolute;
    bottom: -56%;
    color: rgba(206, 172, 106, 0.12);
    font-size: 16vw;
    font-family: 'Outfit-Medium';
}
.steps_info_blck{
    gap: 50px;
    margin: 100px 0;
    flex-direction: column;
}
.servSlider .advantage_items{
    height: auto !important;
    min-height: auto;
}
.servSlider{
    padding-left: 30px !important;
}
.servSlider .advantage_items{
    display: flex !important;
}
.blue_lingos{
    margin-top: 70px;
    border-radius: 14px;
    background: #042661;
    gap: 30px;
    overflow: hidden;
    position: relative;
}
.prix_img{
    margin-left: auto;
    max-width: 50%;
    z-index: 1;
    margin-bottom: auto;
}
.back_round{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.back_round img{
    object-position: left;
}
.about_lingot_inf{
    z-index: 1;
    padding: 20px 0 20px 50px;
    max-width: 60%;
    flex-direction: column;
    align-items: start;
    gap: 15px;
}
.blue_lingos .general_title{
    color: var(--white);
}
.star_descrip{
    align-items: start;
    gap: 22px;
}
.about_lingot_inf .general_title{
    margin-bottom: 20px;
}
.about_lingot_inf .description_{
    color: rgba(255, 255, 255, 0.80);
    font-family: 'Outfit-Light';
}
.star_icon{
    min-width: 20px;
}
.advatanges_block .general_title{
    max-width: 400px;
}
.faq_section{
    gap: 20px;
    align-items: start;
}
.faq_blcks {
    flex-direction: column;
    max-width: 766px;
    width: 60%;
    gap: 32px;
}
.acc_block {
    flex-direction: column;
    align-items: start;
    border-bottom: 1px solid rgba(0, 38, 84, 0.40);
}
.acc_title_blck {
    cursor: pointer;
    padding-bottom: 12px;
    gap: 10px;
}
.plus_minus_svg {
    width: 30px;
    height: 30px;
    justify-content: center;
    background-color: var(--white);
    border-radius: 50%;
}
.minus_acc {
    display: none;
}
.acc_block_active .plus_acc, .filt_drp_active .plus_acc{
    display: none;
}
.acc_block_active .minus_acc, .filt_drp_active .minus_acc {
    display: flex;
}
.acc_block_active .plus_minus_svg, .acc_block:hover .plus_minus_svg,
.filt_drp_active .plus_minus_svg, .drp_title_filt:hover .plus_minus_svg{
    background-color: var(--blueBold) !important;
}
.acc_block:hover .plus_minus_svg svg path,
.drp_title_filt:hover .plus_minus_svg svg path{
    fill: var(--white);
} 
.hidden_acc_blck {
    height: 0;
    overflow: hidden;
}
.acc_block_active .hidden_acc_blck {
    padding-bottom: 20px;
    height: auto;
}
.acc_title{
    font-size: var(--twofour);
    color: var(--blueBold);
    font-family: 'Outfit-Bold';
}
.only_descrip_blck{
    margin: 100px 0;
}
.blue_form{
    gap: 20px;
    align-items: stretch;
    margin-bottom: 100px;
    padding: 90px;
    border-radius: 20px;
    background-color: var(--blueBold);
}
.blue_form .general_title{
    color: var(--white);
}
.blue_form .description_{
    color: rgba(255, 255, 255, 0.60);
}
.blue_form .input_block{
    justify-content: start;
    max-width: 542px;
    width: 50%;
    gap: 30px;
}
.blue_form .inp_lab_blck .inputs_lab_sp{
    background-color: var(--blueBold);
    color: var(--white);
}
.blue_form .inps_{
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.40);
}
.blue_form .meeting_btn{
    color: var(--white);
    text-transform: uppercase;
}
.file_block{
    max-width: 620px;
    width: 50%;
    flex-direction: column;
    gap: 40px;   
}
.file_descrip{
    text-align: center;
    font-size: var(--forteen);
    color: rgba(255, 255, 255, 0.20);
}
.files_imgs_inps_web{
    justify-content: start;
    gap: 20px;
    flex-direction: column;
    height: 100%;
}
.input_img_download_web {
    cursor: pointer;
    position: relative;
    border-radius: 14px;
    width: 100%;
    height: 100%;
    padding: 30px;
    gap: 44px;
    flex-direction: column;
    justify-content: center;
    border: 1px dashed rgba(255, 255, 255, 0.20);
}
.error_image{
    border-color: red;
}
.upoload_img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    justify-content: center;
    background: rgba(255, 255, 255, 0.20);
}
.big_border, .mid_border{
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 50%;
    aspect-ratio: 1/1;
    justify-content: center;
}
.big_border{
    width: 236px;
    height: 236px;
}
.mid_border{
    width: 160px;
    height: 160px;
}
.file_btn_web{
    font-size: var(--forteen);
    max-width: 182px;
    text-align: center;
    color: rgba(255, 255, 255, 0.60);
}
.file_download_web {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.files_images_web {
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
}
.image_container_web{
    position: relative;
    width: 120px;
    height: 120px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    overflow: hidden;
}
.delete_img_web{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--white);
    position: absolute;
    top: 10px;
    justify-content: center;
    right: 10px;
}
.show_big .big_border{
    width: 80px;
    height: 80px;
}
.show_big .mid_border{
    width: 50px;
    height: 50px;
}
.show_big .upoload_img{
    width: 30px;
    height: 30px;
}
.show_big svg{
    height: 10px;
}
.show_big{
    gap: 12px;
    height: auto;
    padding: 12px;
}
/* end lingots */

/* bijoux */
.bijoux_section .big_title{
    max-width: 550px;
}
.bijoux_section .weight_info{
    aspect-ratio: initial;
}
.lux_brands .general_title{
    max-width: 550px;
}
.lux_brands .title_info_block{
    margin-top: 100px;
    margin-bottom: 40px;
}
.lux_brand_item{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
    height: 85px !important;
    padding: 20px;
    max-width: 312px;
    border-radius: 10px;
    background: #EFEBE6;
}
.br_sp{
    color: var(--blueBold);
    font-size: var(--twofour);
}
.br_img{
    width: 50px;
}
/* end bijoux */

/* diamant */
.step_title_blck .general_title{
    max-width: 430px;
}
.step_title_blck .descrip_view_blck{
    max-width: 670px;
}
.step_title_blck .title_info_block{
    align-items: start;
}
.step_title_blck .back_anim{
    background-color: #F1EDE8;
}
.step_ct{
    justify-content: center;
}
.diamond_ct{
    max-width: 400px;
}
/* end diamant */

/* about us */
.blue_des{
    font-size: var(--twofour);
    font-family: 'Outfit-Bold';
    color: var(--blueBold);
}
.aboutus_section .descrip_view_blck{
    max-width: 830px;
}
.left_side_descrip{
    margin: 100px 0 100px auto;
    max-width: 830px;
    margin-left: auto !important;
}
.about_static, .about_static_nms{
    align-items: stretch;
    gap: 20px;
}
.statistic_inf_blck{
    justify-content: start;
    gap: 20px;
    align-items: end;
}
.square_blck{
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    background-color: var(--gold);
}
.beige_back .contact_map_block {
    margin: 50px auto;
    width: calc(100% - 60px);
}
.beige_back .left_side_descrip{
    margin: 0;
}
.num_inf_stat{
    flex-direction: column;
    align-items: start;
}
.num_statis, .number_sp{
    max-width: 456px;
    font-size: 54px;
    color: var(--blueBold);
    font-family: 'Outfit-Bold';
}
.descrip_stat{
    font-size: var(--eighteen);
    color: var(--blueBold);
}
/* end about us */

/* catalog */
.catalog_block{
    margin: 42px 0 60px 0;
    align-items: start;
    gap: 20px;
}
.filter_blck{
    position: sticky;
    top: 10px;
    max-width: 345px;
    width: 30%;
    padding: 24px 14px 24px 24px;
    border-radius: 10px;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    background-color: var(--white);
}
.catalog_items{
    display: grid;
    gap: 20px;
    align-items: stretch;
    grid-template-columns: repeat(3, 1fr);
}
.catalog_items .gold_items{
    max-width: none !important;
}
.catalog_page{
    flex-direction: column;
    align-items: center;
    gap: 58px;
    max-width: 1075px;
    width: 75%;
}
.filter_title_blck{
    justify-content: start;
    gap: 20px;
}
.filter_sp{
    font-size: var(--twofour);
    color: var(--blueBold);
}
.filet_mob{
    display: none;
}
.filter_block{
    flex-direction: column;
    align-items: start;
    gap: 20px;
    max-height: 60vh;
    overflow: auto;
    padding-right: 10px;
}
.filter_block::-webkit-scrollbar-thumb {
    background-color: var(--blueBold);
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.filter_block::-webkit-scrollbar{
    height: 2px;
    width: 2px;
}
.filter_block::-webkit-scrollbar-track {
    background-color: #DFE5EA;
}
.filter_rel{
    position: relative;
}
.filter_inp{
    border-radius: 90px;
    border: 1px solid var(--beige);
    font-size: 16px;
    padding: 17px 16px 17px 48px;
}
.filter_search_btn{
    position: absolute;
    left: 20px;
    background-color: transparent;
    cursor: pointer;
}
.underline_grey{
    border-bottom: 2px solid rgba(229, 222, 213, 0.20);
}
.filt_drp{
    flex-direction: column;
}
.drp_title_filt{
    cursor: pointer;
    gap: 10px;
}
.categs_name{
    font-size: var(--sixteen);
    color: var(--blueBold);
}
.filter_drpdwn{
    flex-direction: column;
    align-items: start;
    height: 0;
    overflow: hidden;
}
.filt_drp_active .filter_drpdwn{
    overflow: inherit;
    margin-top: 12px;
    gap: 12px;
    height: auto;
}
.range_inp_blck {
    gap: 12px;
}
.dropdown_filblck {
    flex-direction: column;
    gap: 12px;
}
.min_max_inps {
    width: 50%;
    position: relative;
}
.inp_filt_ {
    padding: 17px 34px 17px 20px;
    font-size: var(--sixteen);
    border-radius: 90px;
    border: 1px solid #E5DED5;
}
.inp_filt_:focus{
    border-color: var(--blueBold);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.currency_{
    position: absolute;
    right: 20px;
    font-size: var(--forteen);
    color: var(--blueBold);
    text-transform: uppercase;
}
.filter_range_block {
    margin-bottom: 10px;
    position: relative;
}
.filter_range_block .slider-track {
    width: 100%;
    height: 2px;
    margin: auto;
    border-radius: 10px;
}
.filter_range_block input[type="range"] {
    position: absolute;
    z-index: 2;
    left: 0;
    appearance: none;
    width: 100%;
    outline: none;
    margin: auto;
    background-color: transparent;
    pointer-events: none;
}
.filter_range_block input[type="range"]::-webkit-slider-runnable-track {
    appearance: none;
    height: 2px;
}
.filter_range_block input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    height: 20px;
    width: 20px;
    background-color: var(--blueBold);
    cursor: pointer;
    margin-top: -11px;
    pointer-events: auto;
    border-radius: 50%;
}
.filter_range_block input[type="range"]:active::-webkit-slider-thumb {
    background-color: var(--blueBold);
}
.filter_range_block input[type="range"]::-webkit-slider-thumb:before {
    content: " ";
    display: block;
    width: 100px;
    height: 2px;
    background-color: var(--blueBold);
}
.filt_drp .plus_minus_svg{
    background-color: var(--beige);
}
.drp_title{
    cursor: pointer;
    gap: 10px;
    padding: 17px 20px;
    border-radius: 90px;
    border: 1px solid #E5DED5;
}
.chosen_sort{
    font-size: var(--sixteen);
    color: rgba(0, 38, 84, 0.20);
}
.drp_title:hover{
    border-color: var(--blueBold);
}
.filter_drpdwn .dropdown_{
    top: 60px;
    align-items: start;
}
.choose_sort{
    text-transform: capitalize;
    cursor: pointer;
    color: var(--blueBold);
}
.choose_sort:hover{
    text-decoration: underline;
}
.choose_checks{
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.checko_, .checko_ input, .checkbox_form {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.radio_lab {
    position: relative;
    cursor: pointer;
    gap: 12px;
}
.checko_ {
    position: relative;
}
.choose_radio {
    color: var(--blueBold);
    font-size: var(--forteen);
}
.checkbox_form {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FAF8F7;
    position: absolute;
    cursor: pointer;
    z-index: 0;
}
.checko_svg{
    opacity: 0;
}
.checko_ input:checked~.checkbox_form .checko_svg{
    opacity: 1;
}
.show_more_btn, .hide_btn{
    color: var(--gold);
    font-size: var(--sixteen);
    cursor: pointer;
}
.show_more_btn:hover, .hide_btn:hover{
    text-decoration: underline;
}
.hide_btn{
    display: none;
}
.choose_checks .radio_lab {
    display: none;
}
.choose_checks .radio_lab:nth-child(-n+4) {
    display: flex;
}
.showed_items{
    display: flex !important;
}
.banner_item{
    align-items: center;
    justify-content: end;
    position: relative;
    background-color: var(--blueBold);
}
.back_icon{
    position: absolute;
    left: -20px;
    top: 30px;
}
.banners_title{
    text-align: center;
    color: var(--white);
    font-size: 32px;
}
.banner_img, .banners_title{
    z-index: 1;
}
.banner_item .view_product{
    z-index: 1;
    background-color: var(--gold);
    margin: 0;
    width: fit-content;
}
.banner_item:hover .banner_img{
    transform: scale(1.1);
}
/* end catalog */

/* login / register / forgot */
.for_right{
    min-height: fit-content;
    height: 70vh;
    max-height: 1000px;
    position: relative;
}
.user_right_img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 48%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}
.user_right_img img{
    object-position: right;
}
.user_footer{
    padding: 30px 0 !important;
    background-color: transparent;
}
.user_footer .rights_reserved, .user_footer .cgv_sp{
    color: var(--blueBold);
}
.user_footer .f_last{
    margin: 0;
}
.user_form_secion{
    max-width: 540px;
    width: 50%;
    flex-direction: column;
}
.user_form_block{
    flex-direction: column;
    gap: 26px;
}
.user_form_block .big_title{
    margin-bottom: 20px;
    color: var(--blueBold);
    align-self: flex-start;
}
.user_form_block .inputs_lab_sp{
    background-color: var(--beige);
}
.eye, .eye_line {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    display: none;
    cursor: pointer;
}
.eye_active {
    display: flex;
}
.forgot_pass{
    font-size: var(--forteen);
    color: var(--blueBold);
    cursor: pointer;
    font-family: 'Outfit-Medium';
}
.forgot_pass:hover{
    text-decoration: underline;
}
.login_btn{
    text-align: center;
    padding: 22px;
    font-family: 'Outfit-Medium';
    background-color: var(--blueBold);
    color: var(--white);
    font-size: var(--forteen);
    border-radius: 90px;
    cursor: pointer;
}
.login_btn:hover{
    color: var(--blueBold);
    background-color: var(--gold);
}
.or_blck{
    justify-content: center;
    gap: 30px;
}
.or_lines{
    max-width: 150px;
    width: 100%;
    border-bottom: 1px solid var(--blueBold);
}
.or_sp{
    min-width: fit-content;
    font-size: var(--twelve);
    color: var(--blueBold);
}
.with_google{
    position: relative;
    padding: 20px 45px;
    gap: 20px;
    border-radius: 90px;
    background-color: var(--gold);
    cursor: pointer;
}
.google_sp{
    margin: 0 auto;
    color: var(--blueBold);
    font-size: var(--forteen);
    font-family: 'Outfit-Medium';
}
.google_svg{
    position: absolute;
    left: 20px;
}
.with_google:hover{
    background-color: var(--blueBold);
}
.with_google:hover .google_svg svg path{
    fill: var(--gold);
}
.with_google:hover .google_sp{
    color: var(--gold);
}
.have_account, .go_register{
    font-size: var(--forteen);
    color: var(--blueBold);
    font-family: 'Outfit-Medium';
}
.go_register:hover{
    text-decoration: underline;
}
.two_inps{
    align-items: start;
    gap: 20px;
}
/* END login / register / forgot */