@font-face {
    font-family: 'NotoSans_Light';
    src: url('../fonts/NotoSans-Light.ttf');
}
@font-face {
    font-family: 'NotoSans_Medium';
    src: url('../fonts/NotoSans-Medium.ttf');
}
@font-face {
    font-family: 'Mardoto_Regular';
    src: url('../fonts/Mardoto-Regular.ttf');
}
@font-face {
    font-family: "NotoSans_Regular";
    src: url('../fonts/NotoSans-regular.ttf');
}
@font-face {
    font-family: "BoldNoto";
    src: url('../fonts/NotoSans-Bold.ttf');
}

html{
    scroll-behavior: smooth;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 300ms ease-out;
}

body{
    font-family: NotoSans_Regular !important;
    font-weight: 500;
    color: var(--gray);
}

.beige_fl{
    font-family: NotoSans_Regular !important;
}

.beige_fl:last-child{
    font-family: NotoSans_Regular !important;
    font-weight: 500;
}

.last_head_line{
    font-family: NotoSans_Regular !important;
}
.mini_mark_cat{
    font-family: NotoSans_Regular !important;

}
.blue_btn{
    font-family: NotoSans_Regular !important;
    font-weight: 700;
}


.title_banner{
    font-family: NotoSans_Regular !important;
    font-weight: 700;
}
*:focus{
    outline: none;
}
*:hover{
    transition: all .3s ease-in;
}
.mini_markets_drpndwn .dropdown_{
    box-shadow: none;
}

a{
    text-decoration: none;
    color: var(--gray);
}
img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popUpOfferButton button:hover{
    background-color: #17A2B8;
    color: #FFFFFF;
}
.popUpOfferButton button:last-of-type:hover{
    background-color: #058397;
}
:root {
    --blue: #17A2B8;
    --blueBold: #058397;
    --gray:#282828;
    --green: #18AE00;
    --grayWithOpacity: rgba(40, 40, 40, 0.5);
    --white: #FFFFFF;
    --backOpacity: #DFDFDF33;
    --beige: rgba(196, 196, 196, 0.1);
}
.wrapper{
    max-width: 1840px;
    width: 100%;
    margin: 0 auto;
    padding: 0 120px;
}
.full_wrapper{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.d_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.d_none{
    display: none;
}
/* header  */
.position{
    position: relative;
}
.fixed_head{
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: column;
    transition: top 0.3s;
    background-color: white;
    z-index: 16;
}
#fixed_head.hide {
    top: -180px;
}
.threrd_list{
    position: absolute;
    top: 194px;
    right: 0;
    left: 0;
}
.log_reg_us{
    width: max-content;
}
header{
    height: 252px;
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    z-index: 12;
    background-color: var(--white);
}
.beige_head{
    background-color: var(--beige);
    padding: 14px 0;
    width: 100%;
}
.beige_fl{
    column-gap: 20px;
    width: 100%;
}
.head_about{
    column-gap: 35px;
}
.loc_head{
    column-gap: 14px;
}
.loc_head:hover svg path{
    fill: var(--blue);
}
.head_bar{
    font-size: 18px;
}
.head_bar:hover, .whatsapp_fl:hover .head_bar, .loc_head:hover .head_bar{
    color: var(--blue);
}
.border_line{
    height: 34px;
    border-right: 1px solid rgba(40, 40, 40, 0.1);
}
.whatsapp_fl{
    column-gap: 18px;
}
.open_head{
    font-size: 18px;
}

.mini_markets_drpndwn .cat_fl , .mini_all{
    display: none;
}
.open_head span{
    color: var(--green);
}
.choose_language {
    position: relative;
    cursor: pointer;
    max-width: 90px;
}
.choose_num{
    position: relative;
    cursor: pointer;
    max-width: 90px;
}
.chosen_lang, .click_lang, .chosen_phone_num, .chosen_sort, .chosen_num{
    column-gap: 10px;
}
.choose_currency .chosen_lang {
    column-gap: 14px;
}
.lang_sp {
    font-size: 16px;
}
.chosen_lang:hover .lang_sp, .offered_lang:hover .lang_sp{
    color: #FFFFFF;
}

.chosen_lang:hover .lang_sp, .offered_lang:hover{
    background-color: var(--blue);
}
.chosen_lang:hover .drop_btn svg path{
    stroke: var(--blue);
}
.drop_btn {
    width: 10px;
    height: 6px;
}
.dropdown_ {
    display: none;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 11;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0px 4.82129px 48.2129px rgba(0, 0, 0, 0.05);
}
.offered_lang {
    padding: 4px 10px;
    width: 100%;
    column-gap: 5px;
    font-size: 15px;
}

.choose_language .offered_lang:hover{
    background-color: #17A2B8;
    color: #FFFFFF;
}
.lang_block .dropdown_active {
    right: 11px;
}
.line_drpdwn{
    width: 100%;
    border-bottom: 1px solid #2828281A;
}
.dropdown_active{
    display: flex;
    flex-direction: column;
    width: max-content;
}
.lang_img {
    width: 19px;
    height: fit-content;
}
.middle_head_line{
    padding: 28px 0 32px 0;
    border-bottom: 1px solid #2828281A;
}
.mini_market_drpndwn{
    position: relative;
    max-width: 280px;
}
.mini_mark_cat{
    column-gap: 15px;
    padding: 16px 24px;
    min-width: 236px;
    width: 100%;
    background-color: var(--blue);
    border-radius: 10px;
    justify-content: center;
    cursor: pointer;
}
.mini_mark_cat:hover{
    background-color: var(--blueBold);
}
.min_sp{
    color: var(--white);
    font-size: 18px;
}
.mini_drpdwn{
    width: 100%;
    column-gap: 10px;
    border-bottom: 1px solid rgba(40, 40, 40, 0.1);
    padding: 22px 40px 22px 30px;
}
.mini_drpdwn:hover{
    background-color: #17a2b82b;
}
.mini_drpdwn img{
    mix-blend-mode: multiply;
}
.middle_head_line{
    column-gap: 10px;
}
.img_mini_mark{
    max-width: 120px;
    width: 100%;
    height: 38px;
}
.mini_markets_drpndwn .dropdown_{
    top: 160px;
    bottom: auto;
    max-width: 280px;
}
.view_mini{
    font-size: 20px;
}
.view_mini:hover, .mini_drpdwn:hover .view_mini{
    color: var(--blue);
}
.mini_drpdwn:hover svg path{
    stroke: var(--blue);
}
.head_inp_block{
    max-width: 710px;
    width: 100%;
    position: relative;
}

.dropdown_for_search{
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    background-color: white;
    padding: 10px 0;
    border-radius: 10px;
    z-index: 20;
    box-shadow: 0px 4.82129px 48.2129px rgb(0 0 0 / 10%);
}
.dropdown_for_search_active{
    display: flex;
    flex-direction: column;
}
.search_prod_block:hover .name_of_sp{
    color: var(--blue)
}
.search_prod_block:hover .search_prod_img{
    border-color: var(--blue)
}
.search_prod_img img{
    border-radius: 5px;
}
.search_prod_img{
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid transparent;
}
.name_of_search_prod{
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    max-width: 44%;
}
.code_search_prod{
    font-size: 16px;
    opacity: 0.6;
}

.name_of_sp{
    font-size: 20px;
}
.search_prod_block{
    width: 100%;
    padding: 1rem 2rem;
    display: flex;
    column-gap: 20px;
    border-bottom: 1px solid #2828281A;
}
.numof_prod_search{
    margin-left: auto;
    font-size: 18px;
    opacity: 0.7;
}
.search_prod_block:hover .numof_prod_search{
    opacity: 1;
}
.head_inp_block input{
    width: 100%;
    border: none;
    background: var(--beige);
    font-size: 18px;
    padding: 16px 32px;
    border-radius: 10px;
}
.head_inp_block input::placeholder{
    color: rgba(40, 40, 40, 0.3);
}
.search_svg{
    cursor: pointer;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 20px;
    right: 30px;
}
.search_svg:hover svg path, .fav_catal_link:hover svg path,
.add_fav:hover svg path{
    fill: var(--blue);
    opacity: 1;
}
.fav_catal_link{
    justify-content: center;
    min-width: 56px;
    height: 56px;
    background-color: var(--beige);
    border-radius: 10px;
    position: relative;
}
.notif_green{
    min-width: 14px;
    min-height: 14px;
    font-size: 8px;
    padding: 2px;
    right: -3px;
    bottom: -4px;
    justify-content: center;
    color: var(--white);
    border-radius: 90px;
    position: absolute;
    background-color: #18AE00;
}
.login_register_block, .drop_login{
    column-gap: 8px;
}
.user_mini{
    justify-content: center;
    background-color: var(--blue);
    border-radius: 10px;
    width: 56px;
    height: 56px;
    cursor: pointer;
}
.slash_{
    font-size: 18px;
}
.log_in, .register_{
    cursor: pointer;
}
.logined_user{
    justify-content: center;
    background-color: #DDB0FF;
    border-radius: 10px;
    color: var(--white);
    font-size: 25px;
    min-width: 46px;
    min-height: 46px;
}
.user_login_block{
    cursor: pointer;
    position: relative;
    display: none;
}
.user_login_block:hover .head_bar{
    color: var(--blue);
}
.user_login_block:hover .drop_login svg path{
    stroke: var(--blue);
}
.user_login_block .dropdown_{
    width: max-content;
    border-radius: 10px;
    top: 70px;
    bottom: auto;
    right: 0;
}
.login_menu_bar{
    padding: 20px 25px;
    justify-content: start;
    column-gap: 20px;
    color: #919191;
    font-size: 16px;
}
.login_menu_bar:hover{
    color: var(--white);
    background-color: var(--blue);
}
.login_menu_bar:hover svg path{
    fill: var(--white);
}
.login_menu_bar:first-child{
    border-radius: 5px 5px 0 0;
}
#dataWithPaginate{
    display: flex;
    flex-direction: column;
    row-gap: 36px;
}
.login_menu_bar:last-child{
    border-radius: 0 0 5px 5px;
}
.last_head_line{
    column-gap: 10px;
    padding-bottom: 20px;
}
.shop_{
    column-gap: 12px;
    cursor: pointer;
    font-size: 18px;
}
.sales_img:hover .img1{
    display: none;

}
.sales_img:hover .img2{
    display: block !important;
}
.slick-initialized .slick-slide{
    display: flex !important;
    height: fit-content !important;

    column-gap: 28px;;
}

.img2{
    display: none !important;
}
.shop_:hover{
    color: var(--blue);
}
.shop_:hover svg path{
    stroke: var(--blue);
}
.category_drpdnw{
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
    align-items: start;
}

.cat_fl{
    flex-direction: column;
    row-gap: 12px;
    align-items: flex-start;
}
.cat_sp{
    font-size: 20px;
    font-weight: 700;
}
.shop_drpdwn .dropdown_{
    z-index: 15;
    right: 0;
    top: 56px;
    padding: 35px 0 40px 0;
    width: 100%;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1)
}
.categories_area{
    flex-wrap: wrap;
    max-width: 270px;
    width: 100%;
    row-gap: 10px;
    column-gap: 10px;
}
.categories_area a{
    color: rgba(40, 40, 40, 0.7);
    font-size: 16px;
    min-width: 157px;
}
.categories_area a:hover{
    color: var(--blue);
}
.mini_baner{
    max-width: 300px;
    width: 100%;
    height: 178px;
    display: none;
}
.prod_sale_num{
    line-height: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    height: 48px;
    justify-content: center;
}
.payl_prod .prod_sale_num{
    align-items: end;
    height: auto;
}
.old_sale_jnj{
    font-size: 14px;
    color: red;
    text-decoration: line-through;
}


.sales_page{
    padding: 10px 26px;
    column-gap: 16px;
    font-size: 18px;
    background-color: #FAFAFA;
    border-radius: 10px;
}
.sales_page:hover{
    color: var(--blue);
}
.choose_phone{
    width: max-content;
    max-width: none;
    position: relative;
    cursor: pointer;
}
.choose_phone .offered_lang{
    justify-content: start;
    column-gap: 18px;
    padding: 20px 22px;
}

/* header  */

/* home  */
main{
    padding-top: 20px;
}
.general_slide_block  .swiper-button-next, .general_slide_block  .swiper-button-prev{
    top: 50% !important;
}
.swiper-button-next, .swiper-button-prev {
    width: 0 !important;
    top: 44% !important;
}
.spier_next{
    right: -30px;
}
.swiper_prev{
    left: -30px;
}
.general_slide_block .spier_next{
    right: -25px;
    top: 0;
}
.general_slide_block .swiper_prev{
    left: -25px;
    top: 0;
}

.spier_next, .swiper_prev, .slick-prev, .slick-next{
    position: absolute;
    width: 52px;
    top: 45%;
    height: 52px;
    cursor: pointer;
    z-index: 11;
    justify-content: center;
    background-color: var(--white);
    border-radius: 90px;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 50%;
    display: block;
    width: 52px;
    height: 52px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.general_slide_block .swiper-slide img{
    border-radius: 10px;
}
.wrapper_for_swiper{
    overflow: hidden;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30px !important;
}
.general_slide_block .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 30px;
}
.best_sales .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 42px !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: '' !important;
}
.choose_gift_section{
    width: 100%;
    flex-wrap: wrap;
    padding: 36px 52px 36px 46px;
    background-color: var(--backOpacity);
    margin-top: 48px;
    border-radius: 20px;
}
.choose_gift_by{
    column-gap: 32px;
}
.choose_title{
    font-size: 35px;
    max-width: 368px;
    color: rgba(40, 40, 40, 0.7);
}
.big_line{
    height: 76px;
    border-right: 1px solid rgba(40, 40, 40, 0.1);
}
.chosen_sp{
    font-size: 20px;
}
.chosen_gift_mode{
    column-gap: 10px;
    cursor: pointer;
}
.chosen_gift_mode:hover .chosen_sp{
    color: var(--blue);
}
.chosen_gift_mode:hover svg path{
    stroke: var(--blue);
}
.title_round{
    font-size: 18px;
    text-align: center;
}
.for_dropdwn{
    padding: 6px 12px;
    cursor: pointer;
    font-size: 16px;
}
.for_dropdwn:hover{
    color: var(--blue);
}
.gift_drpdwn_block{
    position: relative;
}
.gift_drpdwn_block .dropdown_{
    min-width: 150px;
    max-height: 220px;
    overflow: auto;
}
.dropdown_::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.dropdown_::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    opacity: 0.3;
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.reset_filters{
    font-size: 20px;
    color: #282828;
    opacity: 0.5;
    cursor: pointer;
}
.blue_btn{
    background-color: var(--blue);
    border-radius: 10px;
    padding: 14px 50px;
    color: var(--white);
    font-size: 20px;
    border: none;
    cursor: pointer;
}
.blue_btn:hover{
    background-color: var(--blueBold);
}
.round_slide_block{
    margin-top: 86px;
    padding-bottom: 30px 0;
}
.round_prod{
    flex-direction: column;
    row-gap: 20px;
}
.round_w_img{
    width: 220px;
    height: 220px;
    background: #FAFAFA;
    border-radius: 120px;
}
.round_prod:hover .round_w_img{
    background-color: #E1D2EC;
}
.round_w_img img{
    mix-blend-mode: multiply;
    border-radius: 136px;
}
.banner_section{
    column-gap: 20px;
    margin: 66px 0;
}
.banner_back img{
    border-radius: 40px;
}
.banner_back{
    /*background-image: url(../img/miniflow.jpg);*/
    max-width: 830px;
    width: 100%;
    /*min-height: 328px;*/
    padding: 62px 0 62px 66px;
    border-radius: 40px;
    justify-content: start;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 22px;
}
.title_banner{
    font-size: 40px;
    /*max-width: 400px;*/
    color: var(--backOpacity);
    color: #282828B2;
    opacity: 0.7;
    font-weight: bold;
}
.about_banner_text{
    max-width: 380px;
    font-size: 18px;
    line-height: 25px;
    color: #282828B2;
    opacity: 0.7;
}
.best_sellers_section{
    flex-direction: column;
    row-gap: 22px;
    padding-top: 30px;
    width: 100%;
}
.block_title{
    font-size: 40px;
    font-weight: 700;
    font-family: NotoSans_Regular;
}
.view_all{
    font-size: 18px;
    text-decoration: underline;
}
.view_all:hover{
    color: var(--blue);
}
.sto_{
    width: 100%;
}
.sales_prod{
    position: relative;
    background-color: var(--white);
    border-radius: 24px;
    padding: 182px 18px 20px 24px;
    justify-content: end;
    flex-direction: column;
    min-width: 316px;
    max-width: 316px;
    box-shadow: 0px 4.82129px 48.2129px rgba(0, 0, 0, 0.05);
}
.sales_back{
    background: #FCFCFC;
    padding: 40px 0;
}
.under_block_sale{
    flex-direction: column;
    row-gap: 6px;
    align-items: flex-start;
}
.name_prod{
    min-height: 54px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
}
.price_catalog{
    column-gap: 10px;
}
.add_catalog{
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    min-width: 42px;
    height: 42px;
    display: flex;
    gap: 10px;
    color: white;
    border-radius: 12px;
    background-color: var(--blue);
    justify-content: center;
}
.add_catalog:hover{
    background-color: var(--blueBold);
}
.proce_w_sale{
    font-weight: bold;
    font-size: 20px;
    width: max-content;
}

.sales_img img{
    mix-blend-mode: multiply;
    border-radius: 10px;
}
.sales_img_block{
    position: absolute;
    bottom: 180px;
    right: 18px;
    max-width: 280px;
    width: 100%;
    background: #F3E1FF38;
    /*padding: 20px 34px;*/
    border-radius: 24px;
}
.best_seller {
    width: 100%;

    /*padding: 148px 0 20px 0px !important;*/
}

.best_seller a{
    color: var(--blue)
}

.best_seller b{
    font-weight: 600;
}
.best_seller .add_catalog {
    color: #FFFFFF;
}
.best_seller .name_prod{
    color: var(--gray);
}
.best_seller .slick-list{
    padding: 156px 0 20px 0px !important;
}

.slick-track{
    display: flex !important;
    column-gap: 26px;
    padding: 20px 0;
}

.add_to_fav{
    position: absolute;
    top: 28px;
    right: 30px;
    z-index: 10;
    cursor: pointer;
}
.sale_num{
    padding: 2px 14px;
    background-color: #FF2626;
    font-size: 20px;
    position: absolute;
    bottom: 30px;
    left: 18px;
    color: var(--white);
    z-index: 10;
    border-radius: 100px;
}
.new_prod{
    background-color:#18AE00;
    top: 28px;
    bottom: auto !important;
}
/*.best_sales{*/
/*    margin-bottom: 100px;*/
/*}*/
.three_banners .banner_back{
    padding: 0;
    max-width: 546px;
    /*height: 322px;*/
    background-image: none;
}
.partner_slide_block{
    background-color: #FCFCFC;
    /*padding: 48px 120px 94px 120px;*/
}
.be_partner{
    font-size: 20px;
    color: var(--white);
    padding: 14px 56px;
    background-color: var(--blue);
    border-radius: 10px;
}
.be_partner:hover{
    background-color: var(--blueBold);
}
.partner_prod{
    max-width: 320px;
    height: 170px !important;
    display: flex;
    transition: all 300ms ease-out;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border: 2px solid transparent;
}
.partner_img{
    max-width: 230px;
    padding: 45px 0px;
}
.partner_slide{
    width: 100%;
    padding: 20px 30px !important;
}

.partner_slide .round_slide_block{
    margin: 0;
}
.partner_prod:hover{
    border-color: var(--blue);
    box-shadow: none;
    transition: all .3s ease-in;
}
.form_catal_mob{
    display: flex;
    column-gap: 20px;
    width: 100%;
}

/* home */

/* footer  */
footer{
    padding: 42px 30px 32px 0;
    background: #FAFAFA;
}
.firts_footer_block{
    row-gap: 16px;
    align-items: flex-end;
    flex-direction: column;
    padding-bottom: 24px;
}
.ff_bar{
    column-gap: 20px;
    align-items: flex-start;
}
.company_f{
    flex-direction: column;
    row-gap: 6px;
    align-items: flex-start;
}
.f_title{
    font-size: 18px;
    font-weight: bold;
}
.company_f a{
    font-size: 18px;
    opacity: 0.7;
}
.company_f a:hover{
    opacity: 1;
    color: var(--blue);
}
.contact_f{
    column-gap: 12px;
}
.contact_f:hover svg path{
    fill: var(--blue);
}
.svg_square{
    width: 40px;
    height: 40px;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--beige);
}
.time_f{
    flex-direction: column;
    align-items: flex-start;
}
.open_{
    font-size: 12px;
    opacity: 0.5;
}
.about_cont{
    font-size: 18px;
    opacity: 0.7;
}
.social_f{
    flex-direction: column;
    align-items: flex-end;
    row-gap: 16px;
}
.social_lock{
    column-gap: 16px;
}
.banner_f{
    max-width: 220px;
    width: 100%;
}
.banner_f img{
    border-radius: 10px;
}
.fb_inst{
    width: 40px;
    height: 40px;
    background-color: var(--beige);
    border-radius: 10px;
    justify-content: center;
    border: 1px solid transparent;
}
.fb_inst:hover{
    border-color: var(--blue);
}
.second_footer_block{
    border-top: 1px solid #00000033;
    padding-top: 18px;
    flex-wrap: wrap;
}
.lat_date{
    font-size: 18px;
}
.privacy_and_cards{
    column-gap: 26px;
}
.privacy_a{
    font-size: 18px;
    opacity: 0.7;
    text-decoration: underline;
    margin-right: 30px;
}
.privacy_a:hover{
    color: var(--blue);
    opacity: 1;
}
.down_mob{
    display: none;
    cursor: pointer;
}
/* footer  */


/* login popup  */
.login_popup_block, .register_section, .reset_password_section,
.successfull_section, .new_password_section, .order_confirmed_section,
.are_you_old_section, .choose_date_popup{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 91;
    width: 100%;
    height: 100%;
    background: rgba(23, 162, 184, 0.4);
    display: none;
}
.login_block{
    max-width: 430px;
    width: 100%;
    background-color: var(--white);
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.login_popup{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    width: 100%;
}
.login_title{
    font-weight: 700;
    font-size: 26px;
}
.close_login{
    cursor: pointer;
}
.close_login:hover svg path{
    fill: var(--blue);
}
.log_form{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
}
.log_inp{
    width: 100%;
    border: none;
    padding: 12px 22px;
    border-radius: 4px;
    font-size: 14px;
    background: rgba(196, 196, 196, 0.15);
}
.log_inp::placeholder{
    color: rgba(40, 40, 40, 0.2);
}
.pass_area{
    width: 100%;
    position: relative;
}
.eye, .eye_line{
    position: absolute;
    top: 14px;
    right: 23px;
    display: none;
    cursor: pointer;
}
.eye_active{
    display: block;
}
.remember_me_section{
    display: flex;
    align-items: center;
    column-gap: 11px;
}

.are_you_ceck_block span:first-of-type{
    font-size: 20px;
    font-weight: 800;
}
.remember_me_check{
    position: relative;
    width: 10px;
    height: 10px;
}
.remember_me_check input{
    opacity: 0;
    width: 10px;
    height: 10px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.remember_forgot{
    width: 100%;
}
.remember_me_check input:checked~.checkbox_form {
    background-image: url(../img/bsmale.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.checkbox_form{
    width: 10px;
    height: 10px;
    border: 1.5px solid #717171;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    cursor: pointer;
    z-index: 0;
}
.add_to_fav:hover svg path{
    fill: var(--blue)
}

.remembo{
    font-size: 12px;
    color: var(--grayWithOpacity);
    cursor: pointer;
}
.forgot_pass{
    font-size: 12px;
    color:  rgba(113, 113, 113, 0.69);
    cursor: pointer;
}
.forgot_pass:hover{
    color: var(--blueBold);
    text-decoration: underline;
}
.login_butt{
    width: 100%;
    padding: 12px 0;
    background-color: var(--blue);
    color: var(--white);
    font-size: 14px;
    border: none;
    border-radius: 7px;
    justify-content: center;
    cursor: pointer;
}
.login_butt:hover{
    background-color: var(--blueBold);
}
.go_to_reg{
    cursor: pointer;
    color: var(--gray);
    font-size: 12px;
    text-decoration: underline;
    align-self: center;
}
.go_to_reg:hover{
    color: var(--blue);
}
/* end login popup  */

/* register popup  */

.register_block{
    max-width: 430px;
    width: 100%;
    padding: 25px;
    background-color: var(--white);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.register_popup{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    width: 100%;
}
.register_title{
    font-weight: 700;
    font-size: 26px;
}
.close_register{
    cursor: pointer;
}
.accept_y{
    color: var(--blue);
}
/* register popup  */

/* reset password popup  */

.reset_password_popup{
    max-width: 430px;
    width: 100%;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: var(--white);
    padding: 25px;
}
.reset_password{
    display: flex;
    flex-direction: column;
    row-gap: 11px;
    width: 100%;
}
.reset_title{
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 4px;
}
.send_pass_reset_btn{
    width: 100%;
    background-color: var(--blue);
    padding: 12px 0;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 7px;
    border: none;
    color: var(--white);
}
.send_pass_reset_btn:hover{
    background-color: var(--blueBold);
}
.close_reset_popup{
    cursor: pointer;
    margin-bottom: 5px;
}
/* end reset password popup */

/* successfully senc popup  */
.successfull_popup{
    max-width: 430px;
    width: 100%;
    padding: 31px 25px 22px 25px;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    position: relative;
}
.successfull_block{
    display: flex;
    flex-direction: column;
    row-gap: 9px;
    align-items: center;
    justify-content: center;
}
.done_success{
    width: 112px;
    height: 112px;
    background-color: var(--blue);
    justify-content: center;
    border-radius: 90px;
}
.successfull_title{
    font-weight: 700;
    font-size: 26px;
    margin-top: 11px;
}
.scs_p{
    font-size: 13px;
    color: var(--grayWithOpacity);
    margin-bottom: 5px;
}
.close_scs_btn{
    border: none;
    border-radius: 7px;
    width: 100%;
    padding: 12px 0;
    justify-content: center;
    background-color: var(--blue);
    color: var(--white);
    font-size: 14px;
    cursor: pointer;
}
.close_scs_btn:hover{
    transition: all .3s ease-in;
    background-color: var(--blueBold);
}
.close_success{
    position: absolute;
    top: 41px;
    right: 41px;
    cursor: pointer;
}
.close_success:hover svg path{
    fill: var(--blue);
}
/* end successfully senc popup  */

/* new password popup  */

.new_password_block{
    max-width: 430px;
    width: 100%;
    background-color: var(--white);
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.new_password_popup{
    display: flex;
    flex-direction: column;
    row-gap: 11px;
    width: 100%;
}
.close_new_pass{
    cursor: pointer;
}
.close_new_pass:hover svg path{
    fill: var(--blue);
}
.new_d{
    margin-bottom: 7px;
}
/* end new password popup  */

/* order was confirmed  */
.order_confirmed_block{
    max-width: 406px;
    width: 100%;
    background-color: var(--white);
    border-radius: 14px;
    padding: 24px 24px 54px 24px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.confirmed_popup{
    flex-direction: column;
    row-gap: 20px;
}
.close_mini_popups{
    cursor: pointer;
    align-self: flex-end;
}
.close_mini_popups:hover svg path{
    stroke: var(--blue);
}
.mini_pop_img{
    max-width: 300px;
    width: 100%;
}
.mini_pop_title{
    font-size: 18px;
    max-width: 298px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 25px;
}
/* order was confirmed  */

/* are you 18  */
.are_you_block{
    border-radius: 14px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    max-width: 406px;
    width: 100%;
    padding: 24px;
    background-color: white;
}
.are_you_popup{
    flex-direction: column;
    row-gap: 4px;
    display: flex;
    align-items: center;
}
.questionable_icon{
    max-width: 125px;
    width: 100%;
    margin-bottom: 16px;
}
.are_you_ceck_block{
    max-width: 156px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 38px;
}
.are_you_ceck_block .checkbox_form{
    border-radius: 10px;
    border: 1px solid #282828;
}
.are_you_ceck_block .remembo{
    font-size: 18px;
}
.yes_or_yes{
    width: 100%;
    padding: 14px 0;
    border-radius: 10px;
    background: #17A2B8;
    color: white;
    font-size: 20px;
    justify-content: center;
}
.are_you_ceck_block .remember_me_check,
.are_you_ceck_block .remember_me_check input,
.are_you_ceck_block .checkbox_form {
    width: 18px;
    height: 18px;
}
/* are you 18  */

/* catalog page  */
.from_to_page{
    justify-content: start;
    column-gap: 16px;
}
.from_this{
    font-size: 18px;
}
.from_this:hover{
    color: var(--blue);
    text-decoration: underline;
}
.this_page{
    font-size: 18px;
    opacity: 0.7;
}
.filter_section{
    column-gap: 30px;
    margin-top: 34px;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 43px;
}
.filer_block{
    width: 306px;
    min-width: 306px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 24px 22px;
    display: flex;
    row-gap: 14px;
    flex-direction: column;
}
.filter_title{
    font-size: 22px;
}
.from_to_price{
    column-gap: 10px;
}
.input_for_amd{
    max-width: 116px;
    width: 100%;
    position: relative;
}
.inp_price{
    width: 100%;
    padding: 8px 44px 8px 10px;
    background: rgba(196, 196, 196, 0.2);
    border-radius: 4px;
    font-size: 12px;
    border: none;
}
.amd_for_inp {
    position: absolute;
    right: 14px;
    top: 8px;
    opacity: 0.2;
    font-size: 12px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.filter_range_block .slider-track {
    width: 100%;
    height: 5px;
    margin: auto;
    border-radius: 10px;
}
.filter_range_block{
    position: relative;
}
.filter_range_block input[type="range"] {
    position: absolute;
    z-index: 2;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    margin: auto;
    background-color: transparent;
    pointer-events: none;
}
.filter_range_block input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}
.filter_range_block input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    background-color: #62C3D2;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    border: 1px solid white;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
}
.filter_range_block input[type="range"]:active::-webkit-slider-thumb {
    background-color: #ffffff;
    border-color: #62C3D2;
}
.filter_range_block input[type="range"]::-webkit-slider-thumb:before {
    content: " ";
    display: block;
    width: 100px;
    height: 10px;
    background-color: #62C3D2;
}
.choose_category{
    max-width: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.chosen_categor{
    border-radius: 4px;
}
.choose_category .dropdown_{
    width: 100%;
    gap: 7px;
    max-height: 150px;
    overflow: hidden;
    position: initial;
    background-color: transparent;
    box-shadow: none;
}
.color_block{
    width: 100%;
    padding: 10px;
    display: flex;
    column-gap: 8px;
    row-gap: 6px;
    flex-wrap: wrap;
}
.catalog_color_choose{
    width: 45px;
    height: 45px;
    padding: 2px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid transparent;
}
.catalog_color_choose:hover, .catalog_color_choose_active {
    border-color: var(--blue);
}
.color_round{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
}
.black_round{
    background-color: black;
}
.white_round{
    border: 1px solid #80808036;
    background-color: white;
}
.yellow_round{
    background-color: yellow;
}
.red_round{
    background-color: red;
}
.blue_round{
    background-color: #044B90;
}
.green_round{
    background-color: #00B73E;
}
.apply_filter{
    width: 100%;
    padding: 16px 10px;
    border-radius: 10px;
    background-color: var(--blue);
    color: white;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border: none;
}
.apply_filter:hover{
    background-color: var(--blueBold);
}
.close_filt{
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    align-self: center;
}
.close_filt:hover{
    color: var(--blue);
}
.filtered_block{
    flex-direction: column;
    row-gap: 20px;
    max-width: 1338px;
    width: 100%;
    align-items: start;
}
.big_banner{
    width: 100%;
    height: auto;
    max-width: 1840px;
    margin: 0 auto;
}
.big_banner img{
    border-radius: 40px;
}
.sort_by_line{
    position: relative;
    align-items: start;
    gap: 10px;
}
.sort_by_line  .filer_block {
    display: none;
}
.fliter_btn_mob{
    padding: 14px 36px 14px 20px;
    background-color: var(--blue);
    color: var(--white);
    font-size: 18px;
    column-gap: 10px;
    border-radius: 10px;
    display: none;
    cursor: pointer;
}
.sort_drpdwn_block{
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 26px;
    width: 100%;
}
.show_drp{
    opacity: 0.7;
    font-size: 18px;
}
.choose_sort{
    max-width: 300px;
    position: relative;
    cursor: pointer;
}

.filter_prod_block{
    padding-top: 110px;
    flex-wrap: wrap;
    row-gap: 182px;
    width: 100%;
    column-gap: 12px;
    justify-content: start;
}
.filter_prod_block .sales_prod{
    width: calc(100% / 4 - 10px);
    min-width: 23%;
}
.pagination{
    justify-content: end;
}
.pagination_block{
    column-gap: 28px;
}
.pagination_sp{
    padding: 8px 16px;
    border-radius: 9px;
    cursor: pointer;
    font-size: 22px;
}
.pagination_sp_active, .pagination_sp:hover{
    background-color: var(--blue);
    color: var(--white);
}
.filter_market{
    flex-direction: column;
    row-gap: 20px;
}
.market_name_catalog{
    width: 306px;
    min-width: 306px;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 18px 0;
    justify-content: center;
    height: 70px;
}
.market_img{
    max-width: 100px;
    height: 100%;
}
.market_img img{
    object-fit: contain;
}
/* catalog page  */

/* product page  */
.product_section{
    column-gap: 20px;
    width: 100%;
    margin-top: 28px;
    align-items: flex-start;
    margin-bottom: 98px;
}
.product_slider_block{
    column-gap: 24px;
    align-items: start;
}
.mini_prod_pics{
    flex-direction: column;
    row-gap: 20px;
    height: 905px;
    overflow: auto;
    justify-content: start;
}
.mini_prod_pics::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.mini_prod_pics::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    opacity: 0.3;
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.mini_prod_img{
    width: 165px;
    min-width: 165px;
    height: 165px;
    min-height: 165px;
    cursor: pointer;
    object-fit: cover;
    border-radius: 20px;
    border: 2px solid transparent;
}
.mini_prod_img_active{
    border-color:#696969;
}
.general_prod_img{
    width: 690px;
    height: 900px;
    cursor: pointer;
    position: relative;
}
.general_prod_img img{
    border-radius: 20px;
    object-fit: contain;
}
.about_product_block{
    max-width: 732px;
    width: 100%;
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
}

.about_product_block p:nth-child( 17 ){
    font-size: 18px;
    font-family: NotoSans_Bold;

}
.flw_name_prod{
    font-family: NotoSans_Bold;
    max-width: 332px;
    font-size: 22px;
    font-weight: bold;
}
.add_fav{
    min-width: 32px;
    min-height: 32px;
    cursor: pointer;
    border-radius: 10px;
    background: #FAFAFA;
    justify-content: center;
}
.prod_brand{
    justify-content: start;
    column-gap: 12px;
}
.brand_sp{
    font-size: 16px;
    opacity: 0.7;
}
.flw_name_fav {
    align-items: flex-start;
}
.brand_link{
    font-family: NotoSans_Bold;
    color: #18AE00;
    opacity: 0.7;
    text-decoration: underline;
}
.brand_link:hover{
    opacity: 1;
}
.underline_{
    width: 100%;
    border-bottom: 1px solid #2828281A;
}
.warning_{
    max-width: 682px;
    width: 100%;
    padding: 16px 30px;
    background: #FFCDCD;
    border-radius: 5px;
    font-size: 18px;
    margin: 8px 0 6px 0;
}
.link_f_p{
    font-weight: bold;
    color: var(--gray);
}
.link_f_p:hover{
    text-decoration: underline;
    color: var(--blue);
}
.premium_flw_p{
    color: rgba(40, 40, 40, 0.7);
    font-size: 18px;
}
.plus_minus_prod_block{
    justify-content: start;
    margin: 10px 0;
}
.minus_plus_{
    min-width: 56px;
    min-height: 56px;
    background: #62C3D2;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
}
.minus_plus_:hover{
    background-color: var(--blue);
}
.prod_quantity{
    pointer-events: none;
    border: none;
    font-size: 28px;
    width: 70px;
    height: 56px;
    text-align: center;
}
.price_sale_block{
    justify-content: start;
    column-gap: 20px;
    flex-wrap: wrap;
}
.general_price{
    font-size: 40px;
    font-weight: bold;
}
.offer_day{
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    background-color: var(--blue);
    border-radius: 0 0 10px 10px;
    width: 100%;
    font-size: 14px;
    padding: 4px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.best_sel_img{
    position: absolute;
    top: -12px;
    left: -12px;
    width: 70px;
    height: 70px;
}
.red_sale{
    padding: 6px 18px;
    background: #FF2626;
    border-radius: 90px;
    color: white;
    font-size: 18px;
}
.old_price{
    text-decoration: line-through;
    font-size: 16px;
}
.btns_block{
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 12px;
    justify-content: flex-start;
    margin: 20px 0;
}

.add_to_cart{
    padding: 14px;
    font-size: 20px;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 10px;
    cursor: pointer;
}
.add_to_cart:hover{
    background-color: var(--blueBold);
}
.buy_click{
    padding: 14px 45px;
    color: var(--white);
    font-size: 20px;
    background: #62C3D2;
    border-radius: 10px;
    cursor: pointer;
}
.buy_click:hover{
    background-color: var(--blue);
}
.whatsapp_ord{
    padding: 14px 28px 14px 16px;
    column-gap: 10px;
    background: #18AE00;
    border-radius: 10px;
    color: var(--white);
    font-size: 20px;
}
.whatsapp_ord:hover{
    opacity: 0.8;
}
.articul_sku_{
    justify-content: start;
    column-gap: 24px;
    margin-top: 12px;
}
.art_sku{
    column-gap: 8px;
}
.invalid_error{
    align-self: start;
    display: none;
    align-items: center;
    column-gap: 6px;
    font-size: 12px;
    color: #FF2626;
}
.bold_artsku{
    font-size: 16px;
    font-weight: bold;
    opacity: 0.7;
}
.additional_sp{
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0;
}
.fff{
    padding: 6px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
}
.fff:hover{
    text-decoration: underline;
}
.info_block{
    flex-direction: column;
    row-gap: 10px;
    max-width: 662px;
    width: 100%;
}
.info_line span{
    font-size: 16px;
    opacity: 0.7;
}
.new_product_{
    position: absolute;
    top: 76px;
    left: 64px;
    padding: 10px 34px;
    background: #18AE00;
    border-radius: 100px;
    color: var(--white);
    font-size: 22px;
}
/* end product page  */

/* mini markets  */
.mini_markets_section{
    align-items: flex-start;
    flex-direction: column;
    row-gap: 22px;
    margin-bottom: 25px;
    margin-top: 35px;
    max-width: 1840px;
}
.mini_markets_brands{
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    width: 100%;
    justify-content: space-between;
}
.mini_market_prod{
    max-width: 320px;
    width: 18%;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
}
.mini_market_prod:hover{
    border-color: var(--blue);
}
.mini_img_padd{
    padding: 48px 10px 20px 10px;
    width: 100%;
    justify-content: center;
}
.market_brand_img{
    max-width: 230px;
    width: 100%;
    height: 80px;
}
.market_brand_img img{
    object-fit: contain;
}
.goto_market{
    position: absolute;
    right: 10px;
    top: 8px;
}
.mini_about_brand{
    padding: 14px 20px 18px 0px;
    position: relative;
    justify-content: space-around;
}
.nameof_br{
    font-size: 18px;
}
.time_clock{
    column-gap: 6px;
    font-size: 13px;
    color: rgba(40, 40, 40, 0.7);
}
/* end  mini markets  */

/* cart  */
.cart_section{
    width: 100%;
    column-gap: 16px;
    margin-top: 56px;
    margin-bottom: 100px;
    align-items: flex-start;
}
.chosen_product_cart{
    flex-direction: column;
    row-gap: 21px;
    width: 100%;
}
.chosen_prod_block{
    column-gap: 10px;
    width: 100%;
    align-items: start;
}
.chosen_about_prodd{
    column-gap: 10px;
    width: 100%;
}
.chosen_prod_img_cart{
    width: 102px;
    height: 102px;
}
.chosen_prod_img_cart img{
    border-radius: 20px;
}
.chosen_title{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
    justify-content: start;
}
.chosen_title:hover .name_of_chosen{
    color: var(--blue);
}
.title_about_{
    font-size: 16px;
    opacity: 0.5;
    text-transform: uppercase;
    font-weight: bold;
}
.name_of_chosen{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    height: 60px;
    overflow: hidden;
    width: 392px;
}
.add_fav{
    justify-content: center;
    min-width: 56px;
    min-height: 56px;
    background: #FAFAFA;
    border-radius: 10px;
}
.price_prd{
    font-size: 18px;
    text-transform: uppercase;
}
.chosen_prod_block .minus_plus_{
    min-height: 38px;
    min-width: 38px;
}
.chosen_prod_block .prod_quantity{
    width: 48px;
    height: 38px;
    font-size: 18px;
}
.subtotal_prd{
    font-size: 18px;
    font-weight: bold;
}
.chosen_prod_block .plus_minus_prod_block {
    margin: 0;
}
.delete_cart_prod{
    justify-content: center;
    min-width: 56px;
    min-height: 56px;
    background: #FAFAFA;
    border-radius: 10px;
    cursor: pointer;
}
.delete_cart_prod:hover svg path{
    fill: red;
}
.cart_prod_promo{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 36px;
    max-width: 1206px;
    width: 100%;
}
.promocode_block{
    justify-content: start;
    column-gap: 28px;
    width: 100%;
}
.promo_inp{
    max-width: 410px;
    width: 100%;
    padding: 16px 26px;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    background: rgba(196, 196, 196, 0.15);
}
.promo_inp::placeholder{
    color: rgba(40, 40, 40, 0.3);
}
.approve_promo{
    border: none;
    cursor: pointer;
    border-radius: 10px;
    padding: 15px 46px;
    font-size: 20px;
    color: white;
    background-color: var(--blue);
}
.approve_promo:hover{
    background-color: var(--blueBold);
}
.cart_total_ticket{
    max-width: 406px;
    width: 100%;
    min-height: 560px;
    align-items: flex-start;
    padding: 46px 32px 73px 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/blue_back.png);
}
.payment_block_total{
    flex-direction: column;
    row-gap: 12px;
    align-items: flex-start;
    width: 100%;
}
.title_payment{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.cart_tot_sub span{
    font-size: 16px;
    font-weight: bold;
}
.delivery_check{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
    margin: 6px 0;
}
.label_radio{
    justify-content: start;
    column-gap: 12px;
    cursor: pointer;
    opacity: 0.7;
}
.delivery_checkbox{
    position: relative;
    width: 18px;
    height: 18px;
}
.delivery_checkbox input{
    opacity: 0;
    width: 18px;
    height: 18px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checkbox_form_cart{
    width: 18px;
    height: 18px;
    border: 3px solid #282828;
    box-sizing: border-box;
    border-radius: 90px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    cursor: pointer;
    z-index: 0;
    align-items: center;
    justify-content: center;
}
.tochka{
    width: 6px;
    height: 6px;
    background-color: var(--gray);
    display: none;
    border-radius: 90px;
}
.delivery_checkbox input:checked~.checkbox_form_cart .tochka{
   display: block;
}
.for_lab{
    font-size: 16px;
}
.for_lab span{
    color: #E14C4C;
}
.shipping_block{
    align-items: flex-start;
    margin: 6px 0;
}
.ship_sp{
    font-size: 16px;
    font-weight: bold;
}
.ship_upd{
    font-size: 16px;
    max-width: 206px;
    opacity: 0.7;
}
.calcul_ship{
    align-self: end;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 6px;
}
.big_price{
    font-size: 24px;
    font-weight: bold;
}
.total_price_block{
    margin: 2px 0;
}
.goto_checkout{
    width: 100%;
    color: white;
    padding: 14px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 10px;
    justify-content: center;
    background-color: var(--blue);
}
.goto_checkout:hover{
    background-color: var(--blueBold);
}
.del_fav_mob{
    display: none;
    column-gap: 12px;
}

/* end cart  */

/* latest news  */
.latest_news_section{
    flex-direction: column;
    row-gap: 34px;
    margin: 38px 0 66px 0;
    align-items: flex-start;
}
.latest_news_block{
    row-gap: 244px;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    padding-top: 260px;
}
.last_news_prod{
    background: #FAFAFA;
    border-radius: 24px;
    padding: 102px 36px 34px 32px;
    position: relative;
    max-width: 405px;
    width: 24%;
}
.news_img_top{
    position: absolute;
    top: -216px;
    left: 14px;
    width: 92%;
    height: 295px;
}
.news_img_top img{
    border-radius: 24px;
}
.prod_news_about{
    flex-direction: column;
    row-gap: 12px;
    align-items: flex-start;
}
.news_mini_title{
    height: 58px;
    overflow: hidden;
    max-width: 285px;
    font-size: 22px;
    font-weight: bold;
}
.news_about_p{
    font-size: 18px;
    opacity: 0.8;
    height: 78px;
    overflow: hidden;
    width: 100%;

}

.news_about_p p b{
    background-color: transparent;
}
.news_sate{
  font-size: 20px;
}
.news_see_more{
    font-weight: bold;
    font-size: 20px;
}
.last_news_prod:hover .news_see_more, .last_news_prod:hover .news_mini_title{
    color: var(--blue);
}
/* end latest news  */

/* billing details  */
.billing_details_section{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 61px;
    column-gap: 20px;
    align-items: flex-start;
}
.billing_left_content{
    max-width: 1246px;
    width: 100%;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    padding: 70px 100px 56px 86px;
}
.min_img{
    width: 70px;
    height: 70px;
}
.title_howmuch_price{
    flex-direction: column;
    row-gap: 10px;
    max-width: 220px;
    width: 100%;
    align-items: flex-start;
}
.title_howmuch_price:hover .min_title{
    color: var(--blue);
}
.cart_prod_your{
    width: 100%;
    column-gap: 10px;
    margin: 18px 0;
}
.min_title{
    font-weight: bold;
    font-size: 14px;
    max-width: 220px;
    height: 34px;
    overflow: hidden;
    text-transform: uppercase;
}
.quant_pr{
    justify-content: start;
    column-gap: 18px;
}
.del_order{
   min-width: 26px;
   min-height: 26px;
   cursor: pointer;
   border: 1px solid transparent;
   background-color: white;
   justify-content: center;
   border-radius: 4px;
}
.del_order:hover{
    border-color: red;
}
.del_order:hover svg path{
    fill: red;
}
.quanto_{
    opacity: 0.5;
    font-weight: bold;
    font-size: 14px;
}
.first_block_billing, .for_recipient_block,  .for_client_block,
.second_block_delivery, .third_block_payment{
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.for_client_block{
    display: none;
}
.billing_left_content h1, .billing_left_content h2,
.billing_left_content h3{
    font-size: 40px;
    margin-bottom: 20px;
}
.client_{
    font-size: 22px;
    font-weight: bold;
}
.inp_lab_row{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
    position: relative;
}
.inp_colrow{
    column-gap: 20px;
}
.inp_for_reg_cart{
    width: 100%;
    padding: 17px 30px;
    background: rgba(196, 196, 196, 0.1);
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    font-size: 18px;
}
.inp_lab_row  .dropdown_{
    top: 56px;
    width: 100%;
    left: 0;
    max-height: 150px;
    overflow: auto;
}
.inp_lab_row .offered_lang{
    padding: 10px 22px;
}

.inp_for_reg_cart_error{
    border: 1px solid #FF2626;
    background: #FFE0E0;
}
.lab_fcart{
  font-size: 18px;
  font-weight: 500;
}
.phone_country_code{
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(196, 196, 196, 0.21);
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    max-width: 143px;
}
.phone_country_{
    column-gap: 16px;
    padding: 17px 26px;
}
.code_of_num{
    column-gap: 16px;
}
.phone_country_code .dropdown_{
    top: 60px;
    left: 0;
}
.phone_country_code .offered_lang{
    padding: 16px 26px;
    border: 1px solid transparent;
}
.phone_country_code .offered_lang:hover{
    border-color: var(--blue);
}
.inp_phone_pad{
    padding-left: 146px;
}
.checkbox_cart{
    justify-content: start;
    column-gap: 50px;
    margin-bottom: 10px;
}
.recipient_checkbox{
    position: relative;
    width: 18px;
    height: 18px;
}

.square_check{
    width: 18px;
    height: 18px;
    border: 2px solid #28282833;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    cursor: pointer;
    z-index: 0;
    align-items: center;
    justify-content: center;
}
.square{
    width: 10px;
    height: 10px;
    background-color: var(--blue);
    display: none;
}
.recipient_checkbox input:checked~.square_check .square{
    display: block;
}
.recipient_checkbox input{
    opacity: 0;
    width: 18px;
    height: 18px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.for_lab_blue{
   font-size: 18px;
}
.label_radio_cart{
    justify-content: start;
    column-gap: 12px;
    cursor: pointer;
}
.recip_title{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.address_svg{
    width: 60px;
    height: 60px;
    background: rgba(196, 196, 196, 0.21);
    border-radius: 5px 0 0 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
}
.pad_ad{
    padding-left: 62px;
}
.mini_inp_block{
    justify-content: start;
    column-gap: 24px;
}
.mini_inp_block .inp_for_reg_cart, .date_block .inp_for_reg_cart{
}
.inp_for_reg_cart::placeholder{
    color: #C4C4C4;
}
.second_block_delivery,.third_block_payment{
    display: none;
}
.date_time_block{
    justify-content: start;
    column-gap: 46px;
    margin-bottom: 40px;
}
.back_to_first, .back_to_second{
    column-gap: 10px;
    padding: 18px 26px;
    background: #EBFCFF;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid transparent;
}
.back_to_first:hover, .back_to_second:hover{
    border-color: var(--blueBold);
}
.date_block{
    cursor: pointer;
    gap: 10px 20px;
}
.time_drp{
    padding: 18px 20px;
    width: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    opacity: 0.5;
}
.time_max{
    min-width: 160px;
    width: 100%;
}
.time_max .lang_sp{
    color: #C4C4C4;
}
.for_time_drp{
    top: 53px;
    height: 160px;
    overflow: auto;
    width: 100%;
}
textarea {
    resize: none;
    padding: 18px 20px;
    font-size: 18px;
    border: 1px solid #C4C4C4;
}
textarea::placeholder{
    color: #C4C4C4;
}
.textarea_title{
    font-size: 18px;
}
.wish_area{
    flex-direction: column;
    row-gap: 12px;
    align-items: flex-start;
    display: none;
}
.comment_area{
    flex-direction: column;
    row-gap: 12px;
    align-items: flex-start;
}
.payment_card_block{
    justify-content: start;
    column-gap: 15px;
}
.payment_option_block {
    max-width: 220px;
    width: 100%;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
    position: relative;
    height: 120px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
    justify-content: end;
    padding-bottom: 10px;
    border: 1px solid transparent;
    cursor: pointer;
}
.payment_option_block:hover {
    box-shadow: none;
    border-color: var(--blue);
}
.pay_sp {
    font-size: 12px;
}
.chosen_area {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 13px;
    left: 16px;
    background: rgba(196, 196, 196, 0.27);
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chosen_svg{
    display: none;
}
.chosen_area_active {
    background-color: var(--blue);
}
/* end billing details  */

/* news page  */
.news_page_section{
    margin-top: 36px;
    margin-bottom: 62px;
    flex-direction: column;
    justify-content: center
;
    row-gap: 25px;
}
h1{
    font-size: 40px;
    text-transform: uppercase;
}
.news_page_section h1, .title_text_pay h1, .flow_care_about h1{
    margin-bottom: 10px;
}
.news_general_img{
    width: 100%;
    display: flex;
    justify-content: center;
}
.news_general_img img{
    border-radius: 24px;

    max-width: 800px;

}
.news_page_text{
    font-size: 18px;
    opacity: 0.7;
}
/* end news page  */

/* payments  */
.payments_block{
    flex-direction: column;
    align-items: flex-start;
    margin-top: 38px;
    margin-bottom: 48px;
}
.payments_img_block{
    column-gap: 20px;
    align-items: flex-start;
}
.title_text_pay{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
    width: 34%;
}
.payments_text_{
    font-size: 18px;
    opacity: 0.7;
}
.payment_mini_text{
    max-width: 456px;
}
.following_ways_block{
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
    max-width: 576px;
}
.toch_li{
    column-gap: 8px;
}
.li_block{
    flex-direction: column;
    align-items: flex-start;
}
.payment_img{
    max-width: 1010px;
    width: 60%;
}
.purple_block{
    background: #FCF8FF;
    padding: 48px 60px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
}
/* end payments  */

/* flower care  */
.flower_care_section{
    margin: 38px 0;
    justify-content: start;
    height: 680px;
    align-items: start;
}
.flower_care_img{
    width: 50%;
    height: 100%;
}
.flow_care_about{
    background: #FCF8FF;
    padding: 38px 50px 81px 50px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 50%;
    height: 100%;
}
.flow_care_about .payments_text_{
    max-width: 592px;
}
.flow_care_about .following_ways_block .payments_text_{
    font-weight: 700;
}
.flow_care_about .following_ways_block{
    margin-top: 8px;
}
/* end flower care  */

/* about us  */
.about_us_section{
    display: flex;
    flex-direction: column;
    margin-top: 38px;
}
.title_empty_block{
    min-height: 180px;
    display: flex;
}
.about_us_title_block{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 50%;
    padding-right: 84px;
}
.empty_purple{
    min-height: 180px;
    width: 50%;
    background: #FCF8FF;
}
.about_us_img_block{
    display: flex;
    /*height: 426px;*/
}
.about_us_img{
    width: 50%;
    height: 100%;
}
.about_pick_delivery{
    display: flex;
    min-height: 358px;
}

.hidden_img{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 70%);
}
.flow_zagr{
    width: 100px;
    height: 100px;
}
.flow_zagr img{
    object-fit: contain;
}
.pick_up_delivery{
    padding: 56px 96px 110px 96px;
    width: 50%;
    height: 100%;
    background: #FCF8FF;
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    align-items: center;
    display: flex;
}
.pick_up_delivery h2{
    font-size: 40px;
    text-transform: uppercase;
}
.pick_up_text{
    text-align: center;
}
.about_our_goals{
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
    padding-top: 70px;
    padding-left: 80px;
}
.goals_max{
    max-width: 716px;
}
/* end about us  */

/* contact  */
.contact_us_section{
    margin-top: 38px;
    margin-bottom: 72px;
    display: flex;
    flex-direction: column;
    row-gap: 34px;
}
.map_block{
    width: 100%;
    height: 626px;
    position: relative;
}
.map_block iframe{
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.conntact_block{
    position: absolute;
    top: 42px;
    left: 36px;
    padding: 30px 50px;
    background: #FFFFFF;
    border-radius: 30px;
    background-color: var(--white);
    display: flex;
    column-gap: 40px;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}
.horiz_line{
    height: 60px;
    border-right: 1px solid #C4C4C4;
}
.conntact_block .svg_square{
    width: 62px;
    height: 62px;
}
.conntact_block .about_cont{
    font-size: 26px;
}
.conntact_block .open_{
    font-size: 18px;
}
/* end contact  */

/* corporate cients */
.corporate_section{
    margin-top: 8px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
}
.corporate_quote_block{
    display: flex;
    min-height: 272px;
}
.corporate_clients_{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 14px;
    width: 50%;
    padding-right: 56px;
    align-self: center;
}
.quote_purple{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 14px;
    background: #FCF8FF;
    padding: 30px 62px 48px 62px;
}
.quote_title{
    font-size: 22px;
    font-weight: 700;
}
.service_step_block{
    display: flex;
}
.service_prod{
    display: flex;
    flex-direction: column;
    justify-content: start;
    row-gap: 20px;
    max-width: 560px;
    width: 100%;
}
.service_img{
    width: 100%;
    height: 300px;
}
.serv_title{
   font-size: 22px;
   font-weight: 700;
   height: 30px;
   overflow: hidden;
}
.about_serv_step{
    font-size: 18px;
    max-width: 85%;
    opacity: 0.7;
    /*height: 50px;*/
    /*overflow: hidden;*/
}
/* end corporate cients */

/* faq  */
.faq_section{
    margin-top: 38px;
    margin-bottom: 98px;
    display: flex;
    flex-direction: column;
    row-gap: 26px;
}
.questions_block{
    display: flex;
    column-gap: 20px;
}
.realted_corporate_btns{
    min-width: 328px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.blue_click{
    background: #FAFAFA;
    border-radius: 10px;
    color: var(--grayWithOpacity);
    font-size: 18px;
    width: 100%;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.blue_click:hover, .blue_click_active {
    color: var(--white);
    width: 100%;
    background-color: var(--blue);
}
.right_content_realted, .right_content_corporate{
    max-width: 1292px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
.blue_click_active:hover{
    background-color: var(--blueBold);
}
/*.right_content_corporate{*/
/*    display: none;*/
/*}*/
.faq_accordion{
    width: 100%;
    border-top: 1px solid #2828281A;
    border-bottom: 1px solid #2828281A;
    padding: 25px 46px;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    cursor: pointer;
}
.faq_accordion:hover .acc_title{
    color: var(--blue);
}
.faq_accordion:hover svg path{
    stroke: var(--blue);
}
.acc_title{
    font-size: 18px;
    font-weight: 700;
    max-width: 75%;
}
.minus_faq, .plus_faq{
    cursor: pointer;
}
.minus_faq{
    display: none;
}
.minus_faq_active{
    display: block;
}
.hidden_acc{
    max-width: 712px;
    opacity: 0.7;
    font-size: 18px;
    display: none;
}
/* faq  */
















/* user account  */
.user_account_section{
    margin-top: 38px;
    margin-bottom: 164px;
    display: flex;
    column-gap: 20px;
}
.user_left_bar{
    max-width: 300px;
    min-width: 262px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.user_btns{
    display: flex;
    column-gap: 20px;
    background-color: #FAFAFA;
    color: #919191;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    border: none;
    padding: 17px 20px;
    align-items: center;
    width: 100%;
}
.user_btns:hover, .user_btns_active{
    background-color: var(--blue) !important;
    color: var(--white);
}
.user_btns:hover svg path, .user_btns_active svg path{
    fill: var(--white);
}
.user_btns_active:hover{
    background-color: var(--blueBold);
}
.for_user_edit{
    max-width: 1208px;
    width: 100%;
}
.user_edit_block{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.change_pass_btn{
    width: 100%;
    padding: 20px 0;
    color: rgba(40, 40, 40, 0.7);
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid rgba(40, 40, 40, 0.2);
    border-top: 1px solid rgba(40, 40, 40, 0.2);
}
.change_pass_btn:hover{
    color: var(--blue);
}
.order_title span:nth-child(1), .order_title span:nth-child(2){
    min-width: 156px;
}
#price{
    min-width: 83px;
}
.order_title span:nth-child(6){
    min-width: 76px;
}
.order_info_line span:nth-child(3){
    min-width: 90px;
}
.save_btn{
    padding: 16px 60px;
    color: var(--white);
    font-size: 18px;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    background-color: var(--blue);
    width: max-content;
}
.save_btn:hover{
    background-color: var(--blueBold);
}
.user_edit_block .save_btn{
    align-self: flex-end;
}
.prods_flex{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.change_pass_block{
    display: none;
    flex-direction: column;
    row-gap: 16px;
}
.back_edit_title{
    display: flex;
    column-gap: 28px;
    margin-bottom: 18px;
}
.back_edit_block, .back_addr_block, .back_order_block{
    width: 56px;
    height: 56px;
    justify-content: center;
    background: #ECECEC;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid transparent;
}
.back_edit_block:hover, .back_addr_block:hover, .back_order_block:hover{
    border-color: var(--blue);
}
.back_edit_title h2, .addresses_block h3,
.for_addresses h4, .for_addresses h5, .user_account_section h6{
    font-size: 40px;
    text-transform: uppercase;
}
.addresses_block{
    display: flex;
    flex-direction: column;
    row-gap: 38px;
}
.add_addr_btn{
    padding: 16px 28px;
    color: var(--white);
    font-size: 18px;
    background-color: var(--blue);
    border-radius: 10px;
    cursor: pointer;
}
.add_addr_btn:hover{
    background-color: var(--blueBold);
}
.your_addresses{
    column-gap: 12px;
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: start;
}
.added_address_block{
    max-width: 260px;
    width: 19%;
    min-width: 200px;
    padding: 34px 40px 28px 30px;
    background: #FAFAFA;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}
.added_address_block_active{
    background-color: #EBFCFF;
}
.addr_info{
    font-size: 18px;
    height: 26px;
    overflow: hidden;
    font-weight: 500;
}
.edit_or_delete{
    justify-content: start;
    column-gap: 12px;
    margin-top: 14px;
}
.edit_addr{
    color: var(--white);
    font-size: 18px;
    background-color: var(--blue);
    border-radius: 10px;
    padding: 12px 10px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    max-width: 152px;
    width: 100%;
}
.edit_addr:hover{
    background: var(--blueBold);
}
.del_addr{
    min-width: 50px;
    min-height: 50px;
    background: #ECECEC;
    border-radius: 10px;
    cursor: pointer;
    justify-content: center;
    border: 1px solid transparent;
}
.del_addr:hover svg path{
    fill: red;
}
.del_addr:hover{
    border-color: red;
}
.edit_address_block, .add_address_block{
    display: none;
    flex-direction: column;
    row-gap: 20px;
}
.orders_task{
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}
.order_title{
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-right: 56px;
    border-bottom: 1px solid #2828281A;
}
.all_orders{
    height: 500px;
    overflow: auto;
}
.all_orders::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.all_orders::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    opacity: 0.3;
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.orders_line{
    display: flex;
    flex-direction: column;
}
.order_info_line{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 15px 56px 15px 0;
    border-bottom: 1px solid #2828281A;
}
.order_title span{
    font-size: 18px;
    opacity: 0.5;
    text-transform: uppercase;
}
.order_info_line span{
    font-size: 18px;
}
.see_order:hover svg path{
    fill: var(--blue);
}
.see_order{
    cursor: pointer;
}
.open_order_block{
    display: none;
    flex-direction: column;
    row-gap: 20px;
}
.order_nummber{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    opacity: 0.5;
}
.order_num_date{
    border-bottom: 1px solid rgba(40, 40, 40, 0.1);
    padding-bottom: 18px;
}
.about_your_order{
    border-bottom: 1px solid rgba(40, 40, 40, 0.1);
    padding-bottom: 20px;
    align-items: start;
}
.ur_order_about{
    display: flex;
    column-gap: 36px;
}
.ur_ord_img{
    width: 132px;
    height: 132px;
}
.ur_ord_img img{
    border-radius: 20px;
}
.ur_ord_inf{
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.ur_order_name{
    max-width: 332px;
    height: 60px;
    font-size: 22px;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
}
.quant_met_sp{
    font-size: 16px;
    opacity: 0.5;
    font-weight: 700;
}
.sp_qm{
    font-size: 16px;
    font-weight: 700;
}
.quant_method{
    column-gap: 10px;
    justify-content: start;
}
.reapet_price_block{
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
.price_w_title{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.repeat_btn{
   padding: 10px 44px;
   font-size: 14px;
   background-color: var(--blue);
   border-radius: 10px;
   color: var(--white);
   cursor: pointer;
}
.repeat_btn:hover{
    background-color: var(--blueBold);
}
.price_ur{
    font-size: 16px;
    opacity: 0.5;
}
.price_num_ur{
    font-size: 24px;
    font-weight: bold;
}
.add_cond_com_block{
    display: flex;
    column-gap: 136px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(40, 40, 40, 0.1);
}
.add_cond_com_block span{
    text-transform: uppercase;
    opacity: 0.5;
    font-weight: 700;
}
.addcond_under{
    display: flex;
    column-gap: 100px;
}
.addcond_under span{
    font-size: 18px;
    min-width: 100px;
}
.midd_{
    margin-right: 28px;
}
.for_favorite, .for_newsletter, .for_orders, .for_addresses, .for_bonus{
    display: none;
    width: 100%;
}
.favorite_page{
    display: flex;
    column-gap: 20px;
    row-gap: 180px;
    flex-wrap: wrap;
}
.favorite_block{
    display: flex;
    flex-direction: column;
    row-gap: 180px;
}
.name_prod:hover{
    color: var(--blue);
}
.newsletter_block{
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}
.subscribe_block{
    border-top: 1px solid rgba(40, 40, 40, 0.2);
    border-bottom: 1px solid rgba(40, 40, 40, 0.2);
    padding: 16px 0;
}
.subscribe_block span{
    font-size: 16px;
    color: rgba(40, 40, 40, 0.7);
}
.save_adress_btn_switch_lab{
    width: 76px;
    height: 32px;
    cursor: pointer;
}
.toggle_input{
    display: none;
}
.toggle_fill {
    position: relative;
    width: 76px;
    height: 32px;
    background:#C4C4C4;
    border: 4px solid #C4C4C4;
    border-radius: 5px;
    cursor: pointer;
    transition: all 300ms ease-out;
}
.toggle_fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 32px;
    background: var(--white);
    transition: all 300ms ease-out;
    border-radius: 5px;
}
.toggle_input:checked~.toggle_fill {
    background: #62C3D2;
    border: 4px solid #62C3D2;
}
.toggle_input:checked~.toggle_fill::after {
    transform: translateX(36px);
}
.bonus_block{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.user_active{
    display: flex;
}
.login_menu_bar{
    border: none;
    background-color: transparent;
    width: 100%;
    cursor: pointer;
    max-width: 250px;
}
.dropdown_ form{
    width: 100%;
}
.last_end{
   margin-left: auto;
}
.bonus_block h6{
    margin-bottom: 26px;
}
.showing_sp{
    font-size: 18px;
}
.scroll_two_lines_mob{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.sales_img{
    width: 100%;
    height: 294px;
}
.favorite_page .sales_prod  {
    min-width: 216px;
    max-width: 316px;
    width: 23%;
}
.sales_img_block {
    width: 90%;
}
/* end user account  */


/*#date::-webkit-calendar-picker-indicator {*/
/*   opacity: 0;*/
/*   width: 30px;*/
/*}*/

.spier_next:hover svg path, .swiper_prev:hover svg path{
    stroke: var(--blue);
}







/* new  */

.terms_conditions_section{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 38px;
    margin-bottom: 65px;
}
.second_title{
    font-size: 25px;
    opacity: 0.7;
    font-weight: 700;
}
.terms_conditions_section h1{
    margin-bottom: 15px;
}
.title_data{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.mini_data_t{
    font-size: 18px;
    opacity: 0.7;
    font-weight: 700;
}
.terms_texts{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 100% !important;
}
.term_cond_text{
    font-size: 18px;
    opacity: 0.7;
    font-weight: 500;
}


.our_difference_section{
    margin-top: 38px;
    margin-bottom: 75px;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}
.our_dif_texts{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.environmental_section{
    margin-top: 38px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}
.mini_undertitl{
    font-size: 18px;
    opacity: 0.7;
}
.big_plus_min_block{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 180px;
    margin-top: 30px;
}
.big_pluss{
    max-width: 602px;
    width: 100%;
}
.under_plus_minus_block{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.und_title{
    font-size: 18px;
}











/* new  */
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 76%);
    z-index: 106;
    display: none;
    align-items: center;
    justify-content: center;
}
.prev{
    left: -758px;
}
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 52px;
    height: 52px;
    box-shadow: 0px 5.95745px 29.7872px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
    background-color: white;
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.next{
    right: -66px;
}
.close {
    position: absolute;
    top: -425px;
    right: 24px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.close:hover svg path{
    stroke: red
}
.img_close{
    position: relative;
    max-width: 690px;
    width: 100%;
    /*height: 818px;*/
}
.mySlides {
    display: none;
    width: 100%;
    height: 100%;
}
.mySlides_active{
    display: block;
}
.mySlides img{
    border-radius: 20px;
}
.prev:hover, .next:hover{
    border-color: var(--blue);
}
.prev:hover svg path, .next:hover svg path{
    stroke: var(--blue);
}


.buy_popup_click{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 91;
    width: 100%;
    height: 100%;
    background: rgba(23, 162, 184, 0.4);
    display: none;
}
.buy_one_click_pop{
    max-width: 462px;
    width: 100%;
    background-color: var(--white);
    border-radius: 10px;
    padding: 0 25px;
    padding-bottom: 40px;
    height: 500px;
    overflow: auto;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.fixed_title .close{
    position: initial;
}
.fixed_title{
    position: fixed;
    background: white;
    padding-top: 25px;
    padding-bottom: 10px;
    max-width: 420px;
    width: 100%;
    z-index: 10;
}
.buy_one_click_pop::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.buy_one_click_pop::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.buy_pop_block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 12px;
    height: 850px;
    width: 100%;
    padding-top: 70px;
}
.buy_pop_block .time_max{
    background: #C4C4C426;
}
.buy_pop_block .payment_card_block{
    flex-wrap: wrap;
    row-gap: 12px;
}
.buy_pop_block .payment_option_block{
    width: 46%;
    height: 98px;
    row-gap: 14px;
}
.buy_pop_block .time_drp{
    padding: 14px 20px;
}
.inp_sp_lab{
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}
.close_buy{
    cursor: pointer;
}

.for_client_block .added_address_block{
    width: 23%;
}

.free_by{
    display: flex;
    align-items: center;
    column-gap: 12px;
    height: 44px;
    position: relative;
    cursor: pointer;
}
.user_btns svg{
    min-width: 16px;
}
.free_by input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    cursor: pointer;
}
.free_by_css_himn {
     border: 2px solid #17A2B8;
     border-radius: 50%;
     width: 16px;
     height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
.free_by label {
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
}
.added_address_block input:checked~.yes_him {
    display: block;
}
.added_address_block input:checked~.no_him {
    display: none;
}
.yes_him{
    display: none;
}
.done_svg{
    display: none;
}

.added_address_block input:checked~.done_svg {
    display: block;
}


/* pay link */
.paylink_block{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 300px;
    margin-top: 30px;
}
.paylink_blck{
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    background-color: white;
    padding: 30px 30px 60px 30px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    align-items: center;
    justify-content: center;
    max-width: 678px;
    width: 100%;
    max-height: 820px;
    overflow: auto;
}
.payl_title{
    font-size: 35px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 18px;
}
.back_flower{
    position: absolute;
    top: -30px;
    z-index: -1;
    max-width: 1112px;
    width: 100%;
}
.name_mail_sp{
    font-size: 18px;
}
.marg_bot{
    margin-bottom: 40px;
}
.minutesof_payment{
    color: var(--blue);
}
.paylink_blck::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.paylink_blck::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.payl_prod{
    max-width: 480px;
    width: 100%;
    align-items: start;
    gap: 10px;
    justify-content: start;
}
.payl_prod .chosen_prod_img_cart{
    width: 95px;
    height: 80px;
    min-width: 95px;
    min-height: 80px;
}
.payl_prod .name_of_chosen{
    max-width: 200px;
    text-transform: none;
    font-size: 18px;
    height: 42px;
}
.payl_prod .chosen_prod_img_cart img{
    border-radius: 0;
}
.payl_prod .title_about_{
    font-size: 18px;
    opacity: 1;
}
.payl_price{
    font-size: 14px;
}
.marg_top{
    margin-top: 60px;
}
.paylink_blck .login_butt{
    width: 80%;
}

.payl_prod .chosen_title{
    max-width: 200px;
}






    /* end pay link */



/* error  */
.error_header{
    height: auto !important;
    background-color: var(--beige);
    padding: 34px 0;
}
.error_head_block{
    gap: 10px;
}
.error_general_img{
    max-width: 1112px;
    width: 100%;
    margin: 100px 0 24px 0;
}
.error_general_img img{
    object-fit: contain;
}
.error_section{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 80px;
}
.error_section h1{
    font-size: 52px;
    font-weight: bold;
    color: #4F5E62;
    text-align: center;
    text-transform: uppercase;
}
.about_error_sp{
    font-size: 18px;
    max-width: 718px;
    line-height: 25px;
    text-align: center;
    color: rgba(40, 40, 40, 0.6);
}
.back_home{
    padding: 20px 50px;
    color: var(--white);
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--blue);
}
.back_home:hover{
    background-color: var(--blueBold);
}
/* end error  */


.deli_hour_png{
    width: 75px !important;
    height: 50px !important;
}
.delivery_time_prod{
    position: relative;
    max-width: 30px;
    min-width: 30px;
}
.deliv_for_web{
    gap: 6px;
}
.for_web{
    font-size: 14px;
    max-width: 100px;
    min-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.cart_delo_blck{
    gap: 10px;
    cursor: pointer;
}

.gift_cloud{
    display: none;
    padding: 15px;
    bottom: 35px;
    left: -120px;
    border-radius: 10px;
    position: absolute;
    max-width: 244px;
    font-size: 14px;
    width: max-content;
    background-color: var(--white);
    box-shadow: 0px 4.82129px 48.2129px rgb(0 0 0 / 12%);
}

.gift_cloud:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    left: 50%;
    bottom: -18px;
}

.total_price_pay{
    font-size: 24px;
    font-weight: bold;
}
.btn_privat{
    gap: 10px;
    width: 86%;
    margin-top: 20px;
}
.btn_privat .remember_me_section{
    width: 100%;
}
.private_text{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 20px 0;
    width: 80%;
}
.privat_text_sp{
    font-size: 12px;
    opacity: 0.6;
    text-align: center;
}
.mini_private{
    font-size: 12px;
}
.private_text .remember_me_section{
    align-self: center;
}
.filt_brands_name{
    display: flex;
    column-gap: 10px;
    align-items: center;
    cursor: pointer;
}
.filt_brands_name .lang_sp{
    font-size: 16px;
}
.checko_{
    position: relative;
    width: 14px;
    height: 14px;
}
.checko_ input {
    opacity: 0;
    width: 14px;
    height: 14px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checkbox_form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1.5px solid rgba(40, 40, 40, 0.6);
    border-radius: 2px;
    position: absolute;
    cursor: pointer;
    z-index: 0;
}
.checko_svg {
    display: none;
}
.checko_ input:checked~.checkbox_form .checko_svg {
    display: flex;
}
.click_see_more, .click_close_more {
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    color: red;
    display: none;
}
.see_close_active {
    display: block;
}
.dropdown_flter {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.searched_filters_active {
    height: auto;
    max-height: none !important;
}

.chosen_filter_category_block{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.chosen_category{
    padding: 10px 20px;
    gap: 10px;
    font-size: 16px;
    border-radius: 90px;
    border: 1px solid var(--blue);
}
.chosen_category svg{
    cursor: pointer;
}
.chosen_category svg:hover path{
    fill: red;
}

.filter_chosen_category{
    display: flex;
    align-items: center;
    gap: 10px 15px;
    flex-wrap: wrap;
    max-width: 60%;
}


.edit_date_svg{
    cursor: pointer;
}
.edit_date_svg:hover svg path{
    fill: var(--blue);
}
.date_edit_chosen{
    gap: 10px;
}
.choose_date_blck{
    max-width: 450px;
    width: 100%;
    background-color: var(--white);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.choose_date_popup{
    padding: 0 20px;
}
.choose_date_blck .date_block .inp_for_reg_cart{
    max-width: none;
}
.date_descrip{
    margin: 6px 0;
    font-size: 14px;
    opacity: 0.7;
}
/*.label_radio_cart:nth-child(1){*/
/*    display: none;*/
/*}*/
.recip_for_another_block{
    display: none;
}

.empty_svg{
    display: flex;
    justify-content: center;
}
.empty_svg img{
    width: fit-content;
}

.color_search{
    opacity: 0;
}
.filterContainer{
    width: 306px;
    min-width: 306px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 24px 22px;
    display: flex;
    row-gap: 14px;
    flex-direction: column;
}
.brandImage2{
    display: none;
}
.formControlContainer input{
    padding: 8px 30px 8px 10px;
    background: transparent;
    border-radius: 4px;
    font-size: 12px;
    border: none;
    box-sizing: border-box;
    opacity: 1;
    width: fit-content;
    height: fit-content
}
.formControlContainer span{
    position: absolute;
    right: 14px;
    top: 12px;
    opacity: 0.2;
    font-size: 12px;
}

.rangeContainer {
    display: flex;
    flex-direction: column;
    width: 100%;

}

.slidersControl {
    position: relative;
}

.slidersControl input{
    opacity: 1;
}

.formControl {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    color: #635a5a;
}
.formControlContainer{
    background-color: rgba(196, 196, 196, 0.2);
    max-width: 116px;
    width: 100%;
    position: relative;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 8px;
    height: 8px;
    background-color: #62C3D2;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    -webkit-appearance: none;
    margin: 0;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    width: 100%;
    position: absolute;
    background-color: #C6C6C6;
    pointer-events: none;
}

#fromSlider {
    height: 4px;
}


details > summary {
    list-style: none;
    cursor: pointer;
}

summary::-webkit-details-marker {
    display: none;
}



.checkbox{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 3px;
    width: 100%;
    cursor: pointer;
}

.checkbox input{
    height: 13px;
    margin-right: 5px;
;
}

.checkbox:checked{
    background-color: #f7f7f7;
    color: #282828;
}
.checkbox p{
    font-size: 16px;
}


summary {
    width: 256px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
summary:first-child{
    margin-top: 10px;
    font-size: 18px;
}

.detailsContainer p{
    font-size: ;
}


summary::after{
    content: "";
    width: 3px;
    height: 3px;
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    transform: rotate(45deg);

}

summary:hover{
    color: #62C3D2;
}

.chosenFilter{
    cursor: pointer;
    box-sizing: border-box;
    padding: 5px 10px ;
    border: 1px solid #62C3D2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border-radius: 20px;
    margin: 5px;
}
.chosenFilter button{
    background-color: #FFFFFF;
    cursor: pointer;
    color: none;
    margin: 5px;
    border: none;
}

details {
    display: flex;
}

.filterListBlock{
    display: flex;
    width: 100%;
    order: 4;
    min-height: 60px;

}

.filterListContainer{
    width: 100%;
}

.filterList{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.filterBlock .container {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.container input {
    cursor: pointer;
    width: 100%;
    height: 100%;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #635a5a;
    border-radius: 2px;
}



.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 2px;
    height: 5px;
    border:  solid #635a5a;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chosenColor{
    margin: 6px 15px 6px 0px ;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.chosenColorWHite{
    border: 1px solid #ddd
}


.colorChoiceContainer{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.colorChoiceContainer div:nth-child(n + 4){
    display: none;
}

.detailsContainer div:nth-child(n + 4){
    display: none;
}

.closeLearnMore{
    display: none;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    color: #17A2B8;;
}

.learnMore{
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    color: #17A2B8;;
}

.slidersControl input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 14px;
    height: 14px;
    background-color: #62C3D2;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #FFFFFF;
    cursor: pointer;
}
.slidersControl input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}
.slidersControl input[type=range]::-webkit-slider-thumb:hover {
    background: #F7F7F7;
}
.slidersControl input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387BBE, 0 0 9px #387BBE;
    -webkit-box-shadow: inset 0 0 3px #387BBE, 0 0 9px #387BBE;
}
.slidersControl input[type="number"] {
    -moz-appearance: textfield;
}
.slidersControl input[type=number]::-webkit-inner-spin-button,
.slidersControl input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    -webkit-appearance: none;
    margin: 0;
}
.slidersControl input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    width: 100%;
    position: absolute;
    background-color: #C6C6C6;
    pointer-events: none;
}

.detailsContainer .checkbox .container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.detailsContainer .checkbox .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.detailsContainer .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #635A5A;
    border-radius: 2px;
}
.detailsContainer .checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.detailsContainer .checkbox .container input:checked ~ .checkmark:after {
    display: block;
}
.detailsContainer .container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 2px;
    height: 5px;
    border:  solid #635A5A;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.colorChoiceContainer .container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.colorChoiceContainer .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.colorChoiceContainer .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #635A5A;
    border-radius: 2px;
}
.colorChoiceContainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.colorChoiceContainer .container input:checked ~ .checkmark:after {
    display: block;
}
.colorChoiceContainer .container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 2px;
    height: 5px;
    border:  solid #635A5A;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*cookie */

#cookieNotice{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #ffff;
    border: 1px solid #eee;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 15px 25px 10px 25px;
    width: 630px;
    height: fit-content;
    box-shadow: 0px 5px 15px #eee;
    z-index: 50;
    font-size: 15px;

}
.title-wrap{
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.title-wrap p{
    width: 15px;
    height: 20px;
    margin-left: 20px;
}
.content-wrap{
    width: 77%;
}

.img-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-wrap img{
    width: 130px;
    height: 100%;
}

.btn-wrap{
    padding-top: 15px;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.btn-wrap button{
    box-sizing: border-box;
    width: 65%;
    box-sizing: border-box;
    padding: 8px 0px;
    border-radius:  7px;
    border: 1px solid black;
    background-color: transparent;
    cursor: pointer;
}
.btn-wrap .btn-primary{
    width: 30%;
    background-color: #17A2B8;
    border: none;
    color: #ffff    ;
}

.btn-wrap .btn-primary:hover{
    background-color: #058397;
    color: #FFFFFF;
}
.btn-wrap button:hover{
    color: #17A2B8  ;

}

.chosenFilter p{
    width: max-content;
    font-size: 15px;
}

@media (max-width: 1023px) {
    .title-wrap h4{
        line-height: 0px;
    }
    #cookieNotice{
        width: 100%;
        left: 0px;
        bottom: 0px;
        padding-bottom: 10px;
    }
    .img-wrap{
        width: 23%;
    }
    .img-wrap img{
        width: 100px;
        height: fit-content;
    }
}

@keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.popUpOfferBlock{
    animation: fadeIn 2s;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 91;
    width: 100%;
    height: 100%;
    background: rgba(23, 162, 184, 0.4);
}
#cookieNotice{
    animation: fadeIn 2s;
}
.popUpOfferContainer .popUpOfferExitButton{
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    justify-content: flex-end;
    font-size: 20px;
    padding: 0 5px;
    border: none;
    color: grey;
    background-color: transparent;
    cursor: pointer;
}
.popUpOfferContainer {
    position: relative;
    padding: 20px 20px 30px 20px;
    width: 400px;
    height: 270px;
    background-color: #ffff;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: unset;
}

.popUpOfferInfo{
    display: flex;
    flex-direction: column;
    width: 75%;
    text-align: center;
}
.popUpOfferBackgroundDiv{
    background: url("../img/kitty.webp");
    background-size: 140px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    width: 100%;
    height: 100%;
}
.popUpOfferInfo h2{
    font-family: 'Calibri';
    justify-content: center;
    color: grey;;
    font-size: 30px;
    font-weight: 600;
}
.popUpOfferInfo h1{
    line-height: 58px;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #000;
    font-size: 70px;
    font-weight: 900;
    margin-bottom: 20px;
}
.popUpOfferInfo p{
    display: flex;
    justify-content: center;
    color: #000;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
}

.popUpOfferInfo input{
    margin-left: 17px;
    margin-top: 15px;
    box-sizing: border-box;
    padding: 5px 0px 5px 10px;
    width: 80%;
    border-radius: 10px;
    font-size: 12px;
    background-color: #eee;
    border: none;
}

.popUpOfferButton{
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin-left: 15px;
    background-color: transparent;
}

.popUpOfferButton button{
    padding: 5px 10px ;
    margin-top: 5px;
    border-radius: 10px;
    border: 1px solid #000;
    background-color: transparent;
    width: fit-content;
    font-size: 12px;
    cursor: pointer;
}
.popUpOfferButton button:last-of-type{
    background-color: #17A2B8;
    border: none;
    color: #ffff;
}

.popUpOfferFooter {
    position: absolute;
    font-size: 11px;
    width: 60%;
    line-height: 10px;
    bottom: 13px;
    padding-top: 3px;
    border-top: 3px solid #ddd;
}
.popUpOfferFooter p{
    color: grey;
}
.popUpOfferFooter a{
    text-decoration: none;
    color: #17A2B8;
}

.popUpOfferMailInputError{
    border: 1px solid red;
}

.cuteLittleErrorForPopUpOffer{
    display: none;
    border-radius: 5px;

}

.cuteLittleErrorForPopUpOffer p {
    color: red;
    font-size: 10px;
    justify-content: flex-start;
    margin-left: 17px;
    padding-top: 5px;
}
.cuteLittleErrorForPopUpOffer span {
    font-size: 10px;
    width: max-content;
}

.popUpOfferMailInputError{
    border: 1px solid red;
}

.cuteLittleErrorForPopUpOffer p {
    font-size: 10px;
}
.cuteLittleErrorForPopUpOffer span {
    font-size: 10px;
}

.popUpOfferContainer .popUpOfferExitButton:hover{
    color: red;
}

.for_web div{
    display: flex;
    flex-direction: column;
}



.bestSellerInfo{
    padding: 0px;
}

.for_web div span{
    width: 100%;
}

.enter_text{
    text-align: center;
}
.fb_or_gmail{
    display: flex;
    justify-content: center;
}

.filterBlock{
    width: 306px;
    min-width: 306px;
}
.filterContainer .checkbox:hover p{
color: #17a2b8;
}
.chosenFilter:hover{
    color: #17a2b8;
    border-color: var(--gray);
}
.chosenFilter:hover button{
    color: #17a2b8;
}
.filterContainer .learnMore:hover{
    color: #058397;
}
.filterContainer .closeLearnMore:hover{
    color: #058397;
}
.ff_bar .social_lock{
    display: none;
}
#cookieNotice .btn-primary{
    min-width: max-content;
    box-sizing: border-box;
    padding: 0 5px;
}