.column_left_account_page {
    display: none;
}

.container_account_page {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prev_link_account_page {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.66;
    opacity: 0.5;
    transition: var(--transition-time-all);
}

.prev_link_account_page:hover {
    color: #535863;
    opacity: 1;
}

.prev_link_account_page::before {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3E%3Cpath%20d='M8.55%209L12%2012.45L10.95%2013.5L6.45%209L10.95%204.5L12%205.55L8.55%209Z'%20fill='%23535863'/%3E%3C/svg%3E");
    transition: var(--transition-time-all);
}


.column_right_account_page {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: stretch;
}

.title_account_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.container_content_account_page {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: stretch;
}

.container_receivable_account_page {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 30px;
    background: #FFF;
}

.box_top_item_content_account_page {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.title_item_content_account_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.link_more_item_content_account_page {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: var(--transition-time-all);
}

.link_more_item_content_account_page:hover {
    color: #181818;
}

.icon_link_more_item_content_account_page {
    width: 24px;
    height: 24px;
    fill: #007632;
    transition: var(--transition-time-all);
}


.link_more_item_content_account_page:hover .icon_link_more_item_content_account_page {
    fill: #181818;
}

.box_bottom_receivable_account_page,
.box_info_receivable_account_page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
}

.box_bottom_info_receivable_account_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    align-self: stretch;
}

.box_top_info_receivable_account_page {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.text_info_receivable_account_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    /* white-space: nowrap; */
}

.span_info_receivable_account_page {
    font-weight: 600;
}

.line_vertical_decoration_account_page {
    display: flex;
    min-width: 2px;
    max-width: 2px;
    min-height: 100%;
    max-height: 100%;
    background-color: #DDE0E2;
}


.title_scrollbar_info_receivable_account_page {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 142.857% */
}

.bold_scrollbar_info_receivable_account_page {
    font-weight: 600;
}

.container_scrollbar_info_receivable_account_page {
    display: flex;
    height: 8px;
    width: 100%;
    align-items: center;
    align-self: stretch;
    border-radius: 20px;
    background: #DDE0E2;
}

.scrollbar_info_receivable_account_page {

    height: 8px;
    border-radius: 32px;
    background: var(--Green-500, #12B751);
}


.list_card_receivable_account_page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
}

.item_card_receivable_account_page {
    display: flex;
    padding: 14px;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    border-radius: 18px;
    border: 1px solid #DDE0E2;
    background: #FFF;
}

.box_info_card_receivable_account_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

.const_info_card_receivable_account_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 21px */
}

.value_info_card_receivable_account_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 27px */
}

.icon_info_card_receivable_account_page {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    fill: #007632;
}


.container_recent_orders_account_page {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    align-self: stretch;
}

.list_recent_orders_account_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.item_recent_orders_account_page {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: #FFF;
    border: 2px solid #fff;
    transition: var(--transition-time-all);
}

.item_recent_orders_account_page:hover {
    border-color: #DDE0E2;
}


.item_recent_orders_account_page.box_empty_orders {
    background: #f3f3f3;
    border: none;
}

.li_recent_orders_account_page{
    width: 100%;
}

.box_top_item_recent_orders_account_page,
.box_bottom_item_recent_orders_account_page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.number_item_recent_orders_account_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.grille_recent_orders_account_page {
    font-weight: 400;
}

.date_item_recent_orders_account_page {
    color: #88898B;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    /* 20.3px */
}

.box_price_item_recent_orders_account_page {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 145%;
    /* 20.3px */
}

.bold_price_item_recent_orders_account_page {
    color: #1A1A1A;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    /* 20.3px */
}

.status_item_recent_orders_account_page {
    display: flex;
    padding: 2px 8px 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
}

.status_item_recent_orders_account_page::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
}

.status_item_recent_orders_account_page.success {
    background: #ECFDF3;
    color: #007632;
}

.status_item_recent_orders_account_page.success::before {
    background: #12B751;
}

.status_item_recent_orders_account_page.pending {
    background: #FFFAEB;
    color: #B54708;
}

.status_item_recent_orders_account_page.pending::before {
    background: #F79009;
}

.status_item_recent_orders_account_page.rejected {
    background: #F2F4F7;
    color: #344054;
}

.status_item_recent_orders_account_page.rejected::before {
    background: #667085;
}

.container_global_content_account_page {
    display: flex;
    flex-direction: column;

}

.column_right_account_page {
    width: 100%;
}

.icon_link_left_account_page{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill: #181818;
    transition: var(--transition-time-all);
}


.link_left_account_page{
    display: flex;
    padding-right: 20px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    /* border-radius: 12px; */
    background: #FFF;
    border: 2px solid #FFF;
    transition: var(--transition-time-all);
}

.box_icon_link_left_account_page{
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: var(--transition-time-all);
}

.icon_link_left_account_page {
    opacity: 0.5;
    transition: var(--transition-time-all);
}


.link_left_account_page:hover .icon_link_left_account_page {
    fill: #007632;
    opacity: 1;
}


.box_name_email_user_account_page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
}

.name_user_account_page {
    color: #000;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
}

.box_info_user_account_page {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 14px;
    align-self: stretch;
    border-radius: 20px;
    background: #FFF;
}

.image_user_account_page {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
}

.email_user_account_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}

@media screen and (min-width: 768px) {
    .container_account_page {
        padding: 20px 20px 80px 20px;
    }

    .container_receivable_account_page {
        padding: 24px;
    }

    .box_info_receivable_account_page,
    .box_bottom_receivable_account_page {
        gap: 32px;
    }

    .list_card_receivable_account_page {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.container_links_left_account_page {
    display: flex;
    padding: 20px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background: #FFF;
}

.list_links_left_account_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.link_left_account_page {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 0 0;
    align-self: stretch;
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    transition: var(--transition-time-all);
}

.box_icon_link_left_account_page {
    display: flex;
    padding: 10px 6px 10px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 14px;
    position: relative;

}

.icon_link_left_account_page {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    fill: #181818;
    opacity: 0.5;
    transition: var(--transition-time-all);
}




.link_left_account_page.active,
.link_left_account_page:active {
    border-left: 4px solid #007632;
    color: #007632;
    opacity: 1;
}

.link_left_account_page.active .icon_link_left_account_page,
.link_left_account_page:active .icon_link_left_account_page {
    fill: #007632;
    opacity: 1;
}


.link_left_account_page:hover {
    color: #007632;
    text-decoration: underline;
}

.link_left_account_page:hover .icon_link_left_account_page {
    fill: #007632;
    opacity: 1;
}


@media screen and (min-width: 1280px) {

    .container_account_page {
        padding: 20px 60px 80px 60px;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;

    }

    .column_left_account_page {
        position: sticky;
        top: 149px;
        display: flex;
        min-width: 300px;
        max-width: 300px;
        height: fit-content;
    }


    .container_content_left_account_page {
        width: 100%;
    }

    .container_global_content_account_page {
        flex-direction: row;
        gap: 20px;
    }

    .container_content_left_account_page {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-self: stretch;
    }

    .prev_link_account_page{
        position: sticky;
        top: 100px;
    }

}

.column_left_account_page #column-left {
    width: 100%;
}


.container_is_logged_links_header_menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
}

.decoration_line_links_header_menu{
    height: 1px;
    width: 100%;
    display: flex;
    align-self: stretch;
    opacity: 0.2;
    background: #535863;
}

.box_name_email_links_header_menu {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.is_logged_list_links_header_menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
}

.item_link_left_account_page .pull-left,.item_link_left_account_page .btn-group {
    width: 100%;
    height: 100%;
}

.item_link_left_account_page .btn-lang {
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    border-radius: 12px;
    border: 2px solid #fff;
    padding-right: 14px;
    transition: var(--transition-time-all);
}

.item_link_left_account_page .language_text {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    flex: 1 0 0;
    align-self: stretch;
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: var(--transition-time-all);
}

.item_link_left_account_page .btn-lang svg {
    padding: 10px 6px 10px 14px;
    box-sizing: content-box;
    transition: var(--transition-time-all);
}


.item_link_left_account_page .language_text::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12.8383%2011.6897%20L8%206.85143%20L9.47252%205.37891%20L15.7833%2011.6897%20L9.47252%2018.0005%20L8%2016.528%20L12.8383%2011.6897Z'%20fill='%23181818'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    transition: var(--transition-time-all);
}

.item_link_left_account_page .btn-lang:hover {
    border-color: #007632;
} 

.item_link_left_account_page .btn-lang svg g, 
.item_link_left_account_page .btn-lang:hover svg g path {
    transition: var(--transition-time-all);
}

.item_link_left_account_page .btn-lang:hover svg g {
    opacity: 1;
}

.item_link_left_account_page .btn-lang:hover svg g path {
    fill: #007632;
}

.item_link_left_account_page .btn-lang:hover .language_text {
    color: #007632;
}

.item_link_left_account_page .btn-lang:hover .language_text::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12.8383%2011.6897%20L8%206.85143%20L9.47252%205.37891%20L15.7833%2011.6897%20L9.47252%2018.0005%20L8%2016.528%20L12.8383%2011.6897Z'%20fill='%23007632'/%3E%3C/svg%3E");
}


.item_link_left_account_page .btn-group.open .language_text::after {
    transform: rotate(90deg);
}

.item_link_left_account_page .dropdown-menu {
    
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap:8px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(114, 138, 155, 0.25);
    transition: var(--transition-time-all);
}

.item_link_left_account_page .btn-group.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.is_logged_list_links_header_menu .link_left_account_page {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 12px;
    transition: var(--transition-time-all);
}

.is_logged_list_links_header_menu .link_left_account_page:hover  {
    color: #007632;
    border-color: #007632;
    text-decoration: none;
}

.link_left_account_page.btn-cart_update {
    align-items: center;
    justify-content: flex-start;
    background: #fff;
}

.container_phone_link_icon_header_menu{
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.box_icon_header_menu {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 1px 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.icon_header_menu {
    fill: #000;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.box_phone_link_header_menu {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.phone_link_header_menu{
    color: #181818;
    font-family:    var(--font-family-main);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.phone_link_header_menu:hover{
    color: #181818;
}

.box_empty_orders{
    height: 90px;
    align-items: center;
    justify-content: center;
}


.empty_orders_message, .empty_products_message {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.empty_products_message {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.container_product_have_been_viewed_account_page {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.container_have_been_viewed_account_page {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch
}

.item_link_left_account_page .dropdown-backdrop{
    display: none !important;
}

@media screen and (min-width: 768px) {
    .container_product_have_been_viewed_account_page .link_cart_product {
        max-width: none;
        min-width: auto;
    }

    .container_product_have_been_viewed_account_page {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 1280px) {
    .container_product_have_been_viewed_account_page { 
        grid-template-columns: repeat(3, 1fr);
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }
}


.box_icon_link_left_account_page .count_product_cart_wishlist_compare {
    height: 20px;
    min-width: 20px;
    right: -4px;
    top: 0;
}


.container_modal_register {
    position: fixed;
    top: 0;
    right: 0;
    /* transform: translate(-50%, -50%); */
    transition: var(--transition-time-all);
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #F3F3F3;
    padding: 20px;
    overflow-y: auto;

}

/* Стиль для контейнера або для всього документа */
.container_modal_register::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.container_modal_register::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.container_modal_register::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.container_modal_register::-webkit-scrollbar-track {
    background-color: transparent;
}

.modal-backdrop {
    z-index: -1 !important;
}

.modal-backdrop.in {
    z-index: 1040 !important;
}

.box_top_modal_register {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.btn_close_modal_register, .btn_close_modal_login {
    display: flex;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #FFF;
    justify-content: center;
    align-items: center;
    transition: var(--transition-time-all);
    border: 2px solid #FFF;
}

.btn_close_modal_register:hover,
.btn_close_modal_login:hover {
    border-color: #007632;
}

.icon_close_modal_register, .icon_close_modal_login {
    width: 32px;
    height: 32px;
    fill: #181818;
    transition: var(--transition-time-all);
}


.btn_close_modal_register:hover .icon_close_modal_register,
.btn_close_modal_login:hover .icon_close_modal_login {
    fill: #007632;
}


.title_top_modal_register, .title_top_modal_login {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.modal_form_content_register{
    padding-top: 10px;
}


#simpleregister .box_inputs_label_checkout_page .box_inputs_register {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#simpleregister .box_inputs_label_checkout_page .box_inputs_register label {
    padding-left: 0;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    gap: 20px;
    flex: 1 0 0;
    opacity: 0.6;
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    text-align: center;
    /* 106.25% */
    transition: var(--transition-time-all);
    
}

#simpleregister .box_inputs_label_checkout_page .box_inputs_register label::after {
    content: '';
    height: 2px;
    width: 100%;
    display: block;
    background-color: #DDE0E2;
    transition: var(--transition-time-all);

}

#simpleregister .box_inputs_label_checkout_page .box_inputs_register label.active {
    opacity: 1;
    color: #007632;
    gap: 19px;
}

#simpleregister .box_inputs_label_checkout_page .box_inputs_register label.active::after {
    background-color: #007632;
    height: 3px;
}

.label_checkout_page[for='register_customer_type'] .text_label_checkout_page {
    display: none;
}

#simpleregister .label_checkout_page {
    display: flex !important;
}

#simpleregister .input_checkout_page {
    width: 100%;
    background-color: #fff;
}

#simpleregister .simpleregister-block-content {
    padding: 0;
    margin: 0;
}

.btn_submit_simpleregister {
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #007632;
    transition: var(--transition-time-all);
}


.text_btn_submit_simpleregister{
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
        /* 125% */
}

.btn_submit_simpleregister:hover {
    background-color: #181818;
    cursor: pointer;
}

.box_text_accept_conditions_simpleregister, .container_simpleregister {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.box_btn_submit_register_log_in {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.decoration_line_simpleregister{
    height: 1px;
    width: 100%;
    align-self: stretch;
    background: #DDE0E2;
}

.box_text_login_link_simpleregister {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    align-self: stretch;
}

.text_login_link_simpleregister {
    color: #88898B;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
        /* 171.429% */
}

.link_login_simpleregister {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    transition: var(--transition-time-all);
}

.link_login_simpleregister:hover {
    /* 171.429% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor: pointer;
}

.text_agreements_checkbox_simpleregister{
    color:  #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0;
    /* 121.429% */

}

.text_agreements_checkbox_simpleregister a {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.text_agreements_checkbox_simpleregister input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}


.text_agreements_checkbox_simpleregister{
    display: flex;
    align-items: center;
    gap: 12px;
}

.custom-checkmark {
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    flex-shrink: 0;
    background-color: #FFF;
    border: 2px solid #DDE0E2;
    transition: var(--transition-time-all);
}

.text_agreements_checkbox_simpleregister:hover {
    cursor: pointer;
}

.text_agreements_checkbox_simpleregister:hover .custom-checkmark {
    border-color: #007632;
}

.text_agreements_checkbox_simpleregister input[type="checkbox"]:checked+.custom-checkmark {
    border-color: #007632;
    background-color: #007632;
}

.text_agreements_checkbox_simpleregister input[type="checkbox"]:checked+.custom-checkmark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M8.6465 3.1189L3.42041 8.34498L1.04492 5.96949' stroke='white' stroke-width='1.78162' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0.00976562' y='0.00952148' width='11.4024' height='9.32921' rx='4.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


.agreement_all_simpleregister {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.text_error_simpleregister {
    color: #D42620;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    /* 20.3px */
}



.box_text_log_in_with_social {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    align-self: stretch;
    margin-bottom: 20px;
}

.box_link_log_in_with_social {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.link_log_in_with_social {
    display: flex;
    padding: 8px 14px;
    height: 44px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    transition: var(--transition-time-all);
    border: 2px solid #fff;
}

.link_log_in_with_social:hover {
    border-color: #DDE0E2;
}

.text_link_log_in_with_social{
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
}

.text_log_in_with_social {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.input_checkout_page[name="register[telephone]"], .input_checkout_page[name="register[email]"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 
.box_inputs_label_checkout_page:has(.input_checkout_page[name="register[telephone]"])::after {
    content: '';
    width: 24px;
    height: 24px;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 23C6.45 23 5.97917 22.8042 5.5875 22.4125C5.19583 22.0208 5 21.55 5 21V3C5 2.45 5.19583 1.97917 5.5875 1.5875C5.97917 1.19583 6.45 1 7 1H17C17.55 1 18.0208 1.19583 18.4125 1.5875C18.8042 1.97917 19 2.45 19 3V21C19 21.55 18.8042 22.0208 18.4125 22.4125C18.0208 22.8042 17.55 23 17 23H7ZM7 18H17V6H7V18Z' fill='%23535863'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    top: 33px;
    right: 14px;
    position: absolute;
    transition: var(--transition-time-all);
}


.box_inputs_label_checkout_page:has(.input_checkout_page[name="register[telephone]"]:focus)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 23C6.45 23 5.97917 22.8042 5.5875 22.4125C5.19583 22.0208 5 21.55 5 21V3C5 2.45 5.19583 1.97917 5.5875 1.5875C5.97917 1.19583 6.45 1 7 1H17C17.55 1 18.0208 1.19583 18.4125 1.5875C18.8042 1.97917 19 2.45 19 3V21C19 21.55 18.8042 22.0208 18.4125 22.4125C18.0208 22.8042 17.55 23 17 23H7ZM7 18H17V6H7V18Z' fill='%23007632'/%3E%3C/svg%3E");
    
}

.box_inputs_label_checkout_page:has(.input_checkout_page[name="register[email]"])::after {
    content: '';
    width: 24px;
    height: 24px;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2 20V4H22V20H2ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z' fill='%23535863'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    top: 33px;
    right: 14px;
    position: absolute;
    transition: var(--transition-time-all);
}


.box_inputs_label_checkout_page:has(.input_checkout_page[name="register[email]"]:focus)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2 20V4H22V20H2ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z' fill='%23007632'/%3E%3C/svg%3E");
}


.container_modal_login {
    position: fixed;
    top: 0;
    right: 0;
    transition: var(--transition-time-all);
    padding: 20px;
    background: #F3F3F3;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}



.box_top_modal_login {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.simplecheckout_content_login, .simplecheckout_fieldset_login {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form_group_login_modal {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

.label_login_modal {
    overflow: hidden;
    color: #454F5B;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    /* 121.429% */
    margin: 0;
}

.label_login_modal::after{
    content: '*';
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #F04A4D;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
}

.input_login_modal {
    display: flex;
    height: 44px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 106.25% */
    transition: var(--transition-time-all);
    border: 2px solid #fff;
}

.input_login_modal::placeholder {
    color: #88898B;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 106.25% */
    opacity: 0.5;
}

.input_login_modal:focus {
    border-color:#007632;
    outline: none;
}

.box_form_group_forgot_password {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 4px;
    align-self: stretch;
}


.text_forgot_password{
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 171.429% */
    transition: var(--transition-time-all);
}


.text_forgot_password:hover {
    color: #007632;
    font-family: var(--font-family-main);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.box_button_login_register {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.button_login_submit_modal_login {
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background:  #007632;
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
    transition: var(--transition-time-all);
}

.button_login_submit_modal_login:hover {
    background-color: #181818;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
}

.box_button_register_login_modal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.text_register_login_modal {
    color: #88898B;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}


.btn_register_login_modal {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    transition: var(--transition-time-all);
}



.btn_register_login_modal:hover{
    color:  #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.text_error_modal_login {
    color: #D42620;
    text-align: left;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    /* 20.3px */
}


.container_form_input_error_login_modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}


@media screen and (min-width: 650px) {

    .container_modal_register{
        max-width: 420px;
        height: 100%;
    }

    .container_modal_login{
        max-width: 420px;
        height: 100%;
    }
  
}

/* =========================== ORDER_LIST ======================================== */

.container_content_account_page {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: stretch;
}

.box_tabs_my_orders_page {
    border-bottom: 2px solid #DDE0E2;
}

.list_tabs_my_orders_page {
    display: flex;
    align-items: center;
    gap: 20px;
    overflow-x: auto;
    position: relative;
    top: 2px;
    margin-bottom: 0;
}

.list_tabs_my_orders_page::-webkit-scrollbar {
    display: none;
}

.item_tab_my_orders_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    height: 37px;
    transition: var(--transition-time-all);
    cursor: pointer;
    white-space: nowrap;
    opacity: 0.6;
}

.count_orders_in_tab {
    font-weight: 300;
}

.item_tab_my_orders_page.active {
    opacity: 1;
    color: #007632;
    border-bottom: 3px solid #007632;
}


.list_my_orders_page {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.item_cart_my_order_page {
    width: 100%;
}


.link_cart_my_order_page {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    border-radius: 20px;
    background: #FFF;
}

.box_info_number_date_order,
.box_bottom_info_order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.number_order_my_order_page {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
}

.date_order_my_order_page {
    color: #535863;
    text-align: right;
    font-family: var(--font-family-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
}

.box_info_payment_order {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 142.857% */
}

.box_info_price_order {
    display: flex;
    width: 142.4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    margin-top: auto;
    
}

.box_info_delivery_status_order {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.price_wholesale_order {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: auto 0;
    /* 142.857% */
}

.retail_order_my_order_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: auto 0;
    /* 166.667% */
}

.method_delivery_order {
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    background: #F2F4F7;
    color: #344054;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
}


.status_order_my_order_page {
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
    display: flex;
    padding: 2px 8px 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
}

.status_order_my_order_page::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
}


.status_order_my_order_page.in_progress {
    color: #344054;
    background: #F2F4F7;
}

.status_order_my_order_page.in_progress::before {
    background-color: #667085;
}


.status_order_my_order_page.cancelled {
    color: #B42318;
    background: #FEF3F2;
}

.status_order_my_order_page.cancelled::before {
    background-color: #F04438;
}

.status_order_my_order_page.shipped, .status_order_my_order_page.pending {
    color: #B54708;
    background: #FFFAEB;
}

.status_order_my_order_page.shipped::before, .status_order_my_order_page.pending::before {
    background-color: #F79009;
}

.status_order_my_order_page.processed {
    color: #6941C6;
    background: #F9F5FF;
}

.status_order_my_order_page.processed::before {
    background-color: #9E77ED;
}

.status_order_my_order_page.received {
    color: #007632;
    background: #ECFDF3;
}

.status_order_my_order_page.received::before {
    background-color: #12B751;
}

.container_content_my_orders_page.desktop {
    display: none;
}

@media screen and (min-width: 1280px) {
    .list_my_orders_page.mobile_tablet {
        display: none;
    }

    .container_content_my_orders_page.desktop {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        border-radius: 30px;
        background: #FFF;
    }

    .box_top_content_my_orders_page {
        border-radius: 14px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        background-color: #F3F3F3;
    }

    .title_top_content_my_orders_page {
        display: flex;
        padding: 12px 24px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        color: #535863;
        font-family: var(--font-family-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .list_content_my_orders_page {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .decoration_line_content_my_orders_page {
        width: 100%;
        height: 1px;
        background: #F3F3F3;
    }

    .decoration_line_content_my_orders_page:last-child {
        display: none;
    }

    .link_content_my_orders_page {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        transition: var(--transition-time-all);
        border-radius: 14px;
        border: 2px solid #fff;
    }

    .link_content_my_orders_page:hover {
        border-color: #DDE0E2;
    }

    .box_info_content_my_orders_page {
        display: flex;
        padding: 12px 24px;
        align-items: center;
        align-self: stretch;
    }

    .box_info_content_my_orders_page.flex_column {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

}


/* =========================== /ORDER_LIST ======================================== */
/* =========================== ORDER_LIST_ITEM ======================================== */

.box_top_my_order_item_page {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.link_go_my_orders_list_page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #FFF;
    border: 2px solid #fff;
    transition: var(--transition-time-all);
}

.link_go_my_orders_list_page:hover {
    border-color: #007632;
}


.icon_prev_link_account_page {
    transform: rotate(180deg);
    transition: var(--transition-time-all);
    width: 24px;
    height: 24px;
    fill: #181818;
}

.link_go_my_orders_list_page:hover .icon_prev_link_account_page {
    fill: #007632;
}

.container_short_info_my_order_item_page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.box_top_short_info_my_order {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.number_order_my_order_item_page {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 83.333% */
}


.date_order_my_order_item_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.container_item_info_order_item_page {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 30px;
    background: #FFF;
}

.title_info_order_item_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.list_products_info_order_item_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    max-height: 465px;
    overflow-y: auto;
    padding-right: 8px;
}

.list_products_info_order_item_page::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.list_products_info_order_item_page::-webkit-scrollbar-thumb {
    background: #DDE0E2;
    border-radius: 20px;
}

.list_products_info_order_item_page::-webkit-scrollbar-track {
    background: transparent;
}

.list_products_info_order_item_page::-webkit-scrollbar-track-piece {
    background: transparent;
}

.list_products_info_order_item_page::-webkit-scrollbar-button {
    display: none;
}

.list_products_info_order_item_page::-webkit-scrollbar-corner {
    display: none;
}

.list_products_info_order_item_page::-webkit-scrollbar-thumb:hover {
    background: #B0B3B6;
}

.item_product_info_order_item_page {
    width: 100%;
}

.link_product_info_order_item_page {
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid #F3F3F3;
    background: #FFF;
}


.box_image_title_product_info_order_item_page {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.image_product_info_order_item_page {
    width: 64px;
    height: 64px;
    aspect-ratio: 1/1;
    border-radius: 8px;
    object-fit: cover;
}


.title_product_info_order_item_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: var(--transition-time-all);
}


.title_product_info_order_item_page:hover {
    color: #007632;
    text-decoration: underline;
}

.box_price_info_order_item_page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}


.count_product_info_order_item_page {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #F3F3F3;
}

.price_item_info_order_item_page,
.count_item_info_order_item_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.x_item_info_order_item_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
}

.total_price_item_info_order_item_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box_total_order_item_page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.title_total_order_item_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.value_total_order_item_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.container_item_info_order_item_page.address {
    gap: 0;
}


.container_content_address_order_item_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;


}
@media screen and (min-width: 768px) {
    .container_content_address_order_item_page {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 14px;
    }
}

.box_item_info_order_item_page {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #F3F3F3;
}

.title_item_info_order_item_page {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.7;
}

.value_item_info_order_item_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.box_item_info_order_item_page.last_type {
    padding-bottom: 0;
}

.box_item_info_order_item_page.first_type {
    padding-top: 0;
}


.btn_print_invoice_order_item_page {
    margin-left: auto;
    display: flex;
    height: 44px;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 12px;
    border: 2px solid #007632;
    background: #FFF;
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: var(--transition-time-all);
}


.btn_print_invoice_order_item_page:hover {
    border-color: #181818;
    color: #181818;
}

.icon_document_order_item_page {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    fill: #007632;
    transition: var(--transition-time-all);
}

.btn_print_invoice_order_item_page:hover .icon_document_order_item_page {
    fill: #181818;
}

.box_comment_btn_order_item_page {
    padding-top: 29px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-top: 1px solid #f3f3f3;
    margin-top: -1px;
}

@media screen and (min-width: 768px) {
    .container_my_order_item_page {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

    .container_item_info_order_item_page {
        padding: 24px;
        gap: 24px;
    }

    .link_product_info_order_item_page {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

    .box_price_info_order_item_page {
        flex-direction: column;
        align-items: flex-end;
        gap: 20px;
    }


    .box_row_info_order_item_page {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        gap: 24px;
        border-bottom: 1px solid #F3F3F3;
    }


    .box_comment_btn_order_item_page {
        padding-top: 15px;
    }

}

@media screen and (min-width: 1280px) {
    .container_my_order_item_page {
        max-width: 1320px;
    }

    .box_item_info_order_item_page.comment {
        width: 552px;
    }

    .box_comment_btn_order_item_page {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        align-self: stretch;
    }

    .btn_print_invoice_order_item_page {
        margin-top: auto;
    }

}


@media screen and (min-width: 1280px) {
    .box_price_info_order_item_page {
        flex-direction: row;
        align-items: center;
        gap: 40px;
    }
    
}

/* =========================== /ORDER_LIST_ITEM ======================================== */


/* =========================== ORDER_PERSONAL_DATA ======================================== */

.container_content_personal_data_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.box_item_personal_data_page {
    display: flex;
    padding: 16px;
    align-self: stretch;
    border-radius: 30px;
    background: #FFF;
}


.container_info_static {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    width: 100%;
}


.box_item_info_static {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    width: 100%;
}

.name_info_static {
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.7;
}

.value_info_static {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.container_info_personal_information {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.title_item_personal_data_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.container_my_manager {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
}

.box_item_my_manager {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
}

.name_info_static_my_manager {
    opacity: 0.7;
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.value_info_static_my_manager {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form_personal_information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    width: 100%;
}

.label_personal_information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}


.label_personal_information_text,
.label_reset_password_text {
    overflow: hidden;
    color: #454F5B;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    /* 121.429% */
}


.input_personal_information,
.input_reset_password {
    display: flex;
    height: 44px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #F3F3F3;
    border: 2px solid #F3F3F3;
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    transition: var(--transition-time-all);
}

.input_personal_information:hover,
.input_reset_password:hover {
    background: #fff;
}

.input_personal_information:focus,
.input_reset_password:focus {
    background: #fff;
    border-color: #007632;
}

.input_personal_information::placeholder,
.input_reset_password::placeholder {
    opacity: 0.5;
}

.box_btn_check_personal_information {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.label_check_personal_information [type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.label_check_personal_information {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-checkmark {
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    flex-shrink: 0;
    background-color: #FFF;
    border: 2px solid #DDE0E2;
    transition: var(--transition-time-all);
}

.label_check_personal_information:hover {
    cursor: pointer;
}

.label_check_personal_information:hover .custom-checkmark {
    border-color: #007632;
}

.label_check_personal_information input[type="checkbox"]:checked+.custom-checkmark {
    border-color: #007632;
    background-color: #007632;
}

.label_check_personal_information input[type="checkbox"]:checked+.custom-checkmark::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M8.6465 3.1189L3.42041 8.34498L1.04492 5.96949' stroke='white' stroke-width='1.78162' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0.00976562' y='0.00952148' width='11.4024' height='9.32921' rx='4.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.btn_check_personal_information {
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #007632;
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: var(--transition-time-all);
}

.btn_check_personal_information:hover {
    background: #181818;
}


.form_reset_password {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.label_reset_password {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: stretch;
    margin-bottom: 0;
    position: relative;
}

.btn_reset_password {
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #007632;
    transition: var(--transition-time-all);
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.btn_reset_password:hover {
    background: #181818;
    color: #fff;
}

.box_top_my_address {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    align-self: stretch;
}

.container_my_address {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.btn_add_address {
    display: flex;
    align-items: center;
    gap: 6px;
    transition: var(--transition-time-all);
    cursor: pointer;
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn_add_address:hover {
    color: #181818;
}

.icon_add_address {
    width: 24px;
    height: 24px;
    fill: #007632;
    transition: var(--transition-time-all);
}

.btn_add_address:hover .icon_add_address {
    fill: #181818;
}

.list_my_address {
    width: 100%;
}

.form_my_address {
    width: 100%;
}

.item_my_address {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    width: 100%;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EEEFF0;
    transition: var(--transition-time-all);
}

.item_my_address:first-child {
    padding-top: 0;
}

.item_my_address:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.label_my_address {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin: 0;
}

.text_label_my_address {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.input_radio_my_address {
    -webkit-appearance: auto;
    appearance: auto;
    accent-color: #007632;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    transition: var(--transition-time-all);
    margin: 0 !important;
}

.box_btn_delete_edit_address {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon_delete_address,
.icon_edit_address {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    transition: var(--transition-time-all);
}

.icon_delete_address {
    fill: #535863;
}

.icon_edit_address {
    fill: #D42620;
}

.icon_delete_address:hover,
.icon_edit_address:hover {
    opacity: 1;
}

.container_facebook_google_personal_data_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}


.box_facebook_google_personal_data_page {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    background: #FFF;
    width: 100%;
    justify-content: space-between;
    transition: var(--transition-time-all);
}

.box_logo_text_facebook_google {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.text_facebook_google_personal_data_page {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
}

.box_text_facebook_google_personal_data_page {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.text_accept_personal_data_page {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
}

.btn_add_facebook_google_personal_data_page {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: var(--transition-time-all);
}

.btn_add_facebook_google_personal_data_page:hover {
    color: #181818;
}

.icon_delete_facebook_google {
    width: 24px;
    height: 24px;
    fill: #D42620;
    opacity: 0.5;
    transition: var(--transition-time-all);
}

.icon_delete_facebook_google:hover {
    opacity: 1;
}


.btn_delete_facebook_google_personal_data_page {
    height: fit-content;
}


.container_modal_add_my_address {
    position: fixed;
    top: -100%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 560px;
    width: 95%;
    z-index: 9999;
    border-radius: 22px;
    background: #F3F3F3;
    transition: var(--transition-time-all);
    padding: 20px;
}

.container_modal_add_my_address.open {
    top: 50%;
}

.background_product_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: var(--transition-time-all);
    opacity: 0;
    visibility: hidden;
    z-index: 1010;
    pointer-events: none;
}

.background_product_page.open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.box_top_modal_add_my_address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.title_top_modal_add_my_address {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.btn_close_modal_add_my_address {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #FFF;
    border: 2px solid #fff;
    transition: var(--transition-time-all);
}

.btn_close_modal_add_my_address:hover {
    border-color: #007632;
}

.icon_close_modal_add_my_address {
    width: 32px;
    height: 32px;
    fill: #181818;
    transition: var(--transition-time-all);
}

.btn_close_modal_add_my_address:hover .icon_close_modal_add_my_address {
    fill: #007632;
}

.container_content_modal_add_my_address {
    padding-top: 20px;
    width: 100%;
}

.form_modal_add_my_address {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    align-self: stretch;
}

.label_modal_add_my_address {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

.label_modal_add_my_address_text {
    overflow: hidden;
    color: #454F5B;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    /* 121.429% */
}

.input_modal_add_my_address {
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 106.25% */
    display: flex;
    height: 44px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    border: 2px solid #FFF;
    transition: var(--transition-time-all);
}

.input_modal_add_my_address.input-error {
    border-color: #D42620;
}

.input_modal_add_my_address::placeholder {
    opacity: 0.5;
}

.input_modal_add_my_address:hover {
    border-color: #DDE0E2;
}

.input_modal_add_my_address:focus {
    border-color: #007632;
}

.btn_modal_add_my_address {
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #007632;
    transition: var(--transition-time-all);
}

.btn_modal_add_my_address:hover {
    background: #181818;
    color: #fff;
}

.container_reset_password {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    align-self: stretch;
}

.form_reset_password_text {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.success_message_reset_password {
    overflow: hidden;
    color: #007632;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
}

.box_success_message_btn_reset_password {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.box_btn_reset_password {
    display: flex;
    gap: 12px;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .container_content_personal_data_page {
        gap: 32px;
    }

    .box_item_personal_data_page {
        padding: 24px;
    }

    .container_info_static {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        row-gap: 30px;
    }

    .container_my_manager {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .form_personal_information {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        column-gap: 20px;
        row-gap: 24px;
    }

    .label_personal_information.div5 {
        grid-column: span 2 / span 2;
    }

    .box_btn_check_personal_information.div6 {
        grid-column: span 2 / span 2;
        grid-row-start: 4;
    }

    .btn_reset_password {
        width: fit-content;
        margin-left: auto;
    }

    .box_item_personal_data_page.personal_information {
        padding-bottom: 0;
    }

}


@media screen and (min-width: 1280px) {
    .container_reset_password {
        flex-direction: row;
        align-items: center;
    }

    .label_reset_password {
        width: 100%;
    }
}

/* =========================== /ORDER_PERSONAL_INFORMATION ======================================== */

/* =========================== DOCUMENT_PAGE ======================================== */

.box_top_document_account_page {
    display: none;
}

.list_document_account_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-bottom: 0;
}

.item_document_account_page {
    border-radius: 20px;
    background: #FFF;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 30px;
    align-self: stretch;
}

.name_document_account_page {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
}

.icon_document_account_page {
    display: flex;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    justify-content: center;
    align-items: center;
    fill: #007632;
}

.text_name_document_account_page {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.date_document_account_page.tablet_desktop {
    display: none;
}

.container_btn_document_account_page {
    display: flex;
    width: 80px;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.box_btn_document_account_page {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.btn_delete_document_account_page,
.btn_download_document_account_page {
    height: 24px;
}

.icon_download_delete_document_account_page {
    width: 24px;
    height: 24px;
    opacity: 0.5;
    fill: #535863;
    transition: var(--transition-time-all);
}

.btn_delete_document_account_page:hover .icon_download_delete_document_account_page,
.btn_download_document_account_page:hover .icon_download_delete_document_account_page {
    opacity: 1;
    fill: #007632;
}

.btn_download_document_account_page .text_date_document_account_page {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 142.857% */
}

.icon_order_document{
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    fill: #007632;
    transition: var(--transition-time-all);
}


.btn_order_document {
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
    border: 2px solid #007632;
    background: #FFF;
    height: 44px;
    padding: 12px 14px;
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: var(--transition-time-all);
}

.btn_order_document:hover {
    color: #181818;
    border-color: #181818;
}

.btn_order_document:hover .icon_order_document {
    fill: #181818;
}


.container_modal_add_document{
    position: fixed;
    top: -100%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3000;
    display: flex;
    max-width: 560px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 22px;
    background: #F3F3F3;
    transition: var(--transition-time-all);
}


.container_modal_add_document.open{
    top: 50%;
}

.box_top_modal_add_document {
    display: flex;
    padding: 20px 20px 14px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.title_modal_add_document {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.btn_modal_add_document{
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 12px;
    background: #FFF;
    transition: var(--transition-time-all);
}

.icon_modal_add_document {
    width: 32px;
    height: 32px;
    transition: var(--transition-time-all);
    fill: #181818;
}

.btn_modal_add_document:hover {
    border-color: #007632;
}

.btn_modal_add_document:hover .icon_modal_add_document {
    fill: #007632;
}

.container_content_modal_add_document {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.form_modal_add_document {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.label_modal_add_document {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    position: relative;
}


.text_label_modal_add_document {
    overflow: hidden;
    color: #454F5B;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    /* 121.429% */
}

.text_label_modal_add_document.required::after {
    content: '*';
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #F04A4D;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
}

.input_modal_add_document {
    display: flex;
    height: 44px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    border: 2px solid #fff;
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 106.25% */
    transition: var(--transition-time-all);
}

.input_modal_add_document::placeholder {
    opacity: 0.5;
}

.input_modal_add_document:hover {
    border-color: #DDE0E2;
}

.input_modal_add_document:focus {
    border-color: #007632;
}

.icon_email_modal_add_document {
    position: absolute;
    right: 14px;
    top: 33px;
    width: 24px;
    height: 24px;
    fill: #88898B;
    transition: var(--transition-time-all);
}

.label_modal_add_document:has(.input_modal_add_document:focus) .icon_email_modal_add_document {
    fill: #007632;
}

.textarea_modal_add_document {
    display: flex;
    height: 195px;
    padding: 14px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    border: 2px solid #fff;
    resize: none;
    transition: var(--transition-time-all);
    overflow-y: auto;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 106.25% */
}

.textarea_modal_add_document::placeholder {
    opacity: 0.5;
}

.textarea_modal_add_document:hover {
    border-color: #DDE0E2;
}

.textarea_modal_add_document:focus {
    border-color: #007632;
}

.btn_add_modal_add_document{
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #007632;
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: var(--transition-time-all);
    /* 125% */
}

.btn_add_modal_add_document:hover {
    background: #181818;
}


.item_order_document_account_page{
    height: 60px;
}

.line_decoration_document_account_page {
    height: 1px;
    background: #F3F3F3;
    width: 100%;
}


.line_decoration_document_account_page:last-child {
    display: none;
}

@media screen and (min-width: 768px) {
    .container_document_account_page {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        border-radius: 30px;
        background: #FFF;
    }

    .box_top_document_account_page {
        width: 100%;
        display: flex;
        border-radius: 14px;
        background: #F3F3F3;
    }


    .box_btn_document_account_page {
        display: flex;
        width: 91px;
        align-self: stretch;
    }

    .name_document_account_page,
    .date_document_account_page {
        width: 100%;
        display: flex;
        padding: 12px 16px;
        align-items: center;
        align-self: stretch;
        color: #535863;
        font-family: var(--font-family-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        flex: 1 0 0;
    }

    .text_date_document_account_page.mobile {
        display: none;
    }

    .date_document_account_page.tablet_desktop {
        display: flex;
    }

    .item_document_account_page {
        padding: 0;
    }

    .container_btn_document_account_page {
        width: 90px;
        display: flex;
        height: 60px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    .container_btn_document_account_page .box_btn_document_account_page {
        width: auto;
    }

}

/* =========================== /DOCUMENT_PAGE ======================================== */
/* =========================== WAITLIST_PAGE ======================================== */

#availabilityProductPage {
    height: fit-content;
}

.btn_availability_product_page_white.link_login_simpleregister {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: var(--transition-time-all);
    display: flex;
    height: 44px;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 12px;
    border: 2px solid  #007632;
    background: #FFF;
}

.btn_availability_product_page_green.link_login_simpleregister{
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 12px;
    background: #007632;
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: var(--transition-time-all);
    /* 125% */
}

.btn_availability_product_page_white.link_login_simpleregister:hover {
    text-decoration: none;
    color: #181818;
    border-color: #181818;
}


.btn_availability_product_page_green.link_login_simpleregister:hover {
    background: #181818;
    text-decoration: none;
    color: #FFF;
}


.text-error {
    color:  #D42620;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    /* 20.3px */
}

.text_success_add_notify {
    color: #007632;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    transition: var(--transition-time-all);
    text-align: center;
    margin: 0 auto;
}

.text_success_add_notify a {
    text-decoration: underline;
}

.form_availability_product_page{
    gap: 0;
}

.label_availability_product_page{
    margin-bottom: 20px;
}

.text_success_add_notify.active {
    margin-top: 20px;
}
/* =========================== /WAITLIST_PAGE ======================================== */
/* =========================== forgotten_modal ======================================== */

.form_container_forgotten_modal{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.container_input_text_modal_forgotten{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.label_modal_forgotten{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    position: relative;
}

.label_text_modal_forgotten {
    overflow: hidden;
    color: #454F5B;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
}

.label_text_modal_forgotten::after {
    content: '*';
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #F04A4D;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
}

.input_forgotten_modal {
    display: flex;
    height: 44px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    border: 2px solid #fff;
    background:  #FFF;
    transition: var(--transition-time-all);
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 106.25% */
}

.input_forgotten_modal::placeholder {
    opacity: 0.5;
}

.input_forgotten_modal:hover {
    border-color: #DDE0E2;
}

.input_forgotten_modal:focus {
    border-color: #007632;
}

.label_icon_modal_forgotten {
    position: absolute;
    top: 33px;
    right: 14px;
    width: 24px;
    height: 24px;
    fill: #88898B;
    transition: var(--transition-time-all);
}
.label_modal_forgotten:has(.input_forgotten_modal:focus) .label_icon_modal_forgotten{
    fill: #007632;
}
.text_modal_forgotten {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.btn_submit_modal_forgotten{
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    border-radius: 12px;
    background: #007632;
    transition: var(--transition-time-all);
}

.btn_submit_modal_forgotten:hover {
    background: #181818;
    color: #fff;
}

.container_account_reset_page{
    padding-top: 20px;
}

.container_modal_form_account_reset_page {
    display: flex;
    width: 100%;
    max-width: 610px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border-radius: 24px;
    background: #FFF;
    margin-right: auto;
    margin-left: auto;
}

.title_account_reset_page{
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.form_account_reset_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.label_account_reset_page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

.label_text_account_reset_page {
    overflow: hidden;
    color: #454F5B;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
}

.label_text_account_reset_page::after {
    content: '*';
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #F04A4D;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
}

.input_account_reset_page {
    display: flex;
    height: 44px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background:  #F3F3F3;
    border: 2px solid #F3F3F3;
    overflow: hidden;
    color: #535863;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 106.25% */
    transition: var(--transition-time-all);
}

.input_account_reset_page::placeholder {
    opacity: 0.5;
}

.input_account_reset_page:hover {
    background: #fff;
}


.btn_submit_account_reset_page {
    display: flex;
    padding: 12px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #007632;
    transition: var(--transition-time-all);
    color:  #FFF;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
}

.btn_submit_account_reset_page:hover {
    background: #181818;
}

.container_modal_form_account_reset_page{
    margin-bottom: 300px;
}


.container_account_reset_page{
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .container_modal_form_account_reset_page {
        margin-top: 200px;
        margin-bottom: 300px;
        border-radius: 24px;
        padding: 26px;
        gap: 40px;
    }
}


#simpleregister .label_checkout_page[for="register_person_type"] .text_label_checkout_page {
    display: none;
}

/* =========================== /forgotten_modal ======================================== */
/* =========================== DEBETS_PAGE ======================================== */

.container_tablet_receivable_page {
    display: inline-flex;
    padding: 16px 0px 16px 16px;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 30px;
    background: #FFF;
    width: 100%;
}

.table_receivable_page {
    display: flex;
    width: 100%;
    overflow-x: auto;
}

.table_receivable_page::-webkit-scrollbar {
    border-radius: 10px;
    background: #F3F3F3;
    display: flex;
    height: 6px;
}

.table_receivable_page::-webkit-scrollbar-thumb{
    border-radius: 20px;
    background: #DDE0E2;
}

.table_receivable_page thead tr {
    display: flex;
    flex-direction: column
}

.table_receivable_page tbody {
    display: flex;
    flex-wrap: nowrap;
}

.table_receivable_page tbody tr {
    display: flex;
    flex-direction: column
}

.table_receivable_page {
    border-top-left-radius: 14px;
}

.table_receivable_page thead{
    background: #F3F3F3;
}

.table_receivable_page thead th{
    display: flex;
    height: 66px;
    padding: 12px 16px;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    background: #F3F3F3;
    color: #535863;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: left;
}

.table_receivable_page tbody td{
    display: flex;
    height: 66px;
    padding: 12px 16px;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

.table_receivable_page tbody td:first-of-type {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
}

.table_receivable_page tbody td {
    color: #1C1C1E;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    white-space: nowrap;
    border-right: 1px solid #f3f3f3;
}



.table_receivable_page tbody td .span_bold_text{
    font-weight: 400;
}

.table_receivable_page tbody tr .overdue {
    color: #D42620;
}

.table_receivable_page tbody tr:last-of-type td {
    border-right: none;
}



@media screen and (min-width: 1280px) {
    .table_receivable_page{
        flex-direction: column;
        align-items: flex-start
    }

    .table_receivable_page thead tr {
        flex-direction: row;
    }

    .table_receivable_page tbody  {
        flex-direction: column;
        width: 100%;
    }

    .table_receivable_page tbody tr {
        flex-direction: row;
    }

    .table_receivable_page thead {
        width: 100%;
        overflow: hidden;
        border-radius: 14px;
    }

    .table_receivable_page thead th {
        height: auto;
        white-space: nowrap;
        padding: 12px 24px;
    }

    .table_receivable_page thead th {
        width: 100%;
    }

    .table_receivable_page thead th:nth-child(4) {
        min-width: 170px;
    }

    .table_receivable_page thead th:nth-child(5) {
        min-width: 170px;
    }

    .table_receivable_page tbody td {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #F3F3F3;
        display: flex;
        height: 60px;
        padding: 12px 24px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    .table_receivable_page tbody td:nth-child(4) {
        min-width: 170px;
    }
    .table_receivable_page tbody td:nth-child(5) {
        min-width: 170px;
    }


    .table_receivable_page{
        border-radius: 14px;
        gap: 12px;

    }
    .container_tablet_receivable_page {
        padding: 24px;
    }

    .table_receivable_page tbody tr td {
        width: 100%;
    }

    .table_receivable_page tbody tr:last-of-type td {
        border-bottom: none;
    }


    .list_card_receivable_account_page {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

}

/* =========================== /DEBETS_PAGE ======================================== */
.custom-select-wrapper {
    position: relative;
    /*width: 300px;*/

}

.container_custom_select_list{
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    display: none;
    z-index: 1000;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    background: #fff;
    border-radius: 20px;
    padding: 10px;
}
.custom-select-list {
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.custom-select-list span {
    display: flex;
    padding: 14px 10px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    transition: var(--transition-time-all);
    color: #181818;
    text-overflow: ellipsis;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 75% */
}

.custom-select-list span.active {
    color: #007632;
}

.custom-select-list span:hover {
    background-color: #F4F4F4;
    cursor: pointer;
}


.delivery_block{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    align-self: stretch;
}

.tabs_delivery{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 2px solid #DDE0E2;
}

.tab_delivery {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 106.25% */
    padding-bottom: 20px;
    opacity: 0.6;
    /*transition: var(--transition-time-all);*/
    margin-bottom: -1px;
}

.tab_delivery.active{
    opacity: 1;
    color: #007632;
    border-bottom: 3px solid #007632;
}

.text_success_modal_add_my_address, .text_error_modal_add_my_address {
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    margin-top: 10px;
    display: none;
    text-align: center;
}

.text_empty_address{
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    margin-top: 10px;

    text-align: center;
    color: #181818;
}

.text_success_modal_add_my_address {
    color: #007632;
}

.text_error_modal_add_my_address {
    color: #D42620;
}

.text_success_modal_add_my_address.done, .text_error_modal_add_my_address.error {
    display: block !important;
}

.container_pagination_account {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.container_pagination_account ul li a {
    display: flex;
    width: 44px;
    height: 44px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 14px;
    opacity: 0.2;
    transition: var(--transition-time-all);
    color: #000 !important;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
    border: none;
}

.container_pagination_account ul li a:hover {
    opacity: 1;
    color: #000 !important;
    background: white;
}

.container_pagination_account ul li.active span {
    opacity: 1;
    color: #000 !important;
    background: white;
    display: flex;
    width: 44px;
    height: 44px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 14px;
    transition: var(--transition-time-all);
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 !important;
    border: none;
}

.container_pagination_account ul li.active span:hover {
    opacity: 1;
    color: #000 !important;
    background: white;
    border: none;
}

.container_pagination_account .\.text_pagination_left a {
    width: 44px !important;
    padding: 0 !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 2px solid #DDE0E2 !important;
    background: #FFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transition: var(--transition-time-all);
}

.container_pagination_account .\.text_pagination_left a:hover {
    border-color: #007632 !important;
}
.container_pagination_account .\.text_pagination_left svg {
    min-width: 24px;
    max-width: 25px;
    min-height: 24px;
    max-height: 24px;
}

.container_pagination_account .\.text_pagination_left a:hover path {
    fill: #007632;
}

.text_no_results_debts_page {
    margin: 0 auto;
}

.btn_submit_simpleregister.disable {
    opacity: 0.5;
    pointer-events: none;
    cursor: no-drop;
}

.btn_submit_simpleregister.disable:hover {
    cursor: no-drop;
}

.text_info_modal_add_document {
    margin: 0 auto;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.text_info_modal_add_document.error {
    color: #D42620;
}

.text_info_modal_add_document.success {
    color: #007632;
}

.container_content_modal_add_document.text_active {
    padding-bottom: 40px;
}


.container_modal_unlink_social_login, .container_modal_unlink_social_login_success {
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    display: flex;
    max-width: 560px;
    width: 90%;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 22px;
    background: #fff;
    transition: var(--transition-time-all);
}

.container_modal_unlink_social_login.open,
.container_modal_unlink_social_login_success.open {
    top: 50%;
}

.box_top_modal_unlink_social_login,
.box_top_modal_unlink_social_login_success {
    display: flex;
    padding: 14px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.title_modal_unlink_social_login,
.title_modal_unlink_social_login_success {
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

.btn_close_modal_unlink_social_login {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #FFF;
    border: 2px solid #fff;
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: var(--transition-time-all);
}

.icon_close_modal_unlink_social_login {
    fill: #181818;
    width: 32px;
    height: 32px;
    transition: var(--transition-time-all);
}

.btn_close_modal_unlink_social_login:hover {
    border-color: #007632;
}


.btn_close_modal_unlink_social_login:hover .icon_close_modal_unlink_social_login {
    fill: #007632;
}


.box_content_modal_unlink_social_login,
.action_modal_unlink_social_login_success{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    gap: 35px;
    align-self: stretch;
}

.text_modal_unlink_social_login, .text_modal_unlink_social_login_success{
    color: #181818;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    text-align: center;
}

.text_modal_unlink_social_login_success{
    color: #007632;
}

.box_btn_modal_unlink_social_login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
}

.btn_modal_unlink_social_login,
.btn_close_modal_unlink_social_login_success {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 14px;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 12px;
    font-family: var(--font-family-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    transition: var(--transition-time-all);
}

.btn_modal_unlink_social_login.confirm {
    border: 2px solid  #007632;
    background: #FFF;
    color: #007632;
}

.btn_modal_unlink_social_login.cancel,
.btn_close_modal_unlink_social_login_success {
    color: #fff;
    background: #007632;
}

.btn_modal_unlink_social_login.confirm:hover {
    color: #181818;
    border-color: #181818;
}

.btn_modal_unlink_social_login.cancel:hover, .btn_close_modal_unlink_social_login_success:hover {
    background: #181818;
}

.container_modal_unlink_social_login.close,
.container_modal_unlink_social_login_success.close
{
    top: 100%;
    transform: translate(-50%, 0);
}

.box_info_payment_delivery_method {
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
}


@media screen and (min-width: 1500px) {
    .container_account_page {
        max-width: 1500px;
        padding-right: 0;
        padding-left: 0;
    }

    .container_product_have_been_viewed_account_page{
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .container_product_have_been_viewed_account_page .link_cart_product {
        border-radius: 14px;
    }

    .viewed_products_list_all .image_item_bottom_product_page {
        object-fit: contain;
        width: 225px;
    }

    .container_product_have_been_viewed_account_page .link_cart_product:nth-last-of-type(-n+2) {
        display: none;
    }


}

@media screen and (min-width: 1600px) {
    .container_account_page {
        max-width: 1600px;
    }

    .container_products_wishlist_page {
        grid-template-columns: repeat(5, 1fr);
    }
    .container_product_have_been_viewed_account_page{
        grid-template-columns: repeat(5, 1fr);
    }

    .container_product_have_been_viewed_account_page .image_item_bottom_product_page {
        object-fit: contain;
        width: 225px;
    }

    .container_product_have_been_viewed_account_page .link_cart_product:nth-last-of-type(-n+2) {
        display: flex;
    }
    .container_product_have_been_viewed_account_page .link_cart_product:last-of-type {
        display: none;
    }

}

.btn_print_invoice_order_item_page:hover {
    background: #007632;
    color: #fff;
    border-color:  #007632;
}

.btn_print_invoice_order_item_page:hover .icon_document_order_item_page {
    fill: #fff;
}