@charset "UTF-8";
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.bg-danger {
    background: #e64a2f !important;
}

.color-success {
    color: #4fae66 !important;
}

.color-warning {
    color: #f38f18 !important;
}

.color-danger {
    color: #e64a2f !important;
}

.text-color-medium {
    color: #48556d !important;
}

.color-blue {
    color: #3772d9 !important;
}

.color-gray {
    color: #8a94a6 !important;
}

.btn-success {
    background-color: #4fae66 !important;
    color: #fff !important;
}

@font-face {
    src: url("../fonts/Lexend-Thin.ttf");
    font-weight: 100;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-ExtraLight.ttf");
    font-weight: 200;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-Light.ttf");
    font-weight: 300;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-Regular.ttf");
    font-weight: 400;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-Medium.ttf");
    font-weight: 500;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-SemiBold.ttf");
    font-weight: 600;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-Bold.ttf");
    font-weight: 700;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-ExtraBold.ttf");
    font-weight: 800;
    font-family: "Lexend";
}
@font-face {
    src: url("../fonts/Lexend-Black.ttf");
    font-weight: 900;
    font-family: "Lexend";
}
body,
* {
    font-family: "Lexend", sans-serif;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
}

button,
input,
select,
textarea {
    outline: none;
    border: none;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}

.d-flex-between,
.card_payment .top_payment,
.photo_preview .mini_preview_box .right_preview,
.photo_list ul,
.product_detail_action,
.product_detail_list ul li,
.product_detail_box .product_detail_top,
.share_line,
.product_review .product_review_list ul li,
.order_products .order_product,
.dashboard_statistic,
.card_box_small,
.card_box_big .card_bottom,
.card_box_big,
.basket_summary .basket_summary_bottom .summary_top,
.basket_summary ul li,
.basket_list ul li,
.product_box .product_bottom .product_action,
.product_box .product_bottom .product_price,
.product_search_top,
.faq_box .question_box .question_title,
.content_pagination,
.footer_section .footer_top .footer_top_flex,
.section_title_2,
.seller_box .seller_text,
.category_types .category_container,
.section_main .header_products .product_list .product_box,
.section_main .header_products .product_list .product_list_title,
.main_header .header_nav_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.d-flex-center,
.main_preview,
.order_status_box,
.table_status_types ul li label span,
.table_status_types ul li a span,
.table_box_account tbody button,
.tag__remove,
.form__container .file_content,
.right_side,
.seller_list .table_box table .count,
.product_box .product_bottom .product_action .icon-btn,
.more_filter .filter_btns button,
.faq_box .question_box .question_title a,
.owl-nav button,
.partner_detail .partner_logo_box,
.content_pagination .custom_pagination .pagination .page-item .page-link,
.footer_section .footer_top .footer_top_flex .footer_social ul li,
.section_partners .partner_box_brand,
.section_main .map_svg,
.styled-radio ~ label:after,
.owl-theme .owl-dots .owl-dot,
.owl-dots,
.icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_xs {
    padding: 6px 12px;
    border-radius: 2px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.button_s {
    padding: 8px 24px;
    border-radius: 2px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.button_medium {
    padding: 12px 24px;
    border-radius: 2px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.button_large {
    padding: 20px 32px;
    border-radius: 2px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.icon-btn {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    padding: 8px;
    border: 1px solid #f1f2f4;
    background-color: transparent;
}
.icon-btn:disabled {
    background-color: #e1e4e8;
}
.icon-btn:hover,
.icon-btn.active {
    color: #e64a2f;
}
.icon-btn:hover svg path,
.icon-btn.active svg path {
    fill: #e64a2f;
}

.btn-main {
    background-color: #13294d;
    color: #fff;
    border: 1px solid #13294d;
}
.btn-main:hover {
    color: #fff;
}
.btn-main:disabled,
.btn-main.disabled {
    background-color: #13294d;
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-secondary {
    background-color: #e6aa68;
    color: #fff;
    border: 1px solid #e6aa68;
}
.btn-secondary:hover {
    color: #fff;
}
.btn-secondary:disabled {
    background-color: #13294d;
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-outline-main {
    background-color: #fff;
    color: #13294d;
    border: 1px solid #13294d;
}
.btn-outline-main:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-outline-secondary {
    background-color: transparent;
    color: #e6aa68;
    border: 1px solid #e6aa68;
}
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    box-shadow: unset;
}
.btn-outline-secondary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active {
    background-color: #e6aa68 !important;
    border-color: #e6aa68 !important;
    color: #fff !important;
}

.btn-outline-secondary:active:focus {
    box-shadow: unset;
}

.btn-unique {
    padding: 12px 24px;
    border-radius: 60px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: #101825;
    border: 1px solid #101825;
}
.btn-unique:hover {
    color: #13294d;
}
.btn-unique:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.text-xs,
.tag,
.tags-container {
    font-size: 10px;
    font-style: normal;
    line-height: 12px;
}

.text-small,
.tag__remove,
.profile_top .right_box .user_name_box {
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
}

.text-normal,
.setting_form input.form-control,
.setting_form select.form-control,
.setting_form textarea,
.right_side .form-control,
.apply_form .form-control,
.section_main .header_products .products_form .form-control,
.btn-outline-gray {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
}

.setting_form input.form-control[type="number"],
.setting_form select.form-control,
.setting_form input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}

.setting_form input.form-control[type="number"]::-webkit-inner-spin-button,
.setting_form input.form-control[type="number"]::-webkit-outer-spin-button,
.setting_form select.form-control::-webkit-inner-spin-button,
.setting_form select.form-control::-webkit-outer-spin-button,
.setting_form input[type="number"]::-webkit-inner-spin-button,
.setting_form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* WebKit browsers */
    margin: 0; /* Removes default margin */
}

.setting_form input.form-control[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}

.text-medium {
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

.heading3 {
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
}

.heading2 {
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
}

.heading1 {
    font-size: 32px;
    font-style: normal;
    line-height: 40px;
}

.heading_big {
    font-size: 44px;
    font-style: normal;
    line-height: 52px;
}

.font-weight-900 {
    font-weight: 900;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-100 {
    font-weight: 100;
}

.mb-32 {
    margin-bottom: 32px;
}

.mt-50 {
    margin-top: 50px;
}

.btn-outline-gray {
    border-radius: 2px;
    border: 1px solid #b0b7c3;
    font-weight: 400;
    color: #48556d;
    background-color: #fff;
}

.styled-checkbox {
    position: relative;
    cursor: pointer;
}

.styled-checkbox:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #d1d3d2;
    border-radius: 2px;
    top: 0;
    left: 0;
    background-color: #fff;
}

.styled-checkbox:checked:before {
    background-color: #e6aa68;
    border-color: #e6aa68;
}

.styled-checkbox:checked:after {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    left: 5px;
}

.form-check-input:checked {
    background-color: #e6aa68 !important;
    border-color: #e6aa68 !important;
}

.owl-theme .owl-dots .owl-dot {
    border: 1px solid #e1e4e8;
    padding: 2px;
    border-radius: 50%;
    margin: 0 3px;
    width: 14px;
    height: 14px;
}

.owl-theme .owl-dots .owl-dot span {
    background-color: #e1e4e8;
    margin: 0;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #e6aa68;
}

.owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover {
    border-color: #e6aa68;
}

.mt-32 {
    margin-top: 32px;
}

.description {
    pointer-events: none;
    position: absolute;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    z-index: 5;
    margin: 0 auto;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff;
    background: #101825;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    padding: 8px 24px;
}

.description.active {
    display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

.styled-radio {
    display: none;
}

.styled-radio ~ label {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #b0b7c3;
    padding: 3px;
}

.styled-radio ~ label:after {
    content: " ";
    background-color: #b0b7c3;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}

.styled-radio:checked ~ label:after {
    background-color: #e6aa68;
    opacity: 1;
}

.styled-radio:checked ~ label {
    border-color: #e6aa68;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.main_header {
    background-color: #050f21;
}
.main_header.header_index {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
.main_header .header_nav_box {
    padding: 24px 0;
}
.main_header .header_nav_box .nav_list .nav-item .nav-link {
    color: #fff;
    padding: 0 20px;
}
.main_header .header_nav_box .nav_list .nav-item:last-child .nav-link {
    padding-right: 0;
}
.main_header .header_nav_box .nav_list .nav-item:first-child .nav-link {
    padding-left: 0;
}
.main_header .header_nav_box .nav_right ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.main_header .header_nav_box .nav_right ul li a {
    padding: 4px 8px;
}
.main_header .header_nav_box .nav_right ul li:last-child a {
    padding-right: 0;
}

.section_main {
    padding: 140px 0 100px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.section_main .map_svg {
    height: 100%;
}
.section_main .map_svg svg {
    width: 100%;
    max-width: 592px;
    height: 488px;
    cursor: pointer;
}
.section_main .map_svg svg path:hover:not(.active),
.section_main .map_svg svg path.active {
    fill: #786112 !important;
}
.section_main .map_svg svg path:not(.active):not(.not-exists) {
    fill: #eed57d;
}
.section_main .header_products {
    padding: 24px;
    background-color: #f1f2f4;
    border: 1px solid #b0b7c3;
}
.section_main .header_products .products_title {
    color: #050f21;
    margin-bottom: 1rem;
}
.section_main .header_products .products_form .form-control {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e1e4e8;
    color: #050f21;
}
.section_main .header_products .products_form .form-control::placeholder {
    color: #8a94a6;
}
.section_main .header_products .product_list ul {
    max-height: 400px;
    min-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.section_main .header_products .product_list .product_list_title {
    margin-bottom: 12px;
}
.section_main .header_products .product_list .product_list_title h4 {
    color: #050f21;
    margin-bottom: 0;
}
.section_main .header_products .product_list .product_list_title a {
    color: #3772d9;
}
.section_main .header_products .product_list .product_box {
    background-color: #fff;
    border: 1px solid #f1f2f4;
    margin-bottom: 16px;
    padding: 16px;
}
.section_main .header_products .product_list .product_box .product_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.section_main .header_products .product_list .product_box .product_left img {
    width: 84px;
    height: 84px;
    object-fit: contain;
    padding: 7px 9px;
    border: 1px solid #f1f2f4;
    margin-right: 1rem;
}
.section_main
    .header_products
    .product_list
    .product_box
    .product_left
    .product_name
    h5 {
    color: #050f21;
    font-weight: 500;
    margin-bottom: 2px;
}
.section_main
    .header_products
    .product_list
    .product_box
    .product_left
    .product_name
    p {
    color: #283a5b;
    font-weight: 400;
    margin-bottom: 0;
}
.section_main .header_products .product_list .product_box .product_right {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    height: 85px;
}
.section_main
    .header_products
    .product_list
    .product_box
    .product_right
    .product_price
    span {
    color: #050f21;
    font-weight: 600;
}
.section_main
    .header_products
    .product_list
    .product_box
    .product_right
    .product_action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.section_main
    .header_products
    .product_list
    .product_box
    .product_right
    .product_action
    a {
    margin-left: 8px;
    white-space: nowrap;
}

.category_types {

    background-color: #f5f4f8;
}
.category_types .category_container {
    overflow: auto;
    padding: 64px 12px;
    gap: 32px;
}
.category_types .category_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.category_types .category_box img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    margin-right: 1rem;
}
.category_types .category_box h4 {
    color: #050f21;
    font-weight: 600;
}

.section_title h2 {
    margin-bottom: 36px;
    color: #050f21;
    font-weight: 600;
}

.seller_section {
    position: relative;
    padding: 100px 12px;
}
.seller_section .owl-nav {
    right: 0;
    top: -88px;
    position: absolute;
}

.seller_box {
    position: relative;
    height: 332px;
    overflow: hidden;
}
.seller_box:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.seller_box img {
    height: 332px !important;
    object-fit: cover !important;
    background-color: rgb(117 117 117 / 50%);
}
.seller_box .seller_text {
    position: absolute;
    bottom: 5px;
    left: 15px;
    transition: all 0.5s ease-in;
    right: 24px;
    color: #fff;
    z-index: 2;
    max-width: 100%;
}
.seller_box .seller_text p {
    color: #fff;
}
.seller_box:hover .seller_text {
    bottom: 24px;
    transition: all 0.5s ease-in;
}
.seller_box:hover:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.seller_about {
    padding: 100px 0;
    background-color: #f5f4f8;
}
.seller_about .about_title {
    padding: 64px 0;
    max-width: 488px;
}
.seller_about .about_title h2 {
    margin-bottom: 44px;
}
.seller_about .about_title p {
    margin-bottom: 32px;
}
.seller_about .about_title a {
    display: inline-block;
}
.seller_about .about_title a span {
    margin-right: 16px;
}

.media_box {
    position: relative;
    margin-bottom: 24px;
}
.media_box.index {
    margin-bottom: 56px;
}
.media_box.index img {
    height: 355px;
}
.media_box.index .play {
    top: 40px;
    left: 44px;
}
.media_box.index:last-child {
    margin-bottom: 0;
}
.media_box .media_text {
    margin: 16px 0;
}
.media_box .media_text h3 {
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 60px;
    color: #050f21;
}
.media_box .media_img {
    position: relative;
}
.media_box .media_img:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.media_box img {
    width: 100%;
    object-fit: cover;
    height: 240px !important;
}
.media_box .play {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 2;
}

.modal_video {
    width: 100%;
}
.modal_video iframe {
    width: 100%;
    height: 500px;
}

.section_padding {
    padding: 100px 0;
}

.section_count .counter_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.section_count h2 {
    margin-bottom: 60px;
}
.section_count .count_box {
    max-width: 330px;
}
.section_count .count_box h5 {
    color: #050f21;
    margin-bottom: 5px;
}
.section_count .count_box h4 {
    color: #050f21;
    margin-bottom: 16px;
}
.section_count .count_box p {
    color: #8a94a6;
}

.section_news {
    background-color: #f4f5f8;
}

.section_title_2 {
    margin-bottom: 60px;
}
.section_title_2 .left_title {
    display: flex;
    align-items: flex-end;
}
.section_title_2 .left_title h2 {
    margin-right: 32px;
    color: #050f21;
}
.section_title_2 .left_title h4 {
    color: #8a94a6;
}

.blog_box {
    display: block;
}
.blog_box .blog_top {
    position: relative;
    margin-bottom: 16px;
    overflow: hidden;
}
.blog_box .blog_top:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in;
    background: rgba(0, 0, 0, 0.2);
}
.blog_box .blog_top img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.5s ease-in;
}
.blog_box .blog_text span {
    color: #8a94a6;
}
.blog_box .blog_text h4 {
    margin-top: 5px;
    color: #050f21;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 56px;
}
.blog_box:hover .blog_top img {
    transform: scale(1.04);
    transition: all 0.5s ease-in;
}
.blog_box:hover .blog_top:after {
    transition: all 0.5s ease-in;
    background: transparent;
}

.section_partners {
    padding: 10px;
}
.section_partners .partner_box_brand {
    padding: 24px 28px;
}
.section_partners .partner_box_brand img {
    max-width: 96px;
    width: 100%;
    height: 50px;
    object-fit: contain;
    filter: grayscale(100%);
}

.footer_section {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer_section .footer_top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
}
.footer_section .footer_top .footer_top_flex .footer_logo {
    padding: 50px 0;
}
.footer_section .footer_top .footer_top_flex .footer_social ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 202px;
}
.footer_section .footer_top .footer_top_flex .footer_social ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 100%;
}
.footer_section .footer_top .footer_top_flex .footer_social ul li a {
    display: block;
    padding: 16px;
}
.footer_section .footer_top .footer_top_flex .footer_social ul li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.footer_section .footer_mid {
    padding: 44px 0;
}
.footer_section .footer_mid .footer_link h4 {
    margin-bottom: 16px;
    color: #fff;
}
.footer_section .footer_mid .footer_link li a {
    display: block;
    color: #fff;
    padding: 8px 0;
}
.footer_section .footer_bottom {
    padding: 35px 0 60px;
}
.footer_section .footer_bottom p {
    color: #fff;
}

.about_section {
    background-color: #f5f4f8;
}
.about_section .section_breadcrumb {
    padding: 24px 0;
}
.about_section .section_breadcrumb .breadcrumb {
    margin-bottom: 0;
}
.about_section .section_breadcrumb .breadcrumb .breadcrumb-item a {
    color: #050f21;
    padding: 0 8px;
}
.about_section .section_breadcrumb .breadcrumb .breadcrumb-item.active {
    color: #8a94a6;
}
.about_section .big_title {
    margin-bottom: 32px;
}
.about_section .big_title h1 {
    color: #050f21;
}
.about_section .section_content {
    padding: 24px 0 120px;
    border-top: 1px solid #e1e4e8;
    position: relative;
}
.about_section .custom_side_nav {
    max-width: 280px;
    margin-right: 32px;
    width: 100%;
    position: sticky;
    top: 20px;
}
.about_section .custom_side_nav a {
    display: block;
    width: 100%;
    padding: 12px 16px;
    color: #8a94a6;
    border-left: 2px solid transparent;
    border-radius: 0;
    text-align: left;
    background-color: #fff;
}
.about_section .custom_side_nav a.active {
    color: #283a5b;
    border-left: 2px solid #13294d;
    background-color: rgba(230, 170, 104, 0.06);
}

.section_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "•";
}

.main_content {
    padding: 32px;
    background-color: #fff;
}
.main_content .margin-bottom-big {
    margin-bottom: 48px;
}
.main_content img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.main_content .mid_title {
    color: #050f21;
    margin: 12px 0;
}
.main_content .blog_img {
    margin: 12px 0;
}
.main_content h4 {
    margin: 24px 0 12px;
    color: #050f21;
}
.main_content p {
    color: #283a5b;
}

.partner_box {
    border: 1px solid #f1f2f4;
    background: #fafbfb;
    padding: 24px;
    display: block;
    transition: all 0.5s ease-in;
    margin-bottom: 24px;
}
.partner_box.announce_box svg path {
    fill: #e6aa68 !important;
}
.partner_box.announce_box p {
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 70px;
}
.partner_box img {
    width: 45px !important;
    height: 45px;
    object-fit: contain;
    margin-bottom: 24px;
    filter: grayscale(100%);
}
.partner_box h5 {
    color: #050f21;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 70px;
    margin-bottom: 12px;
}
.partner_box p {
    color: #8a94a6;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 48px;
    margin-bottom: 24px;
}
.partner_box .announce-time {
    color: #48556d;
    margin-bottom: 24px;
    display: block;
}
.partner_box span svg path {
    fill: #13294d;
}
.partner_box:hover {
    background: #f1f2f4;
    transition: all 0.5s ease-in;
}
.partner_box:hover img {
    filter: grayscale(0);
}
.partner_box:hover h5 {
    color: #2458ad;
}
.partner_box:hover p {
    color: #283a5b;
}
.partner_box:hover span svg path {
    fill: #2458ad;
}

.content_pagination select {
    width: max-content;
    min-width: 76px;
    height: 40px;
    appearance: auto;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #f1f2f4;
    background: #fff;
}
.content_pagination .custom_pagination .pagination .page-item .page-link {
    border-radius: 4px;
    border: 1px solid #f1f2f4;
    background: #fff;
    padding: 10px;
    margin: 2px;
    width: 40px;
    height: 40px;
    color: #101825;
}
.content_pagination
    .custom_pagination
    .pagination
    .page-item
    .page-link
    svg
    path {
    fill: #101825;
}
.content_pagination .custom_pagination .pagination .page-item .page-link:hover,
.content_pagination
    .custom_pagination
    .pagination
    .page-item
    .page-link.active {
    background-color: #e6aa68;
    border: 1px solid #e6aa68;
    color: #fff;
}
.content_pagination
    .custom_pagination
    .pagination
    .page-item
    .page-link:hover
    svg
    path,
.content_pagination
    .custom_pagination
    .pagination
    .page-item
    .page-link.active
    svg
    path {
    fill: #fff;
}

.partner_detail .partner_site {
    color: #3772d9;
    margin-bottom: 12px;
    display: inline-block;
}
.partner_detail h2 {
    color: #050f21;
    margin-bottom: 24px;
}
.partner_detail .partner_logo_box {
    margin-bottom: 24px;
    height: 200px;
    max-width: 365px;
    background-color: #f5f4f8;
    border: 1px solid #f1f2f4;
    width: 100%;
}
.partner_detail .partner_logo_box img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.other_partners {
    position: relative;
}
.other_partners .other_partners_title {
    border-bottom: 1px solid #e1e4e8;
    padding: 16px 0;
    margin-bottom: 24px;
}
.other_partners .owl-nav {
    top: -102px;
    right: 0;
}

.owl-nav {
    position: absolute;
}
.owl-nav button {
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    border: 1px solid #e1e4e8 !important;
    position: relative;
}
.owl-nav button.owl-prev:after,
.owl-nav button.owl-next:after {
    display: block;
    font-family: "FontAwesome";
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #283a5b;
}
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
    background-color: #e6aa68 !important;
    border-color: #e6aa68 !important;
}
.owl-nav button.owl-prev:hover:after,
.owl-nav button.owl-next:hover:after {
    color: #fff !important;
}
.owl-nav button.owl-prev:after {
    content: "\f060";
}
.owl-nav button.owl-next:after {
    content: "\f061";
}

.contact_detail {
    border: 1px solid #f1f2f4;
    background: #fafbfb;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.contact_detail .detail_item h5 {
    text-transform: uppercase;
    color: #8a94a6;
    margin-bottom: 3px;
}
.contact_detail .detail_item p,
.contact_detail .detail_item a {
    color: #050f21;
    margin-bottom: 0;
}

.map_box_contact iframe {
    width: 100%;
    height: 365px;
    border: 2px solid #e6aa68;
    filter: grayscale(50%);
}

.apply_form h2 {
    color: #050f21;
    margin-bottom: 12px;
}
.apply_form p {
    margin-bottom: 32px;
    color: #48556d;
}
.apply_form label {
    margin-bottom: 4px;
    color: #050f21;
}
.apply_form button {
    width: 100%;
}
.apply_form .form-control {
    padding: 9px 16px;
    border-radius: 2px;
    border: 1px solid #e1e4e8;
    background: #fff;
    color: #050f21;
    font-weight: 300;
}
.apply_form .form-control::placeholder {
    color: #8a94a6;
}
.apply_form input {
    height: 40px;
}
.apply_form textarea {
    height: 106px;
}

.faq_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.faq_box .question_box .question_title {
    padding: 16px 32px;
    border: 1px solid #e1e4e8;
    background: #fafbfb;
    cursor: pointer;
}
.faq_box .question_box .question_title h4 {
    color: #050f21;
    margin: 0;
}
.faq_box .question_box .question_title a {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #e1e4e8;
    color: #13294d;
    text-align: center;
}
.faq_box .question_box .question_title a.minus {
    display: none;
}
.faq_box .question_box .question_title:hover,
.faq_box .question_box .question_title.active {
    background-color: #13294d;
}
.faq_box .question_box .question_title:hover h4,
.faq_box .question_box .question_title.active h4 {
    color: #fff;
}
.faq_box .question_box .question_title:hover a,
.faq_box .question_box .question_title.active a {
    color: #fff;
}
.faq_box .question_box .question_body {
    padding: 24px 32px;
    background-color: #fafbfb;
    display: none;
}
.faq_box .question_box .question_body .body_text {
    padding-left: 16px;
    border-left: 2px solid #e6aa68;
}
.faq_box .question_box .question_body .body_text p {
    color: #48556d;
}

.video_box_instruction h2 {
    margin-bottom: 24px;
    color: #050f21;
    max-width: 70%;
}
.video_box_instruction .video iframe {
    width: 100%;
    height: 475px;
}

.services_box {
    padding: 15px;
    border: 1px solid #f1f2f4;
    background: #fafbfb;
}
.services_box img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}
.services_box h4 {
    margin: 24px 0 16px;
    color: #050f21;
}
.services_box p {
    color: #48556d;
}

.product_search_top {
    padding: 25px 32px;
}
.product_search_top .search_box {
    position: relative;
}
.product_search_top .search_box svg {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}
.product_search_top .search_box input {
    padding: 13px 16px 13px 40px;
    border-radius: 2px;
    border: 1px solid #e1e4e8;
    height: 48px;
    max-width: 300px;
    width: 300px;
    color: #48556d;
}
.product_search_top .search_box input::placeholder {
    color: #8a94a6;
}
.product_search_top .btn_filter {
    border-radius: 5px;
    background: #fafbfb;
    padding: 10px;
}
.product_search_top .btn_filter:hover,
.product_search_top .btn_filter.active {
    background: #e1e4e8;
}
.product_search_top .btn_filter svg {
    width: 24px;
    height: 24px;
}

.flex_filter {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 24px;
}
.flex_filter .w-90 {
    width: calc(100% - 96px);
}
.flex_filter .w-10 {
    width: 96px;
}

.more_filter {
    display: none;
    padding: 32px;
    gap: 24px;
    border-top: 1px solid #f1f2f4;
    border-bottom: 1px solid #f1f2f4;
    background: #fafbfb;
}
.more_filter .filter_item select {
    width: 100%;
    padding: 9px 16px;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e1e4e8;
    appearance: auto;
    color: #050f21;
    font-weight: 300;
}
.more_filter .filter_item select option:first-of-type {
    color: #8a94a6;
}
.more_filter .filter_item label {
    color: #050f21;
    margin-bottom: 5px;
}
.more_filter .filter_btns {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 16px;
}
.more_filter .filter_btns button {
    color: #fff;
    padding: 12px;
    width: 40px;
    height: 40px;
}

.product_container {
    padding: 32px;
    min-height: 425px;
}

.product_box {
    padding: 24px;
    border: 1px solid #f1f2f4;
    background: #fafbfb;
}
.product_box .product_top {
    margin-bottom: 24px;
}
.product_box .product_top img {
    height: 145px;
    width: 100%;
    object-fit: contain;
    /*padding: 7px 49px;*/
    background: #fff;
    border-radius: 4px;
}
.product_box .product_bottom .product_price {
    margin-bottom: 12px;
}
.product_box .product_bottom .product_price .price_left {
    display: flex;
    align-items: center;
    gap: 8px;
}
.product_box .product_bottom .product_price .price_left .discount {
    border-radius: 4px;
    background: #e6aa68;
    color: #fff;
    padding: 4px 8px;
}
.product_box .product_bottom .product_price .price_left p {
    margin-bottom: 0;
}
.product_box .product_bottom .product_price .price_left .main_price {
    color: #8a94a6;
    white-space: nowrap;
    text-decoration: line-through;
}
.product_box .product_bottom .product_price .price_left .sale_price {
    color: #050f21;
    white-space: nowrap;
}
.product_box .product_bottom .product_name {
    margin-bottom: 12px;
}
.product_box .product_bottom .product_name h4 {
    color: #050f21;
    margin: 0 0 5px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
}
.product_box .product_bottom .product_name p {
    color: #283a5b;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
}
.product_box .product_bottom .product_action {
    gap: 8px;
}
.product_box .product_bottom .product_action .btn-main {
    width: 100%;
    height: 32px;
    max-width: calc(100% - 40px);
    text-align: center;
}
.product_box .product_bottom .product_action .icon-btn {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #f1f2f4;
    width: 32px;
    height: 32px;
}
.product_box .product_bottom .product_action .icon-btn .active {
    color: #e64a2f;
}

.map_container {
    padding: 32px;
}

.map_box_big {
    margin-top: 72px;
}
.map_box_big svg {
    width: 100%;
    height: 600px;
}
.map_box_big svg path {
    cursor: pointer;
}
.map_box_big svg path:hover,
.map_box_big svg path.active {
    fill: #13294d;
}

.seller_list {
    padding: 32px;
}
.seller_list h4 {
    margin-bottom: 16px;
}
.seller_list .table_box {
    border: 1px solid #f1f2f4;
    background: #fafbfb;
    padding: 24px;
}
.seller_list .table_box table {
    width: 100%;
}
.seller_list .table_box table th {
    background-color: #eef0ef;
}
.seller_list .table_box table td {
    background: #fff;
    color: #050f21;
}
.seller_list .table_box table td a {
    color: #050f21;
    cursor: pointer;
}
.seller_list .table_box table th,
.seller_list .table_box table td {
    padding: 16px;
}
.seller_list .table_box table .count {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #b1cbd3;
    color: #fff;
}
.seller_list .table_box table tr:hover td {
    background-color: #f1f2f4;
}
.seller_list .table_box table tr:hover .count {
    background-color: #13294d;
}

.line {
    border-top: 1px solid #e1e4e8;
    margin: 24px 0;
}

.favorite_section {
    padding-bottom: 120px;
}
.favorite_section h1 {
    margin-bottom: 12px;
}

.basket_list_container {
    margin: 32px 0;
}

.basket_list ul li {
    align-items: flex-start;
    background-color: #fff;
    padding: 24px;
    border-bottom: 1px solid #f1f2f4;
}
.basket_list ul li:last-child {
    border-bottom: 0;
}
.basket_list ul li .basket_item_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    width: 60%;
}
.basket_list ul li .basket_item_left .img_box {
    width: 112px;
    height: 112px;
    border: 1px solid #f1f2f4;
    padding: 9px 12px;
}
.basket_list ul li .basket_item_left .img_box img {
    object-fit: contain;
    width: 100%;
    height: auto;
}
.basket_list ul li .basket_item_left .basket_item_name h4 {
    color: #050f21;
    margin-bottom: 12px;
}
.basket_list ul li .basket_item_left .basket_item_name .text_detail {
    margin-bottom: 6px;
    display: flex;
    gap: 4px;
}
.basket_list ul li .basket_item_left .basket_item_name .text_detail span {
    color: #8a94a6;
}
.basket_list ul li .basket_item_left .basket_item_name .text_detail p {
    color: #050f21;
}
.basket_list ul li .basket_item_left .basket_item_name .text_detail a {
    color: #3772d9;
}
.basket_list ul li .basket_item_left .basket_item_name .basket_action {
    margin-top: 14px;
}
.basket_list ul li .basket_item_left .basket_item_name .basket_action a {
    padding: 0 8px;
    border-left: 1px solid #e3e5e4;
}
.basket_list
    ul
    li
    .basket_item_left
    .basket_item_name
    .basket_action
    a:first-child {
    border-left: 0;
    padding-left: 0;
}
.basket_list ul li .basket_item_left .basket_item_name .basket_action a i {
    margin-right: 5px;
}
.basket_list
    ul
    li
    .basket_item_left
    .basket_item_name
    .basket_action
    .favorite {
    color: #13294d;
}
.basket_list ul li .basket_item_left .basket_item_name .basket_action .delete {
    color: #e64a2f;
}
.basket_list ul li .basket_item_right {
    width: 30%;
    display: flex;
    justify-content: space-between;
}
.basket_list ul li .basket_item_right select {
    width: 112px;
    appearance: auto;
    padding: 13px 16px;
}
.basket_list ul li .basket_item_right .basket_item_price {
    text-align: right;
}
.basket_list ul li .basket_item_right .basket_item_price span {
    text-decoration: line-through;
    color: #d1d3d2;
}
.basket_list ul li .basket_item_right .basket_item_price p {
    color: #050f21;
    margin-top: 2px;
}

.basket_summary {
    background-color: #fff;
    margin: 32px 0;
    position: sticky;
    top: 30px;
}
.basket_summary ul {
    padding: 24px;
    border-bottom: 1px solid #f1f2f4;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.basket_summary ul li h5 {
    color: #050f21;
}
.basket_summary ul li h6 {
    color: #8a94a6;
}
.basket_summary ul li span {
    color: #050f21;
}
.basket_summary ul li span.discount {
    color: #e6aa68;
}
.basket_summary ul li p {
    color: #48556d;
}
.basket_summary .basket_summary_bottom {
    padding: 24px;
}
.basket_summary .basket_summary_bottom .summary_top {
    color: #050f21;
    margin-bottom: 24px;
}
.basket_summary .basket_summary_bottom .btn-main {
    width: 100%;
    text-align: center;
}

.auth_container {
    display: flex;
    min-height: 100vh;
    height: 100%;
}
.auth_container .left_side_auth {
    position: relative;
    width: 50%;
    height: 100%;
    min-height: 100vh;
}
.auth_container .left_side_auth .auth_logo {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 4;
}
.auth_container .left_side_auth .auth_logo svg {
    height: 100px;
    width: 250px;
}
.auth_container .left_side_auth img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.auth_container .left_side_auth:after {
    width: 100%;
    height: 100%;
    content: " ";
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.right_side {
    min-height: 100vh;
    width: 50%;
}
.right_side form {
    max-width: 355px;
    width: 100%;
    margin: 0 auto;
}
.right_side label {
    color: #050f21;
    margin-bottom: 3px;
}
.right_side p {
    color: #8a94a6;
    text-align: center;
}
.right_side p a {
    color: #3772d9;
}
.right_side .form-control {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #e1e4e8;
    padding: 9px 16px;
    font-weight: 300;
    color: #050f21;
}
.right_side .form-control::placeholder {
    color: #8a94a6;
}

.pass_box {
    position: relative;
}
.pass_box span {
    position: absolute;
    right: 16px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}

.profile_container {
    display: flex;
}
.profile_container .left_sidebar {
    max-width: 265px;
    width: 100%;
    background-color: #101825;
    min-height: 100vh;
    height: 100%;
}
.profile_container .left_sidebar .sidebar_logo {
    padding: 24px;
    margin-bottom: 50px;
}
.profile_container .left_sidebar .sidebar_logo svg {
    width: 135px;
    height: 55px;
}
.profile_container .left_sidebar ul li a {
    padding: 18px 24px;
    border-left: 2px solid transparent;
    display: block;
    color: #fff;
}
.profile_container .left_sidebar ul li a:hover,
.profile_container .left_sidebar ul li a.active {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.04);
}
.profile_container .left_sidebar ul li a svg {
    margin-right: 16px;
    width: 16px;
    height: 16px;
}

.profile_main_content_container {
    width: calc(100% - 265px);
    background-color: #f5f4f8;
}

.profile_top {
    background-color: #fff;
    padding: 28px 44px;
    border-bottom: 1px solid #e1e4e8;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.profile_top .right_box {
    display: flex;
    align-items: center;
    gap: 12px;
}
.profile_top .right_box .user_name_box {
    position: relative;
    color: #8a94a6;
    font-weight: 400;
    cursor: pointer;
}
.profile_top .right_box .user_name_box .exit_box button {
    background-color: #fff;
}
.profile_top .right_box .user_name_box .exit_box {
    background-color: #fff;
    display: none;
    position: absolute;
    padding: 10px;
    border: 1px solid #f1f2f4;
    width: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
}
.profile_top .right_box .user_name_box .exit_box a {
    color: #13294d;
}

.profile_main_content {
    padding: 30px 45px;
    max-height: calc(100vh - 90px);
    overflow: auto;
}
.profile_main_content .profile_title {
    margin-bottom: 32px;
    display: flex;
    gap: 24px;
}
.profile_main_content .profile_title h3 {
    color: #131515;
}
.profile_main_content .profile_title a {
    background-color: transparent;
}

.card_box_big {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eef0ef;
    margin-bottom: 32px;
    height: 260px;
    flex-direction: column;
}
.card_box_big .card_text {
    margin-bottom: 40px;
}
.card_box_big .card_text p {
    color: #050f21;
    margin-bottom: 8px;
}
.card_box_big .card_text span {
    color: #8a94a6;
}
.card_box_big .card_text a {
    color: #3c83f4;
}
.card_box_big .card_bottom {
    width: 100%;
    align-items: flex-end;
}
.card_box_big .card_bottom .left_side_card button {
    width: 110px;
}
.card_box_big .card_bottom .left_side_card img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}
.card_box_big .card_bottom .right_side_card {
    position: relative;
}
.card_box_big .card_bottom .right_side_card .right_svg {
    position: absolute;
    left: 10px;
}
.card_box_big .card_bottom .right_side_card .left_svg {
    position: relative;
    z-index: 2;
}

.card_box_small {
    padding: 16px;
    background-color: #fff;
    border: 1px solid #f1f2f4;
    height: 125px;
    flex-direction: column;
    align-items: flex-start;
}
.card_box_small a {
    color: #3772d9;
}
.card_box_small a span {
    margin-right: 4px;
}
.card_box_small .count {
    color: #050f21;
    display: block;
    margin-bottom: 16px;
}
.card_box_small h4 {
    margin-bottom: 8px;
}

.dashboard_statistic {
    background-color: #fff;
    padding: 24px;
    margin: 32px 0;
}
.dashboard_statistic .statistic_item {
    border-left: 1px solid #e6aa68;
    padding: 0 16px;
}
.dashboard_statistic .statistic_item:first-child {
    border-left: 0;
}
.dashboard_statistic .statistic_item p {
    color: #8a94a6;
    margin-bottom: 8px;
}
.dashboard_statistic .statistic_item span {
    color: #050f21;
}

.custom_side_nav_profile {
    max-width: 100%;
    margin-right: 32px;
    width: 100%;
    position: sticky;
    top: 0px;
    background-color: #fff;
}
.custom_side_nav_profile button {
    display: block;
    width: 100%;
    padding: 12px 16px;
    color: #8a94a6;
    border-left: 2px solid transparent !important;
    border-radius: 0 !important;
    text-align: left;
    background-color: #fff;
}
.custom_side_nav_profile button.active,
.custom_side_nav_profile button:hover {
    color: #283a5b !important;
    border-radius: 0 !important;
    border-left: 2px solid #13294d !important;
    background-color: rgba(230, 170, 104, 0.06) !important;
}

.setting_form {
    background-color: #fff;
    border: 1px solid #f1f2f4;
}
.setting_form .form_title {
    padding: 24px 24px 0;
}
.setting_form .form_title h3 {
    margin-bottom: 0;
}
.setting_form h3 {
    color: #050f21;
    margin-bottom: 24px;
}
.setting_form .form_top {
    padding: 24px;
}
.setting_form .form_bottom {
    background-color: #fafbfb;
    padding: 24px;
}
.setting_form label {
    margin-bottom: 4px;
    color: #050f21;
}
.setting_form select {
    height: 40px;
}
.setting_form input.form-control,
.setting_form select.form-control,
.setting_form textarea {
    padding: 8px 16px;
    border: 1px solid #e1e4e8;
    border-radius: 2px;
    appearance: auto;
    font-weight: 300;
    color: #48556d;
}
.setting_form input.form-control::placeholder,
.setting_form select.form-control::placeholder,
.setting_form textarea::placeholder {
    color: #8a94a6;
}
.setting_form input.form-control:focus,
.setting_form select.form-control:focus,
.setting_form textarea:focus {
    box-shadow: unset;
    border-color: #e6aa68;
}
.setting_form textarea {
    height: 105px;
}

.end_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.form__container {
    border: 1px dashed #b0b7c3;
    padding: 24px;
}
.form__container .file_content {
    flex-direction: column;
    gap: 8px;
}
.form__container .file_content p {
    color: #050f21;
}
.form__container .file_content span {
    color: #8a94a6;
}
.form__container .file_content input[type="file"] {
    display: none;
}
.form__container .file_content .btn-outline-secondary {
    color: #e6aa68;
    width: 176px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
}
.form__container .file_content .btn-outline-secondary:hover {
    background-color: #e6aa68;
    color: #fff;
    border-color: #e6aa68;
}

.form__files-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin: 24px 0;
}
.form__files-container img {
    width: 84px;
    height: 84px;
    object-fit: contain;
    border: 1px solid #e1e4e8;
}

.upload_photo_box {
    margin-bottom: 32px;
}

.form_bottom .btn-main {
    width: 165px;
}

.tags-container {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    min-height: 38px;
    padding: 8px 16px;
    gap: 8px;
    font-weight: 400;
    background-color: transparent;
    overflow: hidden;
    word-wrap: break-word;
    border-radius: 2px;
    border: 1px solid #e1e4e8;
    background: var(--solid-white, #fff);
}

input.tag-input {
    flex: 3;
    border: 0;
    outline: 0;
}

.tag {
    position: relative;
    margin: 2px 6px 2px 0;
    padding: 5px 12px;
    font-weight: 400;
    text-align: left;
    background-color: #e6aa68;
    border-radius: 0;
    transition: background-color 0.3s ease;
    cursor: default;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tag:first-child {
    margin-left: 0;
}

.tag--marked {
    background-color: #e9ecef;
}

.tag--exists {
    background-color: #edb5a1;
    -webkit-animation: shake 1s linear;
    animation: shake 1s linear;
}

.tag__name {
    margin-right: 3px;
}

.tag__remove {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    color: #e6aa68;
    font-weight: 200;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border: 0;
}

.tag__remove:hover {
    opacity: 1;
}

.tag__remove:focus {
    outline: 5px auto #13294d;
}

.dashboard_table {
    background-color: #fff;
    border: 1px solid #f1f2f4;
}
.dashboard_table .product_search_top .btn_filter {
    border: 1px solid #f1f2f4;
}

.table_box_account {
    overflow: scroll;
    min-height: 400px;
}
.table_box_account.empty{
    display: flex;
    justify-content: center;
    align-items: center;
}
.table_box_account table {
    width: 100%;
}
.table_box_account thead th {
    background-color: #eef0ef;
    padding: 10px 40px;
}
.table_box_account thead th p {
    color: #050f21;
}
.table_box_account tbody td {
    padding: 14px 40px;
    border-bottom: 1px solid #f1f2f4;
    position: relative;
}
.table_box_account tbody td p {
    color: #050f21;
}
.table_box_account tbody td a {
    color: #3772d9;
}
.table_box_account tbody .status {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
}
.table_box_account tbody button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    padding: 4px;
}

.table_status_types ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    border-bottom: 1px solid #e1e4e8;
    gap: 24px;
    margin-bottom: 16px;
}
.table_status_types ul li label,
.table_status_types ul li a {
    padding: 10px 0;
    display: flex;
    border-bottom: 2px solid transparent;
    align-items: center;
    cursor: pointer;
}
.table_status_types ul li label p,
.table_status_types ul li a p {
    color: #8a94a6;
    margin: 4px;
    white-space: nowrap;
}
.table_status_types ul li label span,
.table_status_types ul li a span {
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #e6aa68;
    border-radius: 50%;
}
.table_status_types ul li label.active,
.table_status_types ul li a.active {
    border-bottom: 2px solid #e6aa68;
}
.table_status_types ul li label.active p,
.table_status_types ul li a.active p {
    color: #050f21;
}
.table_status_types ul li input[type="radio"] {
    display: none;
}
.table_status_types ul li input[type="radio"]:hover ~ label,
.table_status_types ul li input[type="radio"]:checked ~ label {
    border-bottom: 2px solid #e6aa68;
}
.table_status_types ul li label.active {
    border-bottom: 2px solid #e6aa68;
}
.table_status_types ul li input[type="radio"]:hover ~ label p,
.table_status_types ul li input[type="radio"]:checked ~ label p {
    color: #050f21;
}

.action_right {
    position: absolute;
    z-index: 3;
    right: 32px;
    padding: 24px;
    border: 1px solid #f1f2f4;
    background: #fff;
    box-shadow: 0px 8px 11px -4px rgba(45, 54, 67, 0.04),
        0px 20px 24px -4px rgba(45, 54, 67, 0.04);
    display: none;
}
.action_right ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    min-width: 170px;
}
.action_right li {
    width: 100%;
}
.action_right li a {
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f2f4;
    color: #050f21 !important;
}
.action_right li a.color-danger {
    color: #e64a2f !important;
}
.action_right li:last-child a {
    border-bottom: 0;
    padding-bottom: 0;
}

.order_detail_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    border-bottom: 1px solid #e1e4e8;
}
.order_detail_top .left_side_order {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.order_detail_top .left_side_order .order_title p {
    color: #050f21;
    margin-bottom: 2px;
}
.order_detail_top .left_side_order .order_title span {
    color: #8a94a6;
}
.order_detail_top .right_side_order .btn_filter {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #f1f2f4;
    background: #fafbfb;
    margin-left: 8px;
}

.order_detail_body {
    padding: 24px;
}
.order_detail_body .order_detail_gray {
    border: 1px solid #f1f2f4;
    background: #fafbfb;
    padding: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 15px;
}
.order_detail_body .order_detail_gray .order_detail_item {
    width: 22%;
}
.order_detail_body .order_detail_gray .order_detail_item p {
    color: #050f21;
}
.order_detail_body .order_detail_gray .order_detail_item span {
    color: #8a94a6;
}
.order_detail_body .order_detail_gray .order_detail_item a {
    display: block;
}

.order_products {
    gap: 12px;
}
.order_products .order_product {
    align-items: flex-start;
    background-color: #fff;
    padding: 16px;
    border: 1px solid #f1f2f4;
}
.order_products .order_product .basket_item_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.order_products .order_product .basket_item_left .img_box {
    width: 112px;
    height: 112px;
    border: 1px solid #f1f2f4;
    padding: 10px 12px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.order_products .order_product .basket_item_left .img_box img {
    object-fit: contain;
    width: 100%;
    height: auto;
}
.order_products .order_product .basket_item_left .basket_item_name h4 {
    color: #050f21;
    margin-bottom: 12px;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .text_detail {
    margin-bottom: 6px;
    display: flex;
    gap: 4px;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .text_detail
    span {
    color: #8a94a6;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .text_detail
    p {
    color: #050f21;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .text_detail
    a {
    color: #3772d9;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .basket_action {
    margin-top: 14px;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .basket_action
    a {
    padding: 0 8px;
    border-left: 1px solid #e3e5e4;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .basket_action
    a:first-child {
    border-left: 0;
    padding-left: 0;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .basket_action
    a
    i {
    margin-right: 5px;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .basket_action
    .favorite {
    color: #13294d;
}
.order_products
    .order_product
    .basket_item_left
    .basket_item_name
    .basket_action
    .delete {
    color: #e64a2f;
}
.order_products .order_product .basket_item_right .basket_item_price {
    text-align: right;
}
.order_products .order_product .basket_item_right .basket_item_price span {
    text-decoration: line-through;
    color: #d1d3d2;
}
.order_products .order_product .basket_item_right .basket_item_price p {
    color: #050f21;
    margin-top: 2px;
}
.order_products .row    {
    row-gap: 20px;
}
.status_box {
    padding: 8px 16px;
    border-radius: 2px;
    width: 260px;
}
.status_box.success_status {
    border: 1px solid #4fae66;
    background: #f6fff9;
    color: #4fae66;
}
.status_box.danger_status {
    border-radius: 2px;
    border: 1px solid #e64a2f;
    background: #f9e9e7;
    color: #e64a2f;
}
.status_box.blue_status {
    border-radius: 2px;
    border: 1px solid #13294d;
    background: #eff5ff;
    color: #13294d;
}

.sale_box {
    display: none;
}

.upload_detail {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.upload_detail li {
    color: #8a94a6;
}

.product_review {
    padding: 20px;
}
.product_review .product_review_list ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
.product_review .product_review_list ul li {
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f2f4;
}
.product_review .product_review_list ul li:last-child {
    border-bottom: 0;
}
.product_review .product_review_list ul li span {
    color: #8a94a6;
}
.product_review .product_review_list ul li p {
    color: #050f21;
}

.images_list {
    margin-bottom: 32px;
}
.images_list .main_img {
    width: 175px;
    height: 175px;
    border: 1px solid #f1f2f4;
    padding: 22px;
    margin-bottom: 24px;
}
.images_list .main_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.images_list .mini_imgs ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.images_list .mini_imgs ul li {
    border: 1px solid #f1f2f4;
    padding: 15px;
    width: 84px;
    height: 72px;
}
.images_list .mini_imgs ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.order_status_box {
    flex-direction: column;
    padding: 48px;
}
.order_status_box span {
    margin-bottom: 32px;
    display: block;
    border-radius: 50%;
    background-color: #e7f5ec;
    padding: 16px;
}
.order_status_box h3 {
    color: #131515;
    margin-bottom: 12px;
}
.order_status_box p {
    color: #8a94a6;
    margin-bottom: 24px;
}
.order_status_box button {
    width: 100%;
    text-align: center;
}

.custom_modal {
    max-width: 400px;
}
.custom_modal .modal-body {
    padding: 0 !important;
}

.share_line {
    padding: 24px 32px;
    background-color: #f1f2f4;
    margin-bottom: 16px;
}
.share_line p {
    color: #050f21;
}
.share_line .share_link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.time_text {
    display: block;
    margin-bottom: 12px;
    color: #8a94a6;
}

.video_img_detail {
    position: relative;
    margin: 24px 0;
}
.video_img_detail img {
    width: 100%;
    height: 475px;
    object-fit: cover;
}
.video_img_detail:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.24;
    background: #101825;
    z-index: 2;
}
.video_img_detail a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.video_img_detail a svg {
    width: 32px;
    height: 24px;
}

.photo_gallery {
    margin-bottom: 24px;
}
.photo_gallery .main_img_box {
    border: 1px solid #e1e4e8;
    position: relative;
}
.photo_gallery .main_img_box .btn_action {
    position: absolute;
    bottom: 24px;
}
.photo_gallery .main_img_box .btn_action.next {
    right: 24px;
}
.photo_gallery .main_img_box .btn_action.prev {
    right: 72px;
}
.photo_gallery .main_img_box img {
    width: 100%;
    height: 470px;
    object-fit: contain;
}
.photo_gallery .mini_img {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.photo_gallery .mini_img li {
    border: 1px solid transparent;
}
.photo_gallery .mini_img li img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    cursor: pointer;
}
.photo_gallery .mini_img li.active {
    border-color: #13294d;
}

.product_detail_main_img_list {
    border: 1px solid #e1e4e8;
    padding: 24px 12px;
    height: 430px;
}
.product_detail_main_img_list img {
    height: 340px;
    width: 100%;
    object-fit: contain;
}

.product_detail_box {
    padding: 32px;
}
.product_detail_box .product_detail_top {
    align-items: flex-start;
    border-bottom: 1px solid #f1f2f4;
    padding-bottom: 8px;
}
.product_detail_box .product_detail_top h2 {
    margin-bottom: 12px;
    color: #050f21;
}
.product_detail_box .product_detail_top span {
    color: #8a94a6;
    margin-right: 8px;
}
.product_detail_box .product_detail_top .top_detail_right {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    align-items: center;
    white-space: nowrap;
}

.product_detail_price {
    margin: 24px 0;
    padding: 2px 0;
}
.product_detail_price p {
    color: #283a5b;
    margin-bottom: 2px;
}
.product_detail_price .price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product_detail_price .price .main_price {
    margin-right: 12px;
    color: #050f21;
}
.product_detail_price .price .second_price {
    margin-right: 8px;
    color: #d1d3d2;
    text-decoration: line-through;
}
.product_detail_price .price .price_percent {
    background-color: #e6aa68;
    color: #13294d;
    padding: 4px 16px;
    border-radius: 2px;
}

.product_detail_list ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.product_detail_list ul li {
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f2f4;
}
.product_detail_list ul li span {
    color: #8a94a6;
}
.product_detail_list ul li p {
    color: #050f21;
    max-width: 80%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.product_detail_list ul li p:hover {
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    display: unset;
}

.product_detail_action {
    margin: 24px 0;
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.product_detail_action .action_detail {
    border: 1px solid #f1f2f4;
    background: #fafbfb;
    padding: 24px;
    width: 100%;
}
.product_detail_action .action_detail.right_action {
    text-align: center;
}
.product_detail_action .action_detail.left_action {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

.product_detailed_nav {
    background-color: #fafbfb;
    padding: 0 32px;
}
.product_detailed_nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.product_detailed_nav ul li a {
    padding: 15px 24px;
    display: block;
    border-bottom: 1px solid transparent;
    color: #8a94a6;
}
.product_detailed_nav ul li a.active,
.product_detailed_nav ul li a:hover {
    border-bottom: 1px solid #e6aa68;
    color: #050f21;
}

.detailed_boxes {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 56px;
}
.detailed_boxes h5 {
    color: #050f21;
    margin-bottom: 16px;
}
.detailed_boxes p {
    color: #48556d;
}

html {
    scroll-behavior: smooth;
}

.photo_list ul {
    gap: 24px;
}
.photo_list ul li {
    position: relative;
    border: 1px solid #f1f2f4;
    padding: 50px;
    cursor: pointer;
    height: 265px;
}
.photo_list ul li .img_backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(19, 41, 77, 0.44);
}
.photo_list ul li .img_backdrop span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    color: #fff;
}
.photo_list ul li img {
    width: 100%;
    height: 100%;
}

.seller_main_img {
    width: 100%;
    height: 438px;
    position: relative;
}
.seller_main_img img {
    /*height: 438px;*/
    object-fit: cover;
}
/*.seller_main_img:after {*/
/*    display: block;*/
/*    content: " ";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);*/
/*}*/
.photo_preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(16, 24, 37, 0.8);
    z-index: 4;
    display: none;
}
.photo_preview .mini_preview_box {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 210px;
    background-color: #fff;
    z-index: 5;
    min-height: 100vh;
    max-height: 100vh;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.photo_preview .mini_preview_box ul {
    padding: 24px 16px;
}
.photo_preview .mini_preview_box .right_preview {
    padding: 24px;
    flex-direction: column;
    height: 100%;
}
.photo_preview .mini_preview_box .right_preview .icon-btn svg path {
    fill: #101825;
}
.photo_preview .mini_preview_box .right_preview .icon-btn:hover {
    background-color: #e6aa68;
}
.photo_preview .mini_preview_box .right_preview .icon-btn:hover svg path {
    fill: #fff;
}
.photo_preview .mini_preview_box .right_preview .bottom_btn {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.photo_preview .mini_preview_box .img_item_preview {
    border: 1px solid #f1f2f4;
    padding: 5px 20px;
    max-width: 96px;
    height: 64px;
    position: relative;
    margin-bottom: 8px;
    cursor: pointer;
}
.photo_preview .mini_preview_box .img_item_preview::after {
    pointer-events: none;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: rgba(16, 24, 37, 0.5);
    cursor: pointer;
}
.photo_preview .mini_preview_box .img_item_preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.photo_preview .mini_preview_box .img_item_preview.active:after {
    background-color: transparent;
}

.main_preview {
    max-width: 860px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    max-height: 585px;
    height: 100%;
    z-index: 5;
    padding: 24px;
}
.main_preview img {
    max-width: 530px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

form#applicationForm fieldset:not(:first-of-type),
#plotTable {
    display: none;
}

.form__image-container {
    position: relative;
}

.medal-images .form__image-container {
    width: 33.33%;
    padding: 5px;
    aspect-ratio: 1/1;
}

.form__image-container .close {
    position: absolute;
    top: -9px;
    right: -9px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
}

.form__image-container .edit {
    position: absolute;
    top: -9px;
    right: -9px;
    background: #13294d;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    padding: 15px;
    z-index: 1;
}

.product_list_ul {
    display: none;
}
.product_list_ul.active {
    display: block;
}

.d-flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

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

.card_payment {
    margin-bottom: 8px;
}
.card_payment .top_payment {
    padding: 20px 24px;
    border: 1px solid #f1f2f4;
}
.card_payment .top_payment .left_side_payment {
    display: flex;
    gap: 16px;
    align-items: center;
}
.card_payment .top_payment .left_side_payment span {
    color: #050f21;
}
.card_payment .body_payment {
    padding: 24px;
    background-color: #fafbfb;
    display: none;
}
.card_payment .body_payment .card_img {
    display: flex;
    justify-content: flex-end;
}
.card_payment .body_payment .card_img img {
    max-width: 260px;
    height: 160px;
    object-fit: contain;
    width: 100%;
}
.card_payment .body_payment .submit_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px;
}

.address_page_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}
.products_container {
    position: relative;
}
.spin {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
.spin *, .spin-animation {
    animation: spin 0.5s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.empty_sellers {
    width: 100%;
    gap: 0.5rem;
    display: flex;
    color: #9e9e9e;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.empty_sellers h4{
    color: #9e9e9e;
}
.section_main .header_products .product_list ul.empty {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_detail_action .action_detail.right_action .warning-text {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    color: #ffc107;
}
.basket_item_select{
    display: flex;
    align-items: center;
}
.basket_item_select .quantity {
    width: 2.5rem;
    height: 2rem;
    border: 1px solid #e1e4e8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.5rem;
}
.basket_item_select .minus, .basket_item_select .plus {
    width: 2rem;
    height: 2rem;
    border: 1px solid #e1e4e8;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.basket_item_select .minus .spin-animation, .basket_item_select .plus .spin-animation {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .basket_list ul li {
        flex-direction: column;
    }
    .basket_list ul li .basket_item_left{
        width: auto;
    }
    .basket_list ul li .basket_item_right{
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .section_main .header_products .product_list .product_box .product_right{
        height: 40px;
    }
    .section_main .header_products .product_list .product_box .product_left{
        width: 100%;
        justify-content: space-between;
    }
    .section_main .header_products .product_list .product_box{
        flex-direction: column;
    }
    .section_main .header_products .product_list .product_box .product_name{
        width: 65%;
    }
}

.section_main.live_map .header_products .product_list .product_box .product_right{
    height: auto;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}
.section_main.live_map .header_products .product_list .product_box .product_left{
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}
.section_main.live_map .header_products .product_list .product_box{
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}
.section_main.live_map .header_products .product_list .product_box .product_name{
    width: 65%;
}
.section_main.live_map .header_products{
    border: none;
    background-color: transparent;
}
.max-height-none {
    max-height: none !important;
}
.content_pagination{
    overflow: scroll;
}
.card {
    border: none;
}
.card.is-loading .image{
    height: 145px;
    width: 100%;
    border-radius: 4px;
}

.is-loading .product_box .product_bottom .product_name{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 36px;
    margin-bottom: 0;
}
.is-loading .product_box .product_bottom .product_name div.text{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.is-loading .product_box .product_bottom .product_name div.text p{
    height: 15px;
}
.card.is-loading .image,
.card.is-loading h2,
.card.is-loading p {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}
.is-loading.sellers .product_box {
    height: 332px;
    padding: 0;
    background: #eee;
    background: linear-gradient(90deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    animation: 1.5s shine linear infinite;
    background-size: 200% 100%;
    border-radius: 0;
}
@keyframes shine {
    to {
        background-position-x: -200%;
    }
}
.bg-alert-success {
    background-color: #f6fff9 !important;
}
.bg-alert-success svg, .bg-alert-success path {
    fill: #4fae66;
}
.hidden {
    display: none;
}
.btn-load{
    color: #fff;
    padding: 12px;
    width: 40px;
    height: 40px;
}
.basket_action .delete .spin-animation {
    height: 15px;
}
.product_img_table{
    height: 60px;
    object-fit: contain;
}
.table_status_types {
    overflow: scroll;
}
.form__container.is-invalid {
    border-color: #dc3545 !important;
}
.button_xs.is-invalid {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}
.table_box_account tbody select.status, .order_detail_top .right_side_order select.status {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.table_box_account tbody select.status::-ms-expand, .order_detail_top .right_side_order select.status::-ms-expand {
    display: none;
}
.order_detail_top .right_side_order select.status {
    border-radius: 5px;
    padding: 5px 15px;
    border: 1px solid;
}
.about_section .custom_side_nav button.active {
    color: #283a5b;
    border-left: 2px solid #13294d;
    background-color: rgba(230, 170, 104, 0.06);
}
.about_section .custom_side_nav button {
    display: block;
    width: 100%;
    padding: 12px 16px;
    color: #8a94a6;
    border-left: 2px solid transparent;
    border-radius: 0;
    text-align: left;
    background-color: #fff;
}
.modal-header button.close {
    width: 30px;
    height: 30px;
}
.modal-header button.close span {
    font-size: 20px;
    line-height: 0;
}
.modal-image div {
    border: 1px dashed #b0b7c3
}
.modal-image img {
    width: 200px; height: 125px; border-right: 5px; object-fit: contain;
}
.mr-auto{
    margin-right: auto;
}
.medal-images.form__files-container {
    gap: 0;
}
.medal-images img {
    width: 100%;
    height: 100%;
}
.border-radius-0 {
    border-radius: 0 !important;
}
.border-radius-5px {
    border-radius: 5px !important;
}
.w-80px{
    width: 80px !important;
}
.table_box_account tbody button[wire\:loading] {
    display: none;
}
.navbar-light .navbar-toggler-icon {
    background-image: unset !important;
    width: unset;
    height: unset;
}

.navbar > .container-fluid,
.navbar-toggler {
    padding: 0 !important;
}

.table_box_account {
    overflow: auto;
}

.sidebar_btn {
    display: none;
}
.footer_section .icon_footer{
    display:none;
}
.nav-item .nav_right{
    display: none;
}
.h-fit {
    height: fit-content;
}
.btn-brown{
    background-color: #fff;
    border-color: #e6ad6f;
    color: #e6ad6f;
}
.btn-brown:hover{
    background-color: #e6ad6f;
    border-color: #e6ad6f;
    color: #fff;
}
/*# sourceMappingURL=style.css.map */