.main-header {
    background: #ffffff;
    border-bottom: 1px solid #e8e9f3;
    padding: 16px 0;
}

.basket-header {
    margin-top: 24px;
}

.basket-header-link {
    color: #fe9b14;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}


.banner-list-indicator {
    background: #e8e9f3 !important;
    border: none !important;
    border-radius: 50% !important;
    height: 8px !important;
    width: 8px !important;
}

    .banner-list-indicator.active {
        background: #252432 !important;
    }

.main-search-input {
    background: #e8e9f3;
    border: none;
    border-radius: 0 12px 12px 0;
    box-shadow: none;
    color: #252432;
    font-size: 14px;
    line-height: 14px;
    min-width: 398px;
    outline: none;
    padding: 13px 16px 12px 16px;
}

    .main-search-input::placeholder {
        color: #949495;
    }
.main-search-input-container:has(.main-search-input:active),
.main-search-input-container:has(.main-search-input:focus),
.main-search-input-container:has(.main-search-input:focus-visible) {
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
    outline: 1.5px solid #02bbd7;
}

.main-search-menu {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 #e8e9f3;
    margin-top: 4px;
    padding: 22px 16px;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.main-search-menu-item {
    color: #949495;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

    .main-search-menu-item.margin {
        margin-bottom: 19px;
    }

.main-search-btn {
    background: #fe9b14;
    border: none;
    border-radius: 12px 0 0 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    outline: none;
    padding: 13px 22px 12px 22px;
}

    .main-search-btn:active,
    .main-search-btn:focus,
    .main-search-btn:focus-visible,
    .main-search-btn:hover {
        background: #fe9b14;
        color: #ffffff;
    }

.main-header-link {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 0;
    text-align: center;
}

    .main-header-link i {
        font-size: 24px;
    }

    .main-header-link img {
        border: 2px solid #3e30a4;
        border-radius: 50%;
    }

    .main-header-link:active,
    .main-header-link:focus,
    .main-header-link:focus-visible,
    .main-header-link:hover {
        background: #ffffff;
        border: none;
        box-shadow: none;
        color: #252432;
    }
.main-profile-menu-img {
    padding-bottom: 5px;
    padding-top: 7px;
}
.main-profile-dropdown-menu {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 #e8e9f3;
    min-width: 208px;
    padding: 16px;
}

.main-profile-dropdown-menu-item {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0;
}

    .main-profile-dropdown-menu-item:active,
    .main-profile-dropdown-menu-item:focus,
    .main-profile-dropdown-menu-item:focus-visible,
    .main-profile-dropdown-menu-item:hover {
        background: #ffffff;
        border: none;
        color: #252432;
    }

.main-profile-dropdown-menu-item-sep {
    border-top: 1px solid #e8e9f3;
    margin: 16px 0;
}

.main-basket-badge {
    background: #fe9b14;
    border-radius: 50%;
    color: #ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 18px;
    padding: 0;
    position: absolute;
    right: -10px;
    top: -5px;
    width: 18px;
}

.main-header-search-advance {
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 16px;
}

.main-category-menu-container {
    width: 310px !important;
}

.main-category-menu-header {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 16px;
}

.main-category-menu-close {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    padding: 16px;
}

.main-category-menu-sep {
    border-top: 1px solid #e8e9f3;
}

.main-category-menu-item-special {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 16px 24px 8px;
}

    .main-category-menu-item-special i {
        font-size: 16px;
    }

.main-category-menu-item {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .main-category-menu-item i {
        font-size: 24px;
    }

.main-category-menu-item-container {
    cursor: pointer;
    margin: 8px;
    padding: 8px;
}

    .main-category-menu-item-container:hover {
        background: #e0eefb;
        border-radius: 10px;
    }

.main-category-menu-item-back {
    color: #252432;
    cursor: pointer;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 16px;
}

.main-category-tag-item {
    background: #e0eefb;
    border-radius: 15px;
    color: #3e30a4;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 16px 20px;
    text-align: center;
}

.main-category-tag-item-img {
    height: 81px;
    text-align: center;
}

    .main-category-tag-item-img img {
        height: 100%;
        width: auto;
    }

.main-category-tag-item-text {
    display: -webkit-box;
    margin: 5px 0 4px 0;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.main-header-ver-sep {
    border-right: 1px solid #e8e9f3;
    height: 24px;
    width: 1px;
}


.banner-list-slider-arrow {
    width: 8%;
}
.banner-list-slider-arrow-btn {
    background: #ffffff;
    border-radius: 50%;
    color: #252432;
    height: 36px;
    line-height: 36px;
    padding: 0;
    width: 36px;
}
.banner-list-slider-arrow-icon {
    font-size: 24px;
   /* height: 24px;
    line-height: 24px;
    padding: 0;
    width: 24px;*/
}
.banner-animate-title {
    background: #ffffff;
    color: #000;
    display: table;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    text-align: center;
    top: -10px;
    z-index: 1;
}

.banner-list-animate-container {
    overflow: hidden;
    padding: 0 24px 24px 24px;
}
.banner-list-animate-container a{
    position: relative;
    z-index: 5;
}

.banner-list-animate-container-run .banner-list-animate-container::before {
    animation-delay: 0s, 1s;
    animation-duration: 1s, 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: borderwidth, borderheight;
    animation-play-state: running;
    border-bottom: 10px solid #fe9b14;
    border-left: 10px solid #fe9b14;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.banner-list-animate-container-run .banner-list-animate-container::after {
    animation-delay: 1.8s, 2s, 3s;
    animation-duration: 1ms, 1s, 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: bordercolor, borderwidth, borderheight;
    animation-play-state: running;
    border-right: 10px solid #fff;
    border-top: 10px solid #fff;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

@keyframes bordercolor {
    to {
        border-color: #fe9b14;
    }
}

@keyframes borderwidth {
    to {
        width: 100%;
    }
}

@keyframes borderheight {
    to {
        height: 100%;
    }
}


.product-show-case-list-container {
    background: #f0e9e0;
    padding-top: 74px;
}
.product-show-case-list-bg-container {
    background-image: url(/img/show_case_bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.product-show-case-list-title {
    color: #000000;
    font-family: SansB;
    font-size: 32px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
}
.product-show-case-list-row {
    padding-bottom: 170px;
}
.product-show-case-list-col {
    min-width: 0 !important;
    overflow: hidden !important;
}
.product-show-case-list-item-container {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: -19px 0 25px -15px rgba(0, 0, 0, 0.19);
    padding: 16px;
}
.product-show-case-list-pagination {
    bottom: 30px !important;
}

.product-linked-list-container {
    background: #e0eefb;
    border-radius: 15px;
    box-shadow: 0 0 8px 0 #e0eefb;
    padding: 24px 16px 16px;
}
.product-linked-list-comparison-all-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    bottom: 16px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    min-width: 150px;
    outline: none;
    padding: 12px 16px;
    position: fixed;
    z-index: 5;
}
.product-linked-list-comparison-all-btn i{
    font-size: 16px;
}



.product-list-tab-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.product-list-tab-header {
    border: 1px solid #949495;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    min-width: 262px;
    padding: 14px 16px 8px 16px;
}
    .product-list-tab-header.product-list-special-white {
        border-color: #ffffff;
    }

.product-list-tab-header-side {
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #949495;
}
.product-list-tab-header-side.special-white {
    border-color: #ffffff;
}

    .product-list-tab-header-side.special-red,
    .product-list-tab-header-side.special-blue,
    .product-list-tab-header-side.special-orange,
    .product-list-tab-header-side.special-yellow,
    .product-list-tab-header-side.special-green,
    .product-list-tab-header-side.special-magenta,
    .product-list-tab-header-side.special-darkgreen,
    .product-list-tab-header-side.special-oceanblue,
    .product-list-tab-header-side.special-lightgreen,
    .product-list-tab-header-side.special-lightblue {
        border-bottom: none;
    }

.product-list-tab-header-link {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fe9b14;
    font-family: "Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding-bottom: 8px;
}
.product-list-tab-header-custom-name {
    color: #252432;
    font-family: "SansB";
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}
.product-list-tab-header-custom-name i{
    font-size: 24px;
}
.product-list-special-color {
    margin-top: 0;
}
.product-list-special-red {
    background: rgba(254, 70, 67, 0.60);
    border: none;
}
.product-list-special-orange {
    background: #fcac5d;
    border: none;
}
.product-list-special-yellow {
    background: #ffd166;
    border: none;
}
.product-list-special-green {
    background: #8ad997;
    border: none;
}
.product-list-special-magenta {
    background: #bdb2ff;
    border: none;
}
.product-list-special-darkgreen {
    background: #a3b18a;
    border: none;
}
.product-list-special-oceanblue {
    background: #8aaad9;
    border: none;
}
.product-list-special-lightgreen {
    background: #b8f2e6;
    border: none;
}
.product-list-special-green-shade {
    background: rgba(129, 200, 133, 0.30);
    border: none;
}
.product-list-special-lightblue {
    background: #e0eefb;
    border: none;
}

    .product-list-special-red .product-list-item-container,
    .product-list-special-orange .product-list-item-container,
    .product-list-special-yellow .product-list-item-container,
    .product-list-special-green .product-list-item-container,
    .product-list-special-magenta .product-list-item-container,
    .product-list-special-darkgreen .product-list-item-container,
    .product-list-special-oceanblue .product-list-item-container,
    .product-list-special-lightgreen .product-list-item-container,
    .product-list-special-lightblue .product-list-item-container,
    .product-list-special-white .product-list-item-container {
        background: #ffffff;
        border-radius: 15px;
        padding: 16px;
    }

.product-list-special-blue {
    background: #e0eefb;
    border: none;
}

.product-list-item-like-btn-container {
    top: 0;
    right: 0;
}
.product-list-item-comparison-btn-container {
    top: 32px;
    right: 0;
}
.product-list-item-like-btn {
    background: #e8e9f3;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    margin-top: 8px;
    padding: 0;
    text-align: center;
    width: 32px;
}

    .product-list-item-like-btn i.red {
        color: #ff6f62;
    }
    .product-list-item-like-btn i.cyan {
        color: #02bbd7;
    }

.product-list-item-discount {
    background: #ff6f62;
    border-radius: 0 0 15px 0;
    color: #ffffff;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px;
    text-align: center;
}

.product-list-item-img {
    height: 231px;
    text-align: center
}

    .product-list-item-img img {
        height: 100%;
        max-width: 225px; 
        width: auto;
    }
.product-list-item-img.comparison-img img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.product-list-item-name {
    color: #252432;
    display: -webkit-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 56px;
    line-height: 28px;
    margin-top: 16px;
    overflow: hidden;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-list-item-hor-sep {
    border-top: 1px solid #e8e9f3;
    margin: 8px 0;
}

.product-list-item-label {
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-list-item-producer {
    color: #252432;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-top: 4px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-list-item-price-final {
    color: #252432;
    display: -webkit-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 27px;
    line-height: 27px;
    margin-top: 4px;
    overflow: hidden;
    text-align: end;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-list-item-price {
    color: #949495;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    text-align: end;
    text-decoration: line-through;
}

.product-list-item-ver-sep {
    border-right: 1px solid #e8e9f3;
    padding: 0 16px;
}

.product-list-item-ver-sep-first {
    padding-left: 16px;
}

.product-list-item-ver-sep-last {
    border-right: 1px solid #e8e9f3;
    padding-right: 16px;
}

.product-list-item-ver-sep-special {
    padding: 0 8px;
}

.product-list-item-ver-sep-special-first {
    padding-left: 8px;
}

.product-list-item-ver-sep-special-last {
    padding-right: 8px;
}

.product-list-search-row {
    margin-left: -13px;
    margin-top: -24px;
    margin-bottom: -1px;
}

.product-list-item-search-container {
    border-bottom: 1px solid #e8e9f3;
    border-left: 1px solid #e8e9f3;
    padding: 24px 16px;
}
.product-list-bullet-container {
    margin-top: 45px;
}
.product-list-arrow {
    background: #ffffff;
    border: none;
    border-radius: 50%;
    color: #252432;
    filter: drop-shadow(-1px 1px 4px rgba(0, 0, 0, 0.15));
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    padding: 0 3px;
    width: 32px;
}

    .product-list-arrow::after {
        content: none !important;
    }

    .product-list-arrow.swiper-button-disabled {
        display: none;
        color: #e8e9f3 !important;
    }

.swiper .product-list-arrow {
    opacity: 0;
}

.swiper:hover .product-list-arrow {
    opacity: 1;
}

.swiper-pagination-bullet {
    background: #949495 !important;
    border: none !important;
    border-radius: 50% !important;
    height: 8px !important;
    width: 8px !important;
}
.product-list-pagination-white .swiper-pagination-bullet {
    background: #e8e9f3!important;
}

.swiper-pagination-bullet-active {
    background: #252432 !important;
    height: 10px !important;
    width: 10px !important;
}
.product-list-pagination-white .swiper-pagination-bullet-active {
    background: #252432 !important;
}

.publisher-list-item-img {
    height: 177px;
    text-align: center
}

    .publisher-list-item-img img {
        border: 4px solid #3e30a4;
        border-radius: 50%;
        height: 100%;
        width: auto;
    }
.writer-list-item-name {
    color: #252432;
    display: -webkit-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin-top: 16px;
    overflow: hidden;
    text-align: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-article-list-item-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
}
.product-article-list-item-category {
    background: #fe9b14;
    border-radius: 0 15px;
    color: #ffffff;
    font-family: "SansB";
    font-size: 14px;
    font-weight: 700;
    padding: 8px 16px;
}
.product-article-list-item-img {
    border-radius: 15px 15px 0 0;
    height: auto;
    width: 100%;
}
.product-article-list-item-text-container {
    padding: 24px 16px;
}
.product-article-list-item-title {
    color: #000000;
    font-family: "SansB";
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
}
.product-article-list-item-sub-title {
    color: #949495;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-article-list-item-sub-sep {
    background: #949495;
    border-radius: 50%;
    height: 5px;
    width: 5px;
}
.product-article-list-item-short {
    color: #000000;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-article-list-item-link {
    color: #02bbd7;
    font-family: "SansB";
    font-size: 16px;
    font-weight: 700;
}
.product-article-list-item-link i{
    font-size: 24px;
}
.product-alt-list-item-img {
    height: 140px;
    text-align: center
}
.product-alt-list-item-img img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.product-alt-list-item-discount {
    background: #ff6f62;
    border-radius: 0 0 15px 0;
    color: #ffffff;
    font-family: SansB;
    font-size: 14px;
    font-weight: 700;
    padding: 8px;
    text-align: center;
}

.category-list-item-container {
    background: #e0eefb;
    border-radius: 15px;
    display: flex;
    height: 139px;
    justify-content: center;
    padding: 16px;
}
.category-list-item-text {
    align-self: center;
    color: #3e30a4;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.product-daily-sale-header {
    background: #ef394e;
    border-radius: 16px 16px 0 0;
    color: #ffffff;
    font-family: "SansB";
    font-size: 20px;
    font-weight: 700;
    padding: 16px 24px;
}
.product-daily-sale-header-discount {
    background: #ffffff;
    border-radius: 8px;
    color: #252432;
    font-family: "SansB";
    font-size: 16px;
    font-weight: 700;
    min-width: 36px;
    padding: 8px 6px 6px;
    text-align: center;
}
.product-daily-sale-body {
    border: 1px solid #ef394e;
    border-radius: 0 0 16px 16px;
    padding: 16px 24px;
}
.product-daily-sale-body-main-img {
    height: 182px;
    text-align: center
}
.product-daily-sale-body-main-img img {
    height: 100%;
    max-width: 130px;
    width: auto;
}
.product-daily-sale-body-title {
    color: #252432;
    font-family: "SansB";
    font-size: 18px;
    font-weight: 500;
}
.product-daily-sale-body-label {
    color: #252432;
    font-size: 14px;
    font-weight: 400;
    min-width: 50px;
}
.product-daily-sale-body-img {
    height: 40px;
    text-align: center
}
    .product-daily-sale-body-img img {
        border: 1px solid #3e30a4;
        border-radius: 50%;
        height: 100%;
        width: auto;
    }
.product-daily-sale-body-text {
    color: #252432;
    font-size: 16px;
    font-weight: 400;
}
.product-daily-sale-body-price-container {
    border: 1px solid #e8e9f3;
    border-radius: 16px;
    padding: 16px;
}
.product-daily-sale-body-price-title {
    color: #252432;
    font-size: 18px;
    font-weight: 400;
}
.product-daily-sale-body-price-new {
    color: #252432;
    font-family: "SansB";
    font-size: 30px;
    font-weight: 500;
}
.product-daily-sale-body-price-old {
    color: #949495;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
}


.bottom-seo-info-collapse div.read-more {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.bottom-seo-info-collapse h1 {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}
.bottom-seo-info-collapse h2 {
    color: #252432;
    font-family: SansB;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}
.bottom-seo-info-collapse h3 {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}
.bottom-seo-info-collapse p {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    text-align: justify;
}
.bottom-seo-info-collapse {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
}

.bottom-seo-info-header {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.bottom-seo-info-header-2 {
    color: #252432;
    font-family: SansB;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.bottom-seo-info-header-3 {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.bottom-seo-info-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
}

.bottom-seo-info-btn {
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    outline: none;
    padding: 0;
    text-decoration: none;
}

    .bottom-seo-info-btn:active,
    .bottom-seo-info-btn:focus,
    .bottom-seo-info-btn:focus-visible,
    .bottom-seo-info-btn:hover {
        color: #02bbd7 !important;
        outline: none !important;
        text-decoration: none;
    }



.footer {
    background: #e0eefb;
    margin-top: 48px;
    padding-top: 48px;
}

.footer-bg {
    background-image: url(/img/footer_left_bg.png), url(/img/footer_right_bg.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
}

.footer-return-top-btn {
    background: #e0eefb;
    border: 1px solid #fe9b14;
    border-radius: 12px;
    box-shadow: none;
    color: #fe9b14;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 48px;
    text-align: center;
}

    .footer-return-top-btn:active,
    .footer-return-top-btn:focus,
    .footer-return-top-btn:focus-visible,
    .footer-return-top-btn:hover {
        background: #e0eefb;
        border: 1px solid #fe9b14;
        border-radius: 12px;
        box-shadow: none;
        color: #fe9b14;
        outline: none;
    }

.footer-site-option-container {
    color: #3e30a4;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 48px;
    margin-top: 48px;
}

    .footer-site-option-container i {
        font-size: 40px;
        padding-bottom: 16px;
    }

.footer-site-option {
    padding: 16px 0;
}

.footer-site-option-border-l {
    border-left: 1px solid #3e30a4;
}

.footer-about-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
}

.footer-about-text {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    text-align: justify;
}

.footer-second-row {
    background: #3e30a4;
    padding: 25px 0;
}

    .footer-second-row a {
        color: #ffffff;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .footer-second-row .btn-link {
        color: #ffffff;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0;
    }

        .footer-second-row .btn-link i::before {
            content: "\ea50";
        }

        .footer-second-row .btn-link.show i::before {
            content: "\ea56";
        }

        .footer-second-row .btn-link i {
            font-size: 24px;
        }

.footer-dropdown-menu {
    background: #3e30a4;
    border: 1px solid #cec7ff;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 #cec7ff;
    padding: 16px;
}

.footer-dropdown-menu-item {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
}

    .footer-dropdown-menu-item:active,
    .footer-dropdown-menu-item:focus,
    .footer-dropdown-menu-item:focus-visible,
    .footer-dropdown-menu-item:hover {
        background: #3e30a4;
        border: none;
        color: #ffffff;
    }

.footer-dropdown-menu-item-pad {
    padding-bottom: 16px;
}

.footer-third-row {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .footer-third-row i {
        font-size: 24px;
    }

.product-breadcrumb {
    color: #949495;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

    .product-breadcrumb a {
        color: #949495;
    }

    .product-breadcrumb i {
        color: #949495;
        font-size: 16px;
        padding: 0 8px;
    }

    .product-breadcrumb .active {
        color: #252432;
    }

        .product-breadcrumb .active i {
            color: #252432;
        }

.product-side-icon i {
    color: #252432;
    font-size: 24px;
}

.product-side-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    padding: 0;
    outline: none;
}

.product-img-container {
    height: 359px;
    text-align: center;
}

    .product-img-container img {
        height: 100%;
        max-width: 320px;
        width: auto;
    }

.product-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.product-rate-container {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .product-rate-container i {
        color: #feb74b;
        font-size: 16px;
    }

.product-rate-ver-sep {
    border-right: 1px solid #e8e9f3;
    height: 23px;
    margin: 0 8px;
}

.product-main-label {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-width: 56px;
}

.product-main-thumb-img {
    height: 48px;
    text-align: center
}

    .product-main-thumb-img img {
        border: 2px solid #3e30a4;
        border-radius: 50%;
        height: 100%;
        width: auto;
    }

.product-main-link {
    color: #02bbd7;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-final-price {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-price {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

.product-stat-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 20px;
}

.product-stat-inner-container {
    color: #949495;
    font-size: 14px;
    font-weight: 400;
    padding: 16px;
}

    .product-stat-inner-container i {
        font-size: 16px;
    }

.product-stat-inner-sep {
    border-top: 1px dotted #e8e9f3;
    margin: 16px 0;
}

.product-stat-sep {
    border-top: 1px solid #e8e9f3;
}

.product-stat-act-container {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 16px 0;
    text-align: center;
}

    .product-stat-act-container i {
        font-family: Sans;
        font-size: 24px;
        font-weight: 400;
    }

        .product-stat-act-container i.green {
            color: #81c885;
        }

        .product-stat-act-container i.red {
            color: #ff6f62;
        }

    .product-stat-act-container img.green {
        filter: invert(83%) sepia(10%) saturate(1506%) hue-rotate(71deg) brightness(89%) contrast(82%);
    }

.product-stat-act-btn {
    background: #ffffff;
    border: none !important;
    box-shadow: none !important;
    color: #02bbd7;
    outline: none !important;
    padding: 0 !important;
}

    .product-stat-act-btn:active,
    .product-stat-act-btn:focus,
    .product-stat-act-btn:focus-visible,
    .product-stat-act-btn:hover {
        background: #ffffff;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

.product-basket-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 12px 6px;
    width: 100%;
}

    .product-basket-btn:active,
    .product-basket-btn:focus,
    .product-basket-btn:focus-visible,
    .product-basket-btn:hover {
        background: #02bbd7;
        border-radius: 12px;
        color: #ffffff;
    }

.product-basket-mobile-container {
    background: #ffffff;
    border-top: 1px solid #e8e9f3;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
}
.product-basket-mobile-inner-container {
    padding: 16px 12px;
}
.product-basket-mobile-final-price {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.product-basket-mobile-price {
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-decoration: line-through;
}
.product-basket-mobile-delete-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    outline: none;
    padding: 12px 8px 12px 16px;
}

.product-more-img-container {
    margin-top: 16px;
}

.product-more-img-item {
    background: rgba(255, 255, 255, 0.00);
    border: 1px solid #e8e9f3;
    border-radius: 10px;
    height: 93px;
    padding: 8px;
    text-align: center;
    width: 78px;
}
.product-more-img-item.active {
    border: 1px solid #02bbd7;
    box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
}
    .product-more-img-item.blur img {
        filter: blur(2px);
    }

    .product-more-img-item img {
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        width: auto;
    }
.product-more-img-item-plus-text {
    color: #252432;
    font-family: "SansB";
    font-size: 16px;
    font-weight: 700;
    left: 25px;
    top: 30px;
    z-index: 1;
}

.product-pdf-container {
    margin-top: 24px;
}

.product-pdf-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 12px 36px;
}

    .product-pdf-btn:active,
    .product-pdf-btn:focus,
    .product-pdf-btn:focus-visible,
    .product-pdf-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7;
        border-radius: 12px;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }
.product-pdf-btn i {
    font-size: 16px;
}

    .product-tag-container {
        margin-bottom: 8px;
        margin-top: 16px;
    }

    .product-tag-container a {
        background: rgba(254, 155, 20, 0.15);
        border-radius: 12px;
        color: #fe9b14;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 8px;
    }

.product-tab-single-header {
    border: 1px solid #949495;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    height: 50px;
    min-width: 160px;
    padding: 12px 12px 8px 12px;
}

.product-tab-single-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.product-info-container {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 16px;
    text-align: justify;
}

    .product-info-container p.read-more {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

.product-more-btn {
    color: #02bbd7 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    padding: 0;
}

    .product-more-btn:active,
    .product-more-btn:focus,
    .product-more-btn:focus-visible,
    .product-more-btn:hover {
        border: none !important;
        box-shadow: none !important;
        color: #02bbd7 !important;
        outline: none !important;
    }

    .product-more-btn i {
        color: #02bbd7;
        font-size: 24px;
    }

.product-video-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    padding: 8px;
}

.product-tab-nav {
    border-color: #949495 !important;
    margin-bottom: -0.2px;
}

.product-tab-header {
    background-color: #fe9b14;
    color: #ffffff;
    border-bottom-width: 0;
    border-color: #fe9b14 #fe9b14 #ffffff !important;
    border-radius: 15px 15px 0 0 !important;
    font-family: SansB;
    font-size: 16px;
    height: 50px !important;
    min-width: 160px;
    width: 100% !important;
}

    .product-tab-header.active {
        border-width: 1px;
        border-color: #949495 #949495 #ffffff !important;
    }

    .product-tab-header:focus,
    .product-tab-header:hover {
        color: #ffffff;
    }

    .product-tab-header i {
        font-size: 24px;
    }

.product-tab-title {
    background: transparent;
    border: none !important;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 12px 12px 8px 12px;
    text-align: center;
    width: 100%;
}

.product-table-row {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 15px 16px;
}

    .product-table-row.alternate {
        background: #e8e9f3;
    }

    .product-table-row a {
        color: #02bbd7;
    }

.product-site-content-container {
    color: #252432;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .product-site-content-container.read-more {
        display: -webkit-box;
        height: 400px;
        overflow: hidden;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
    .product-site-content-container h2 {
        font-family: "SansB" !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
    }
    .product-site-content-container h3 {
        font-family: "SansB" !important;
        font-size: 1.25rem !important;
        font-weight: 700 !important;
    }
.product-site-content-container h4 {
    font-family: "SansB" !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
}

.product-comment-new-container {
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 16px;
}

.product-comment-new-title {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.product-star-btn {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #252432;
    height: 24px;
    outline: none;
    padding: 0;
    width: 24px;
}

    .product-star-btn.rated i:before {
        content: "\f18c";
        color: #FEB74B;
    }
.product-comment-new-message {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.product-comment-reply {
    color: #02bbd7;
}

.product-comment-error {
    color: #ff6f62;
    font-size: 14px;
}

.product-comment-new-input {
    background: #e8e9f3;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    padding: 14px 16px;
    width: 100%;
}

    .product-comment-new-input:active,
    .product-comment-new-input:focus {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: none;
    }

.product-comment-primary-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-width: 160px;
    padding: 12px;
    text-align: center;
}

    .product-comment-primary-btn:active,
    .product-comment-primary-btn:focus,
    .product-comment-primary-btn:focus-visible,
    .product-comment-primary-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7;
        border-radius: 12px;
        color: #02bbd7;
    }

.product-comment-secondary-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
}

    .product-comment-secondary-btn:active,
    .product-comment-secondary-btn:focus,
    .product-comment-secondary-btn:focus-visible,
    .product-comment-secondary-btn:hover {
        background: #ffffff;
        border: none;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }

.product-comment-list-item-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    margin-bottom: 16px;
    padding: 16px;
}

.product-comment-thumb-img {
    height: 50px;
    text-align: center;
    width: 50px;
}

    .product-comment-thumb-img img {
        border: 2px solid #3e30a4;
        border-radius: 50%;
        height: 100%;
        width: 100%;
    }
.product-comment-pin {
    color: #949495;
    font-size: 16px;
}
.product-comment-list-item-title {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-comment-list-item-date {
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-comment-list-item-reply-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fe9b14;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 0;
}

    .product-comment-list-item-reply-btn:active,
    .product-comment-list-item-reply-btn:focus,
    .product-comment-list-item-reply-btn:focus-visible,
    .product-comment-list-item-reply-btn:hover {
        background: #ffffff;
        border: none;
        box-shadow: none;
        color: #fe9b14;
        outline: none;
    }

.product-comment-list-item-text {
    color: #252432;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.product-comment-list-item-remark-container {
    background: #e8e9f3;
    border-radius: 12px;
    margin: 16px 60px 0 0;
    padding: 16px;
}
.product-comment-sep {
    background: #e8e9f3;
    height: 100%;
    min-height: 24px;
    width: 1px;
}
.product-segment-like-container {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .product-segment-like-container i {
        font-size: 24px;
    }

.product-segment-like-btn {
    background-color: #ffffff;
    border: none;
    color: #252432;
    padding: 0;
}

    .product-segment-like-btn.active {
        color: #ff6f62;
    }

.product-comment-all-show-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 25px;
}

    .product-comment-all-show-btn i {
        font-size: 24px;
    }

.product-comment-all-modal {
    background: #ffffff;
}

.product-comment-all-header {
    background: #ffffff;
    padding: 16px 16px 0 16px;
}

.product-comment-all-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-comment-all-close-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    outline: none;
    padding: 0;
}

.product-comment-all-new-btn-container {
    float: left;
    right: -130px;
    position: relative;
}

.product-comment-all-new-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    bottom: 16px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding: 12px 42px;
    position: fixed;
    z-index: 5;
}
.product-question-thumb-img {
    background: #e8e9f3;
    border: 2px solid #3e30a4;
    border-radius: 50%;
    color: #3e30a4; 
    height: 50px;
    padding-top: 1px;
    text-align: center;
    width: 50px;
}
.product-question-thumb-img i {
    font-size: 30px;
}
.product-question-answer-sep {
    background: #ffffff;
    height: 100%;
    min-height: 24px;
    width: 1px;
}
.product-question-answer-like {
    color: #252432;
    font-size: 14px;
}
.product-question-answer-like-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 16px;
    outline: none;
    padding: 0;
}
.product-question-answer-like-btn i.green {
        color: #81c885;
    }
.product-question-answer-like-btn i.red {
        color: #ff6f62;
    }
.product-other-img-list-container {
    background: #252432;
}
.product-other-img-list-header-text {
    color: #ffffff;
    font-family: "SansB";
    font-size: 16px;
    font-weight: 700;
}
.product-other-img-list-header-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ffffff;
    font-size: 24px;
    outline: none;
    padding: 0;
}
.product-other-img-list-arrow-btn {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 50%;
    box-shadow: none;
    filter: drop-shadow(-1px 1px 4px rgba(0, 0, 0, 0.15));
    font-size: 24px;
    height: 36px;
    line-height: 23px;
    outline: none;
    padding: 6px 4px 6px 6.5px;
    width: 36px;
}
.product-other-img-list-arrow-btn i{
    font-size: 26px;
}

.basket-plus-btn {
    border: 1px solid #949495;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    color: #02bbd7;
    height: 48px;
    line-height: 28px;
    padding: 11px 8px;
}

    .basket-plus-btn i {
        font-size: 24px;
    }

        .basket-plus-btn:active,
        .basket-plus-btn:focus,
        .basket-plus-btn:focus-visible,
        .basket-plus-btn:hover {
            border: 1px solid #949495 !important;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 12px;
            border-top-left-radius: 0;
            border-top-right-radius: 12px;
            color: #02bbd7 !important;
        }

        .basket-plus-btn:disabled {
            background: #949495;
            border: 1px solid #949495;
            border-radius: 0 12px 12px 0;
            color: #ffffff;
        }

.basket-quantity-input {
    border-bottom: 1px solid #949495;
    border-left: none;
    border-right: none;
    border-top: 1px solid #949495;
    border-radius: 0 !important;
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 28px;
    padding: 13px 5px;
    text-align: center;
    width: 48px;
    -moz-appearance: textfield;
}

    .basket-quantity-input::-webkit-outer-spin-button,
    .basket-quantity-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.basket-minus-btn {
    border: 1px solid #949495;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 0;
    color: #02bbd7;
    height: 48px;
    line-height: 28px;
    padding: 11px 8px;
}

    .basket-minus-btn i {
        font-size: 24px;
    }

    .basket-minus-btn:active,
    .basket-minus-btn:focus,
    .basket-minus-btn:focus-visible,
    .basket-minus-btn:hover {
        border: 1px solid #949495 !important;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 0;
        color: #02bbd7 !important;
    }

    .basket-minus-btn:disabled {
        background: #949495;
        border: 1px solid #949495;
        border-radius: 12px 0 0 12px;
        color: #ffffff;
    }

.product-in-basket-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 4px;
}

.product-in-basket-link {
    color: #fe9b14;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.product-in-basket-dropdown {
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    padding: 0;
}
.product-in-basket-dropdown-item {
    background: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding: 12px;
}

.product-search-header {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-bottom: 0;
    margin-top: 24px;
}

.product-search-category-s-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 24px 0 0 0;
    text-align: center;
}

.product-search-category-bg {
    margin-top: 24px;
}
.product-search-category-img {
    border-radius: 15px;
}

.product-search-search-container {
    margin-top: 24px;
}
.product-search-search-input-container:has(.product-search-search-input:active),
.product-search-search-input-container:has(.product-search-search-input:focus),
.product-search-search-input-container:has(.product-search-search-input:focus-visible) {
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
    outline: 1.5px solid #02bbd7;
}

.product-search-search-input {
    background: #e8e9f3;
    border: none;
    border-radius: 0 12px 12px 0;
    box-shadow: none;
    color: #252432;
    font-size: 14px;
    line-height: 14px;
    outline: none;
    padding: 12px 16px;
    width: 100%;
}

    .product-search-search-input::placeholder {
        color: #949495;
    }

.product-search-search-btn {
    background: #fe9b14;
    border: none;
    border-radius: 12px 0 0 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    outline: none;
    padding: 12.3px 22px;
}

    .product-search-search-btn:active,
    .product-search-search-btn:focus,
    .product-search-search-btn:focus-visible,
    .product-search-search-btn:hover {
        background: #fe9b14;
        color: #ffffff;
    }

.product-search-empty-container {
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    padding: 40px 16px;
}

.product-search-empty-header {
    color: #252432;
    text-align: center;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
}
.product-search-empty-img-container {
    width: 150px;
}
.product-search-empty-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 24px 0;
    text-align: center;
}
.product-search-empty-text {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
    text-align: center;
}
.product-search-empty-btn {
    background: #02bbd7;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-width: 240px;
    outline: none;
    padding: 12px;
    text-align: center;
}

    .product-search-empty-btn:active,
    .product-search-empty-btn:focus,
    .product-search-empty-btn:focus-visible,
    .product-search-empty-btn:hover {
        background: #02bbd7;
        box-shadow: none;
        color: #ffffff;
        outline: none;
    }

.product-search-box-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    color: #252432;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 16px;
}

    .product-search-box-container .collapsed i:before {
        content: "\ea13";
    }

    .product-search-box-container .row {
        cursor: pointer;
    }

.product-search-sort-dropdown-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-weight: 700;
    outline: none;
    padding: 0;
}

    .product-search-sort-dropdown-btn i {
        font-size: 16px;
    }

.product-search-sort-dropdown-menu {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 #e8e9f3;
    padding: 16px;
}

.product-search-sort-dropdown-item {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
}

    .product-search-sort-dropdown-item.margin {
        margin-bottom: 19px;
    }

    .product-search-sort-dropdown-item:hover {
        background: #ffffff;
        border: none;
    }
.product-search-filter-input-find {
    background: #e8e9f3;
    border: none;
    border-radius: 10px;
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 3px;
    padding: 12px;
    width: 95%;
    position: relative;
    z-index: 3;
}

    .product-search-filter-input-find::placeholder {
        color: #949495;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .product-search-filter-input-find:active,
    .product-search-filter-input-find:focus,
    .product-search-filter-input-find:hover {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

.product-search-filter-collection {
    max-height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .product-search-filter-collection::-webkit-scrollbar {
        background: #e8e9f3;
        width: 5px;
    }

    .product-search-filter-collection::-webkit-scrollbar-thumb {
        background: #252432;
        background-clip: content-box;
        border-radius: 20px;
        height: 31px;
    }

.product-search-filter-check {
    background-color: #ffffff;
    border: 2px solid #000000 !important;
    border-radius: 0 !important;
    height: 15px !important;
    width: 15px !important;
}

    .product-search-filter-check:checked {
        background-color: #02bbd7 !important;
        border: 1px solid #949495 !important;
        border-radius: 0 !important;
        border: 2px solid #02bbd7 !important;
    }

    .product-search-filter-check:active,
    .product-search-filter-check:focus {
        box-shadow: none !important;
        filter: none !important;
        outline: none !important;
    }

.product-search-filter-switch-container {
    margin: 0 !important;
    padding: 0 !important;
}

.product-search-filter-switch {
    background-position: 12px !important;
    background-size: 10px;
    border: 2px solid #252432 !important;
    margin-right: 0 !important;
    width: 28px !important;
}

    .product-search-filter-switch:checked {
        background-color: #02bbd7 !important;
        background-position: 3px !important;
        border: none !important;
    }

    .product-search-filter-switch:focus {
        border: none;
        box-shadow: none;
        --bs-form-switch-bg: none;
    }

.product-search-filter-active-container {
    background: #e8e9f3;
    border-radius: 10px;
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px;
}

.product-search-filter-active-header {
    color: #949495;
    margin-bottom: 8px;
}

.product-search-filter-active-close-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 16px;
    outline: none;
    padding: 0;
}

.product-search-filter-active-text {
    color: #252432;
    height: 20px;
    overflow: hidden;
}

.product-search-top-description-container .product-search-top-description-items {
    padding: 16px;
}

.product-search-top-description-container-top {
    background: linear-gradient(90deg, #3e30a4 0, rgba(62, 48, 164, 0.00) 100%);
    height: 2px;
}

.product-search-top-description-container-right {
    background: linear-gradient(180deg, #3e30a4 0, rgba(62, 48, 164, 0.00) 100%);
    height: 100%;
    width: 2px;
}

.product-search-top-description-container-bottom {
    background: linear-gradient(270deg, #3e30a4 0, rgba(62, 48, 164, 0.00) 100%);
    height: 2px;
}

.product-search-top-description-container-left {
    background: linear-gradient(180deg, #ffffff 0, #3e30a4 100%);
    height: 100%;
    width: 2px;
}

.product-search-top-description-img {
    height: 121px;
    text-align: center
}

    .product-search-top-description-img img {
        border: 4px solid #3e30a4;
        border-radius: 50%;
        height: 100%;
        width: auto;
    }

.product-search-top-description-title {
    color: #000000;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
}

.product-search-top-description-text {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: justify;
}

    .product-search-top-description-text.read-more {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.product-search-top-description-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    padding: 0;
}

    .product-search-top-description-btn:active,
    .product-search-top-description-btn:focus,
    .product-search-top-description-btn:focus-visible,
    .product-search-top-description-btn:hover {
        background: #ffffff;
        border: none;
        box-shadow: none;
        outline: none;
    }

.product-search-tab-item {
    background-color: #fe9b14;
    border-bottom: 1px solid #949495;
    border-radius: 15px 15px 0 0 !important;
    color: #ffffff;
    height: 53px !important;
    width: 100% !important;
    --bs-nav-link-hover-color: white !important;
}

.product-search-tab-info-title {
    color: #252432;
    text-align: center;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
}

.product-search-tab-info-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
}

.pager-btn {
    background-color: #ffffff;
    border: 1px solid #e8e9f3;
    border-right: none;
    border-left: none;
    color: #252432;
    height: 48px;
    line-height: 28px;
    padding: 5px 8px 0 8px;
    width: 40px;
}

.pager-btn-prev {
    background-color: #ffffff;
    border: 1px solid #e8e9f3;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 10px !important;
    font-size: 13px;
    height: 48px;
    line-height: 28px;
    padding: 5px 8px 0 8px;
}

.pager-btn-next {
    background-color: #ffffff;
    border: 1px solid #e8e9f3;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 10px !important;
    font-size: 13px;
    height: 48px;
    line-height: 28px;
    padding: 5px 8px 0 8px;
}

    .pager-btn-next > i:before {
        font-size: 24px;
        color: #02bbd7;
    }

.pager-btn-prev > i:before {
    font-size: 24px;
    color: #02bbd7;
}
.pager-btn-prev:disabled > i:before {
    color: #d9d9d9;
}
.pager-btn-next:disabled > i:before {
    color: #d9d9d9;
}

.pager-btn.disabled > i:before {
    color: #e8e9f3 !important;
}

.pager-btn-ellipsis {
    background-color: #ffffff;
    border: 1px solid #e8e9f3;
    border-right: none;
    border-left: none;
    font-size: 30px;
    height: 48px;
    line-height: 1px;
    padding: 0;
    width: 40px;
}

.pager-btn.active,
.pager-btn:disabled {
    color: #02bbd7;
}



.advance-search-main-container {
    border-radius: 15px;
    border: 1px solid #e8e9f3;
    padding-bottom: 24px;
}

.advance-search-label {
    min-width: 136px;
    padding-right: 24px;
}

.advance-search-inside-label {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.advance-search-input {
    background: #e8e9f3;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #252432;
    direction: rtl;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 40px;
    padding: 12px 16px;
    text-align: start;
    width: 100%;
    -moz-appearance: textfield;
}

    .advance-search-input::-webkit-outer-spin-button,
    .advance-search-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .advance-search-input::placeholder {
        color: #949495;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .advance-search-input:active,
    .advance-search-input:focus {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: none;
    }

    .advance-search-input.invalid {
        border: 1px solid #ff6f62;
        box-shadow: 0 0 4px 0 rgba(255, 111, 98, 0.50);
        outline: none;
    }

.advance-search-input-hint {
    color: #949495;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.advance-search-input-container .disabled {
    pointer-events: none;
}
    .advance-search-input-container .disabled .advance-search-select {
        border: 1px solid #e8e9f3; 
        color: #e8e9f3;
    }

.advance-search-select {
    background: #ffffff;
    border: 1px solid #949495;
    border-radius: 10px;
    color: #252432;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 8px 16px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .advance-search-select.show {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: 1px solid #02bbd7;
    }

    .advance-search-select i {
        font-size: 24px;
    }

        .advance-search-select i::before {
            content: "\ea50";
        }

    .advance-search-select.show i::before {
        color: #02bbd7;
        content: "\ea56";
    }

.advance-search-select-menu {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 10px;
    box-shadow: 0 0 2px 0 #e8e9f3;
    max-height: 254px;
    padding: 0;
    overflow-y: scroll;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .advance-search-select-menu::-webkit-scrollbar {
        width: 5px;
    }

    .advance-search-select-menu::-webkit-scrollbar-track {
        background: #e8e9f3;
    }

    .advance-search-select-menu::-webkit-scrollbar-thumb {
        background: #949495;
        height: 31px;
        border-radius: 10px !important;
        background-clip: content-box;
    }

.advance-search-select-menu-item {
    color: #252432;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-height: 39px;
    padding: 8px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .advance-search-select-menu-item:active {
        background: #ffffff;
        color: #252432;
    }

.advance-search-more-filter-container {
    background: #e0eefb;
    padding: 15px;
}

    .advance-search-more-filter-container:has(.advance-search-more-filter.collapsed) {
        background: #ffffff;
    }

.advance-search-more-filter {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #02bbd7;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    text-align: start;
}

    .advance-search-more-filter:focus-visible {
        border: none !important;
        box-shadow: none;
        outline: none !important;
    }

.advance-search-radio {
    appearance: none;
    border: 2px solid #949495 !important;
    border-radius: 50% !important;
    display: block;
    height: 22px;
    padding: 0;
    width: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .advance-search-radio:checked {
        background-clip: content-box;
        background-color: #02bbd7;
        border: 2px solid #02bbd7 !important;
        color: #02bbd7;
        padding: 4px;
    }

.advance-search-radio-label {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.advance-search-clear-btn {
    background-color: #ffffff;
    border: none;
    color: #02bbd7;
    font-size: 14px;
}

.advance-search-btn {
    background-color: #02bbd7;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    padding: 12px 16px;
}

.advance-search-error {
    color: #ff6f62;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}


.info-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 24px;
    text-align: center;
}

.info-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 16px;
    text-align: right;
}

.info-branch-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.info-branch-address {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

    .info-branch-address .gray {
        color: #949495;
    }

    .info-branch-address .cyan,
    .info-qa-a .cyan {
        color: #02bbd7;
    }

    .info-branch-address i {
        font-size: 16px;
    }

.info-branch-sep {
    margin-bottom: 48px;
}

.info-qa-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
}

.accordion-button.collapsed .info-qa-q-icon-container {
    background-color: #02bbd7;
    border-radius: 50%;
    color: #ffffff;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    /*padding: 1px;*/
    text-align: center;
    width: 24px;
}

    .accordion-button.collapsed .info-qa-q-icon-container i::before {
        content: "\ea50";
    }

.accordion-button .info-qa-q-icon-container {
    background-color: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 50%;
    color: #02bbd7;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}

    .accordion-button .info-qa-q-icon-container i::before {
        content: "\ea56";
    }

.info-qa-q {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.info-qa-a-empty {
    height: 24px;
    width: 24px;
}

.info-qa-a {
    color: #252432;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.info-qa-sep {
    border-top: 1px solid #e8e9f3;
    margin: 16px 0;
}

.info-privacy-title {
    color: #feb74b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
}
.info-privacy-img-container {
    height: 150px;
}
.info-privacy-img-container img{
    height: 100%;
    width: auto;
}

.info-contact-form-label {
    color: #252432;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.input-required::after {
    content: " *";
    color: #ff6f62;
}

.info-contact-form-input {
    border: 1px solid #949495;
    border-radius: 12px;
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 12px 16px;
}
    .info-contact-form-input::placeholder {
        color: #949495;
}

    .info-contact-form-input:active,
    .info-contact-form-input:focus {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: none;
    }

    .info-contact-form-input.invalid {
        border: 1px solid #ff6f62 !important;
        box-shadow: 0 0 4px 0 rgba(255, 111, 98, 0.50);
        outline: none !important;
    }

.info-contact-form-error {
    color: #ff6f62;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 8px;
}

.info-contact-form-btn {
    background: #02bbd7;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 12px;
    text-align: center;
    width: 100%;
}

    .info-contact-form-btn:active,
    .info-contact-form-btn:focus,
    .info-contact-form-btn:focus-visible,
    .info-contact-form-btn:hover {
        background: #02bbd7;
        border: none;
        border-radius: 10px;
        box-shadow: none;
        color: #ffffff;
        outline: none;
    }

.info-contact-form-icon i {
    font-size: 24px;
    color: #02bbd7;
}
.info-contact-form-img-container {
    border: 1px solid #949495;
    border-radius: 10px;
    padding: 38px 8px;
}
.info-contact-form-file-btn {
    color: #252432;
    cursor: pointer;
    font-size: 12px;
}
.info-contact-form-file-btn i{
    font-size: 24px;
}
.info-contact-from-file-hint {
    color: #949495;
    font-size: 12px;
}
.info-buy-guide-number-container {
    background-color: #feb74b;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    padding-top: 1px;
    text-align: center;
    width: 24px;
}
.info-buy-guide-link {
    color: #02bbd7;
}
.info-buy-guide-img {
    border: 1px solid #e8e9f3;
    border-radius: 15px;
}
.info-employment-headline {
    color: #252432;
    font-size: 14px;
    font-weight: 400;
}
.info-employment-title {
    color: #02bbd7;
    font-family: "SansB";
    font-size: 16px;
    font-weight: 700;
}
.info-employment-headline i{
    font-size: 16px;
}
.info-employment-btn {
    background: transparent;
    border: 1px solid #02bbd7!important;
    border-radius: 12px;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    padding: 12px 24px;
}
    .info-employment-btn:active,
    .info-employment-btn:focus,
    .info-employment-btn:focus-visible,
    .info-employment-btn:hover {
        background: transparent;
        border: 1px solid #02bbd7!important;
        border-radius: 12px;
        box-shadow: none;
        color: #02bbd7;
    }
.info-employment-back-btn {
    background: transparent;
    border: none !important;
    border-radius: 0;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    padding: 0;
}
    .info-employment-back-btn:active,
    .info-employment-back-btn:focus,
    .info-employment-back-btn:focus-visible,
    .info-employment-back-btn:hover {
        background: transparent;
        border: none !important;
        border-radius: 0;
        box-shadow: none;
        color: #02bbd7;
    }
.info-employment-back-btn i{
    font-size: 16px;
}

    .basket-empty-title {
        color: #252432;
        font-family: SansB;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 16px;
        text-align: center;
    }

.basket-empty-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    padding: 40px 16px;
}
.basket-empty-img {
    height: 130px;
}
.basket-empty-img img{
    height: 100%;
    width: auto;
}
.basket-empty-inner-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 24px;
    text-align: center;
}

.basket-empty-inner-text {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-bottom: 16px;
}

    .basket-empty-inner-text a {
        color: #fe9b14;
    }

.basket-empty-inner-ver-sep {
    background: #e8e9f3;
    height: 26px;
    width: 1px;
}

.basket-state-container {
    color: #949495;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

    .basket-state-container i {
        font-size: 24px;
        padding-bottom: 5px;
    }

    .basket-state-container .active {
        color: #3e30a4;
    }

.basket-state-sep {
    background: #949495;
    height: 1px;
    min-width: 100px;
}
.basket-content-banner-container {
    background: #ffffff;
    border: 1px solid #3e30a4;
    border-radius: 15px;
}
.basket-content-banner-header {
    background: #3e30a4;
    border-radius: 15px 15px 0 0;
    min-height: 28px;
}
.basket-content-banner-icon-container {
    margin-top: -10px;
}
.basket-content-banner-icon-inner-container {
    background: #3e30a4;
    border: 5px solid #ffffff;
    border-radius: 50%;
    height: 30px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    width: 30px;
}
.basket-content-banner-icon {
    color: #ffffff;
    font-size: 12px;
}
.basket-content-banner-text-container {
    padding: 4px 16px 16px;
}

.basket-banner-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    padding: 12px 35px;
    text-align: center;
}
    .basket-banner-btn.active {
        background: #81c885;
    }

.basket-order-message-container {
    background: #ffffff;
    border: 1px solid #feb74b;
    border-radius: 15px;
}

.basket-order-message-header {
    background: #feb74b;
    border-radius: 15px 15px 0 0;
    min-height: 28px;
}

.basket-order-message-icon-container {
    margin-top: -20px;
}

.basket-order-message-icon {
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #feb74b;
    font-size: 24px;
}

.basket-order-message-text-container {
    padding: 4px 16px 16px;
}

.basket-content-banner-text,
.basket-order-message-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .basket-order-message-text a {
        color: #02bbd7;
    }

.basket-next-tab-icon {
    transform: rotateY(-180deg);
}

.basket-product-list-container {
    border: 1px solid #e8e9f3;
    border-radius: 15px;
}

.basket-product-list-header-container {
    border-bottom: 1px solid #e8e9f3;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 16px 16px 8px;
}

.basket-product-list-item-container {
    padding: 16px;
}

    .basket-product-list-item-container.border-b {
        border-bottom: 1px solid #e8e9f3;
    }
.basket-product-list-item-discount {
    font-size: 14px;
    padding: 8px 10px;
}
.basket-product-list-item-img {
    height: 120px;
    text-align: center
}

    .basket-product-list-item-img img {
        height: 100%;
        width: auto;
    }

.basket-product-list-item-b-text {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.basket-product-list-item-text {
    color: #252432;
    font-family: Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.basket-product-list-item-s-text {
    color: #252432;
    font-family: Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: line-through;
}

.basket-product-list-item-quantity {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.basket-product-list-item-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    margin: 0;
    outline: none;
    padding: 0;
}

.basket-product-list-item-set-active-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #fe9b14;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 0;
}

    .basket-product-list-item-set-active-btn i {
        font-size: 16px;
    }

.basket-summery-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
}

.basket-summery-header {
    background: #3e30a4;
    border-radius: 15px 15px 0 0;
    color: #ffffff;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding: 16px;
}

.basket-summery-disocunt-container {
    padding: 16px;
}

.basket-summery-disocunt-input {
    background: #e8e9f3;
    border: none;
    border-radius: 0 12px 12px 0;
    box-shadow: none;
    color: #252432;
    font-size: 14px;
    line-height: 14px;
    outline: none;
    padding: 13px 16px;
    width: 100%;
}

.basket-summery-disocunt::placeholder {
    color: #949495;
}

.basket-summery-disocunt-btn {
    background: #fe9b14;
    border: none;
    border-radius: 12px 0 0 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    line-height: 25.2px;
    outline: none;
    padding: 12px;
}

    .basket-summery-disocunt-btn:active,
    .basket-summery-disocunt-btn:focus,
    .basket-summery-disocunt-btn:focus-visible,
    .basket-summery-disocunt-btn:hover {
        background: #fe9b14;
        color: #ffffff;
    }

.basket-summery-disocunt-done {
    background: #e7f4e7;
    border-radius: 0 12px 12px 0;
    color: #81c885;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 16px;
}

    .basket-summery-disocunt-done i {
        font-size: 16px;
    }

.basket-summery-disocunt-delete-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px 0 0 12px;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    outline: none;
    padding: 14px 16px 10px;
}

    .basket-summery-disocunt-delete-btn:active,
    .basket-summery-disocunt-delete-btn:focus,
    .basket-summery-disocunt-delete-btn:focus-visible,
    .basket-summery-disocunt-delete-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7;
        border-radius: 12px 0 0 12px;
        color: #02bbd7;
    }

.basket-summery-detail-container {
    border-top: 1px solid #e8e9f3;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 16px;
}

.basket-summery-detail-sep {
    border-top: 1px solid #e8e9f3;
    margin: 16px 0;
}

.basket-summery-detail-discount {
    color: #ff6f62;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.basket-summery-detail-post-container {
    background: #e0eefb;
}

.basket-summery-detail-post-accent-col {
    background: #3e30a4;
    height: 100%;
    min-height: 70px;
    width: 16px;
}

.basket-summery-detail-post-icon {
    background: #e0eefb;
    border-radius: 50%;
    border: 2px solid #e0eefb;
    color: #3e30a4;
    font-size: 16px;
    margin-right: -10px;
}

.basket-summery-detail-post-text-container {
    background: #e0eefb;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 16px;
    text-align: justify;
}

.basket-summery-detail-free-post-header {
    padding: 16px 16px 8px;
}

.basket-summery-detail-free-post-title {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

.basket-summery-detail-free-post-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 0 16px;
    text-align: justify;
}

.basket-summery-action-container {
    border-top: 1px solid #e8e9f3;
    padding: 16px;
}

.basket-summery-action-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 12px;
    width: 100%;
}

    .basket-summery-action-btn:active,
    .basket-summery-action-btn:focus,
    .basket-summery-action-btn:focus-visible,
    .basket-summery-action-btn:hover {
        background: #02bbd7;
        border: none;
        border-radius: 12px;
        color: #ffffff;
    }

    .basket-summery-action-btn i {
        font-size: 16px;
    }

.basket-summery-whole-sale-btn {
    background: #fe9b14;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 12px;
    width: 100%;
}

.basket-summery-final-price-container {
    background: #e7f4e7;
    border-radius: 0 0 15px 15px;
    color: #81c885;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 16px;
}

.basket-product-list-state-header {
    background-color: #ff6f62;
    position: relative;
}

.basket-product-list-state-close-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    padding: 8px 4px;
}

.basket-product-list-state-icon {
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 50px solid #ffffff;
    bottom: -20px;
    color: #ff6f62;
    display: flex;
    font-size: 40px;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

    .basket-product-list-state-icon i {
        margin-right: -20px;
    }

.basket-product-list-state-body-container {
    padding: 16px;
}

.basket-product-list-state-title {
    color: #252432;
    text-align: center;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 16px 0 8px;
}

.basket-product-list-state-sub-title {
    color: #252432;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.basket-product-list-state-sep {
    border-bottom: 1px solid #e8e9f3;
}

.basket-product-list-state-checkbox-container {
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 16px;
}

.basket-product-list-state-input {
    background-color: #ffffff;
    border: 2px solid #949495 !important;
    border-radius: 0 !important;
    height: 15px !important;
    width: 15px !important;
}

.basket-product-list-state-items-container {
    max-height: 300px;
    padding: 0 16px;
    overflow-y: auto;
}

    .basket-product-list-state-items-container::-webkit-scrollbar {
        background: #e8e9f3;
        width: 5px;
    }

    .basket-product-list-state-items-container::-webkit-scrollbar-thumb {
        background: #949495;
        background-clip: content-box;
        border-radius: 20px;
        height: 31px;
    }

.basket-product-list-state-item-container {
    padding: 13px 0;
}

.basket-product-list-state-item-img {
    height: 72px;
    text-align: center
}

    .basket-product-list-state-item-img img {
        height: 100%;
        width: auto;
    }

.basket-product-list-state-item-name {
    color: #252432;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
    max-height: 56px;
    overflow: hidden;
}

.basket-product-list-state-item-publisher {
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 17px;
    overflow: hidden;
}

.basket-product-list-state-item-max-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 4px;
}

    .basket-product-list-state-item-max-text.red {
        color: #ff6f62;
    }

.basket-product-list-state-item-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #ff6f62;
    font-size: 24px;
    margin: 0;
    outline: none;
    padding: 0;
}

.basket-product-state-item-delete-container {
    background: #ffffff;
    padding: 8px 0;
}

.basket-product-state-item-delete-title {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
    text-align: center;
}

    .basket-product-state-item-delete-title.bold {
        font-family: SansB;
        font-weight: 700;
    }

.basket-product-state-item-delete-primary-btn {
    background: #02bbd7;
    border: none;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 18px;
    text-align: center;
}

    .basket-product-state-item-delete-primary-btn:active,
    .basket-product-state-item-delete-primary-btn:focus,
    .basket-product-state-item-delete-primary-btn:focus-visible,
    .basket-product-state-item-delete-primary-btn:hover {
        background: #02bbd7;
        border: none;
        border-radius: 10px;
        color: #ffffff;
    }

.basket-product-state-item-delete-secondary-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 10px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-width: 110px;
    padding: 8px 18px;
    text-align: center;
}

    .basket-product-state-item-delete-secondary-btn:active,
    .basket-product-state-item-delete-secondary-btn:focus,
    .basket-product-state-item-delete-secondary-btn:focus-visible,
    .basket-product-state-item-delete-secondary-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7;
        border-radius: 10px;
        color: #02bbd7;
    }

.basket-product-list-state-footer {
    background: #ffffff;
    border-radius: 0 0 15px 15px;
    border-top: 1px solid #e8e9f3;
    box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.05);
    padding: 16px;
}

.basket-product-list-state-action-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px;
    text-align: center;
    width: 100%;
}

    .basket-product-list-state-action-btn:active,
    .basket-product-list-state-action-btn:focus,
    .basket-product-list-state-action-btn:focus-visible,
    .basket-product-list-state-action-btn:hover {
        background: #02bbd7;
        border: none;
        color: #ffffff;
    }


.basket-address-page-title {
    color: #000000;
    font-family: SansB;
    font-size: 16px;
    font-weight: 700;
}

.basket-address-page-new-address-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-width: 150px;
    padding: 11px;
    text-align: center;
}

    .basket-address-page-new-address-btn:active,
    .basket-address-page-new-address-btn:focus,
    .basket-address-page-new-address-btn:focus-visible,
    .basket-address-page-new-address-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7;
        border-radius: 12px;
        color: #02bbd7;
    }

.basket-address-edit-page-title {
    color: #252432;
    text-align: right;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 16px;
}

.basket-address-edit-page-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    padding: 16px;
}

.basket-address-edit-page-label {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 8px;
}

.basket-address-edit-input-row {
    margin-bottom: 24px;
}

.basket-address-edit-page-input {
    border: 1px solid #949495;
    border-radius: 12px;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding: 12px 16px;
    width: 100%;
}

    .basket-address-edit-page-input::placeholder {
        color: #949495;
    }

    .basket-address-edit-page-input:active,
    .basket-address-edit-page-input:focus,
    .basket-address-edit-page-input:focus-visible,
    .basket-address-edit-page-input:hover {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: none;
    }

.basket-address-edit-page-input-error {
    color: #ff6f62;
    font-size: 12px;
}

.basket-address-edit-page-postal-hint {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
}

    .basket-address-edit-page-postal-hint i {
        color: #feb74b;
        font-size: 16px;
    }

.basket-address-edit-page-sep {
    border-top: 1px solid #e8e9f3;
    margin-bottom: 24px;
}

.basket-address-edit-page-primary-btn {
    background: #02bbd7;
    border: none;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding: 12px 30px;
    text-align: center;
}

    .basket-address-edit-page-primary-btn:active,
    .basket-address-edit-page-primary-btn:focus,
    .basket-address-edit-page-primary-btn:focus-visible,
    .basket-address-edit-page-primary-btn:hover {
        background: #02bbd7;
        border-radius: 10px;
        color: #ffffff;
    }

.basket-address-edit-page-secondary-btn {
    background: #ffffff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 0;
}

    .basket-address-edit-page-secondary-btn:active,
    .basket-address-edit-page-secondary-btn:focus,
    .basket-address-edit-page-secondary-btn:focus-visible,
    .basket-address-edit-page-secondary-btn:hover {
        background: #ffffff;
        border-radius: 10px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }

.basket-address-edit-no-address-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-weight: 700;
}

.basket-address-edit-no-address-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    outline: none;
}

    .basket-address-edit-no-address-btn:active,
    .basket-address-edit-no-address-btn:focus,
    .basket-address-edit-no-address-btn:focus-visible,
    .basket-address-edit-no-address-btn:hover {
        background: transparent;
        border: none;
        box-shadow: none;
        color: #ffffff;
        outline: none;
    }

.basket-address-list-container {
    padding: 16px;
}

    .basket-address-list-container.with-border {
        border: 1px solid #e8e9f3;
        border-radius: 15px;
        margin-top: 8px;
    }

.basket-address-list-radio {
    appearance: none;
    border: 2px solid #252432 !important;
    border-radius: 50% !important;
    display: block;
    height: 22px;
    line-height: normal;
    padding: 0;
    width: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .basket-address-list-radio.white {
        border: 2px solid #ffffff !important;
    }

    .basket-address-list-radio:checked {
        background-clip: content-box;
        background-color: #02bbd7;
        border: 2px solid #02bbd7 !important;
        color: #02bbd7;
        padding: 4px;
    }

.basket-address-list-icon {
    color: #949495;
    font-size: 16px;
}

.basket-address-list-label {
    color: #949495;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.basket-address-list-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.basket-address-list-sep {
    border-top: 1px solid #e8e9f3;
    margin-bottom: 16px;
    margin-top: 16px;
}

.basket-address-list-delete-text {
    color: #252432;
    display: -webkit-box;
    font-family: SansB;
    font-size: 14px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.basket-address-list-action-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    outline: none;
    padding: 0;
}
.basket-address-list-action-list-item {
    color: #252432;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px;
}

.basket-post-list-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    height: 100%;
}

.basket-post-list-header {
    background: #3e30a4;
    border-radius: 15px 15px 0 0;
    color: #ffffff;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding: 16px;
}

.basket-post-list-inner-container {
    height: 100%;
    padding: 16px;
}

.basket-post-list-icon {
    color: #feb74b;
    font-size: 16px;
}

.basket-post-list-title {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 13px;
}

.basket-post-list-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
}

.basket-post-list-location-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px;
    text-align: center;
    width: 100%;
}

    .basket-post-list-location-btn:active,
    .basket-post-list-location-btn:focus,
    .basket-post-list-location-btn:focus-visible,
    .basket-post-list-location-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7;
        border-radius: 12px;
        color: #02bbd7;
    }

.basket-review-agree-container {
    background: #3e30a4;
    border-radius: 12px;
    color: #ffffff;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 16px;
}

.basket-review-agree-input {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    height: 20px !important;
    width: 20px !important;
}

    .basket-review-agree-input:active,
    .basket-review-agree-input:focus {
        border-radius: 0 !important;
        box-shadow: none !important;
        filter: none !important;
        outline: none !important;
    }

    .basket-review-agree-input:checked {
        background-color: #02bbd7 !important;
    }


.basket-pay-header {
    color: #252432;
    text-align: center;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.basket-pay-footer {
    color: #949495;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 24px;
}

.basket-pay-error-container {
    background: #ffe7e1;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    padding: 40px 16px;
}

.basket-pay-normal-text {
    color: #252432;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.basket-pay-inform-text {
    color: #252432;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
}

.basket-pay-btn-primary {
    background: #02bbd7;
    border-radius: 10px;
    box-shadow: none !important;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
    margin-top: 16px;
    min-height: 48px;
    outline: none !important;
    padding: 12px 16px;
    text-align: center;
}

    .basket-pay-btn-primary:active,
    .basket-pay-btn-primary:focus,
    .basket-pay-btn-primary:focus-visible,
    .basket-pay-btn-primary:hover {
        background: #02bbd7;
        border-radius: 10px;
        box-shadow: none !important;
        color: #ffffff;
        outline: none !important;
    }

.basket-pay-btn-secondary {
    background: transparent;
    border: 1px solid #02bbd7 !important;
    border-radius: 10px;
    box-shadow: none !important;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 16px;
    min-width: 216px;
    outline: none !important;
    padding: 12px 16px;
    text-align: center;
}

    .basket-pay-btn-secondary:active,
    .basket-pay-btn-secondary:focus,
    .basket-pay-btn-secondary:focus-visible,
    .basket-pay-btn-secondary:hover {
        background: transparent;
        border: 1px solid #02bbd7 !important;
        border-radius: 10px;
        box-shadow: none !important;
        color: #02bbd7;
        outline: none !important;
    }

.basket-result-container {
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    padding: 40px 16px;
    text-align: center;
}

    .basket-result-container.success {
        background: #e7f4e7;
    }

    .basket-result-container.failed {
        background: #ffe7e1;
    }
.basket-result-img-container {
    height: 130px;
}
.basket-result-img-container img{
    height: 100%;
    width: auto;
}
.basket-result-title {
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
}

    .basket-result-title.success {
        color: #81c885;
    }

    .basket-result-title.failed {
        color: #ff6f62;
    }

    .basket-result-title i {
        font-size: 24px;
    }

.basket-result-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;
}

    .basket-result-text.marg-lg {
        margin-top: 24px;
    }

.basket-result-btn {
    background: #02bbd7;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;
    min-width: 248px;
    padding: 12px;
    text-align: center;
}

    .basket-result-btn:active,
    .basket-result-btn:focus,
    .basket-result-btn:focus-visible,
    .basket-result-btn:hover {
        background: #02bbd7;
        border-radius: 10px;
        color: #ffffff;
    }

.paygate-list-item-text {
    font-size: 14px;
    text-align: end;
}


.account-layout-container {
    background: linear-gradient(90deg, #e0eefb 50%, #ffffff 50%);
    height: 100vh;
}

.account-layout-blue-title {
    color: #252432;
    text-align: center;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 24px;
    text-align: center;
}

.account-referral-layout-container {
    background: linear-gradient(90deg, #e7f4e7 50%, #ffffff 50%);
    height: 100vh;
}

.account-page-title {
    color: #252432;
    text-align: center;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 32px;
    text-align: center;
}

.account-page-container {
    border: 1px solid #e8e9f3;
    border-radius: 15px;
}

.account-page-inner-container {
    padding: 16px;
}

.account-page-label {
    color: #2f2e41;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: start;
    width: 100%;
}

.account-page-input {
    border: 1px solid #949495;
    border-radius: 10px;
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 11px 16px;
    text-align: start;
}

    .account-page-input:active,
    .account-page-input:focus {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: none;
    }

    .account-page-input::placeholder {
        color: #949495;
        font-family: Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .account-page-input.trans {
        background: transparent;
    }

.account-page-password-input-extra {
    left: 10px;
    position: absolute;
    top: 7px;
}

.account-page-input-sep {
    background: #252432;
    height: 24px;
    margin: 0 8px;
    width: 1px;
}

.account-page-yellow-link {
    color: #fe9b14;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.account-page-blue-link {
    color: #02bbd7;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.account-page-input-password-icon {
    color: #02bbd7;
    cursor: pointer;
    font-size: 24px;
}

.account-input-select-container .disabled {
    pointer-events: none;
}
    .account-input-select-container .disabled .account-input-select {
        border: 1px solid #e8e9f3;
        color: #e8e9f3;
    }

.account-input-select {
    background: #ffffff;
    border: 1px solid #949495;
    border-radius: 12px;
    color: #252432;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 16px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .account-input-select.show {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: 1px solid #02bbd7;
    }

    .account-input-select i {
        font-size: 24px;
    }

        .account-input-select i::before {
            color: #252432;
            content: "\ea50";
        }

    .account-input-select.show i::before {
        color: #252432;
        content: "\ea56";
    }

    .account-input-select .active {
        color: #252432;
    }

.account-input-select-menu {
    background: #ffffff;
    border: 1px solid #949495;
    border-radius: 10px;
    margin-top: 4px !important;
    max-height: 179px;
    padding: 0;
    overflow-y: scroll;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .account-input-select-menu::-webkit-scrollbar {
        width: 10px;
    }

    .account-input-select-menu::-webkit-scrollbar-track {
        background: #e8e9f3;
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 10px;
    }

    .account-input-select-menu::-webkit-scrollbar-thumb {
        background: #252432;
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 20px !important;
        height: 15px;
    }

.account-input-select-menu-search-container {
    padding: 8px 8px 0 8px;
}

.account-input-select-menu-search-input {
    background: #e8e9f3;
    border: none;
    border-radius: 10px;
    color: #252432;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 8px;
}

    .account-input-select-menu-search-input::placeholder {
        color: #949495;
    }
    .account-input-select-menu-search-input:active,
    .account-input-select-menu-search-input:focus,
    .account-input-select-menu-search-input:focus-visible {
        border: none !important;
        outline: none !important;
    }

.account-input-select-menu-item {
    color: #252432;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    min-height: 23px;
    padding: 8px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .account-input-select-menu-item:active {
        background: #ffffff;
        color: #252432;
    }
.account-page-primary-btn {
    background: #02bbd7;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 12px 16px;
    text-align: center;
    width: 100%;
}

    .account-page-primary-btn:active,
    .account-page-primary-btn:focus,
    .account-page-primary-btn:focus-visible,
    .account-page-primary-btn:hover {
        background: #02bbd7;
        border: none;
        border-radius: 10px;
        box-shadow: none;
        color: #ffffff;
        outline: none;
    }

.account-page-secondary-btn {
    background: #ffffff;
    border: 1px solid #02bbd7 !important;
    border-radius: 12px;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-width: 240px;
    outline: none;
    padding: 12px 16px;
    text-align: center;
}

    .account-page-secondary-btn:active,
    .account-page-secondary-btn:focus,
    .account-page-secondary-btn:focus-visible,
    .account-page-secondary-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7 !important;
        border-radius: 12px;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }

.account-page-re-captcha-btn {
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    outline: none;
    padding: 0;
}

    .account-page-re-captcha-btn:active,
    .account-page-re-captcha-btn:focus,
    .account-page-re-captcha-btn:hover {
        border: none;
        box-shadow: none;
        color: #252432;
        outline: none;
    }

.account-page-sep {
    border-top: 1px solid #e8e9f3;
}

.account-page-summery {
    color: #ff6f62;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    list-style: none;
    padding: 0;
    text-align: right;
}

    .account-page-summery .blue {
        color: #02bbd7;
    }

.account-page-error {
    color: #ff6f62;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-top: 8px;
    text-align: right;
}

.account-page-resend-text {
    color: #949495;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.account-page-resend-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #02bbd7;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 0;
    text-align: center;
}

    .account-page-resend-btn:active,
    .account-page-resend-btn:focus,
    .account-page-resend-btn:focus-visible,
    .account-page-resend-btn:hover {
        background: #ffffff;
        border: none;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }

.account-page-return-container {
    margin-top: 32px;
}

.account-page-return-link {
    color: #fe9b14;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.account-page-return-info-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    outline: none;
    padding: 0;
}
.account-page-return-info-btn i::before {
        content: "\ea50";
    }

.account-page-return-info-btn.show i::before {
        content: "\ea56";
    }

.account-page-return-info-menu {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 #e8e9f3;
    min-width: 235px;
    padding: 16px;
}

.account-page-return-info-menu-item,
.account-page-return-info-menu-item a {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
}

    .account-page-return-info-menu-item.margin {
        margin-bottom: 19px;
    }


.profile-menu-container {
    background: rgba(255, 255, 255, 0.00);
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    color: #252432;
    font-size: 14px;
    margin-bottom: 24px;
}

    .profile-menu-container i {
        font-size: 16px;
    }

.profile-menu-header {
    background: #3e30a4;
    border-radius: 15px 15px 0 0;
    padding: 16px 16px 8px;
}

.profile-menu-header-img {
    height: 60px;
    position: absolute;
    width: 60px;
    z-index: 1;
}

    .profile-menu-header-img img {
        border: 2px solid #3e30a4;
        border-radius: 50%;
        height: 100%;
        width: 100%;
    }

.profile-menu-header-btn-container {
    background: #02bbd7;
    border-radius: 50%;
    height: 24px;
    position: absolute;
    width: 24px;
    z-index: 2;
}
.profile-menu-header-btn {
    background: transparent;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #ffffff;
    font-size: 22px;
    height: 18px;
    line-height: 18px;
    outline: none;
    padding: 3px 4px;
    position: absolute;
    width: 18px;
    z-index: 3;
}

    .profile-menu-header-btn i {
        font-size: 16px;
    }

.profile-menu-header-name {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.profile-menu-header-mobile {
    color: #ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top: 2px;
}

.profile-menu-header-collapse-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ffffff;
    font-size: 24px;
    outline: none;
    padding: 0;
}

.profile-menu-body-container {
    padding: 8px 8px 16px;
}

    .profile-menu-body-container.collapse:not(.show) {
        display: block;
    }

.profile-menu-item {
    padding: 16px 8px;
}

    .profile-menu-item.active {
        background: #e0eefb;
        border-bottom: none;
        border-radius: 10px;
    }

.profile-menu-item-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #252432;
    outline: none;
    margin: 0;
    padding: 0;
    text-align: start;
    width: 100%;
}

    .profile-menu-item-btn:active,
    .profile-menu-item-btn:focus,
    .profile-menu-item-btn:hover {
        background: transparent;
        border: none;
        box-shadow: none;
        color: #252432;
        outline: none;
    }

.profile-menu-item-sep {
    border-bottom: 1px solid #e8e9f3;
    margin: 0 12px;
}

.profile-menu-credit-price {
    color: #3e30a4;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.profile-menu-exit-container {
    padding: 16px 12px 0 12px;
}

.profile-menu-exit-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;
}

    .profile-menu-exit-btn i {
        font-size: 16px;
    }

    .profile-menu-exit-btn:active,
    .profile-menu-exit-btn:focus,
    .profile-menu-exit-btn:hover {
        border: 1px solid #02bbd7;
        border-radius: 12px;
        color: #02bbd7;
    }

.profile-page-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
}

    .profile-page-title a {
        color: #252432;
    }

    .profile-page-title i {
        font-size: 24px;
    }

    .profile-page-title.disable a {
        color: #949495;
    }

.profile-page-blue-link {
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    outline: none;
}

    .profile-page-blue-link i {
        font-size: 16px;
    }

.profile-page-table-container {
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    margin-top: 8px;
    overflow: hidden;
}

    .profile-page-table-container.static {
        padding: 16px;
    }

    .profile-page-table-container.small {
        border: 1px solid #e8e9f3;
        border-radius: 12px 0 12px 12px;
        margin-top: 0;
    }

.profile-page-table-cell {
    border: 1px solid #e8e9f3;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 68px;
    overflow: hidden;
    padding: 8px 16px;
}

    .profile-page-table-cell .fb {
        font-size: 14px;
        min-height: 23px;
        margin-top: 2px;
    }

    .profile-page-table-cell i {
        font-size: 24px;
    }

        .profile-page-table-cell i.f16 {
            font-size: 16px;
        }

    .profile-page-table-cell a {
        color: #252432;
    }

    .profile-page-table-cell.green,
    .profile-page-table-cell .green {
        color: #81c885;
    }

    .profile-page-table-cell .red {
        color: #ff6f62;
    }

    .profile-page-table-cell .blue {
        color: #02bbd7;
    }

    .profile-page-table-cell .gray {
        color: #949495;
    }

    .profile-page-table-cell.no-tr-brd {
        border-top: none;
        border-right: none;
    }

    .profile-page-table-cell.min-w-100 {
        min-width: 100px;
    }

    .profile-page-table-cell.min-w-140 {
        min-width: 140px;
    }

    .profile-page-table-cell.min-w-160 {
        min-width: 160px;
    }

    .profile-page-table-cell.min-w-190 {
        min-width: 190px;
    }

    .profile-page-table-cell.min-w-200 {
        min-width: 200px;
    }

.profile-short-address-cell {
    display: -webkit-box;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.profile-short-label-cell {
    display: -webkit-box;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.profile-page-info-label {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 13px;
}

.profile-page-info-input-side-text {
    font-family: SansB;
    font-size: 14px;
    font-weight: 700;
}

.profile-page-info-input-check {
    background-color: #ffffff;
    border: 2px solid #252432;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    height: 22px !important;
    margin: 0 !important;
    outline: none !important;
    width: 22px !important;
}

    .profile-page-info-input-check:checked {
        background-color: #02bbd7;
        border: none !important;
        box-shadow: none !important;
        filter: none !important;
        outline: none !important;
    }

    .profile-page-info-input-check:active,
    .profile-page-info-input-check:focus {
        box-shadow: none !important;
        filter: none !important;
        outline: none !important;
    }

.profile-page-info-tooltip {
    display: inline-block;
    position: relative;
}

    .profile-page-info-tooltip .profile-page-info-tooltip-text {
        background-color: #e0eefb;
        border-radius: 12px;
        color: #252432;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        padding: 16px;
        position: absolute;
        text-align: start;
        visibility: hidden;
        width: 250px;
        z-index: 1;
    }

    .profile-page-info-tooltip:active .profile-page-info-tooltip-text,
    .profile-page-info-tooltip:focus .profile-page-info-tooltip-text,
    .profile-page-info-tooltip:hover .profile-page-info-tooltip-text {
        visibility: visible;
    }

.profile-page-info-change-mobile-container {
    background: #e0eefb;
    border-radius: 15px;
}

.profile-page-info-change-mobile-accent-col {
    background: #3e30a4;
    border-radius: 0 15px 15px 0;
    height: 100%;
    min-height: 100%;
    width: 32px;
}

.profile-page-info-change-mobile-icon {
    background: #e0eefb;
    border-radius: 50%;
    border: 3px solid #e0eefb;
    color: #3e30a4;
    font-size: 32px;
    margin-right: -16px;
}

.profile-page-info-change-mobile-text-container {
    background: #e0eefb;
    border-radius: 15px 0 0 15px;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 24px 0 8px 16px;
}

.profile-page-info-change-mobile-btn {
    background: #e0eefb;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 13px;
    text-align: center;
    width: 100%;
}

.profile-page-order-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 12px 21px;
    text-align: center;
}
.profile-page-order-btn.min-150 {
        min-width: 150px;
    }
    .profile-page-order-btn:disabled {
        background: #e8e9f3;
    }

.profile-page-order-alt-btn {
    background: #ffffff;
    border: 1px solid #02bbd7;
    border-radius: 12px;
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 12px 21px;
    text-align: center;
}
    .profile-page-order-alt-btn.min-150 {
        min-width: 150px;
    }

.profile-page-order-download-btn {
    background: #ffffff;
    border: 1px solid #02bbd7 !important;
    border-radius: 12px;
    box-shadow: none;
    color: #02bbd7;
    font-size: 14px;
    font-weight: 400;
    min-width: 150px;
    outline: none;
    padding: 12px 21px;
    text-align: center;
}
    .profile-page-order-download-btn:active,
    .profile-page-order-download-btn:focus,
    .profile-page-order-download-btn:focus-visible,
    .profile-page-order-download-btn:hover {
        background: #ffffff;
        border: 1px solid #02bbd7 !important;
        border-radius: 12px;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }

    .profile-page-order-detail-notify-text {
        color: #252432;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

.profile-page-order-detail-table-inner-container {
    overflow: hidden;
}

.profile-page-order-detail-table-inner {
    margin-left: -1px;
    margin-bottom: -1px;
}

.profile-product-list-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 12px;
}

    .profile-product-list-container.small {
        border: 1px solid #e8e9f3;
        border-radius: 12px 0 12px 12px;
    }

.profile-product-list-header {
    border-bottom: 1px solid #e8e9f3;
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 16px 16px 8px;
}

.profile-product-list-item-container {
    padding: 16px;
}

    .profile-product-list-item-container.small {
        padding: 16px;
    }

.profile-product-list-item-img {
    height: 120px;
    text-align: center;
}

    .profile-product-list-item-img img {
        height: 100%;
        width: auto;
    }

.profile-product-list-item-name {
    color: #252432;
    font-family: SansB;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.profile-product-list-item-publisher {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.profile-product-list-item-og-price {
    color: #252432;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: line-through;
}

.profile-product-list-item-sep {
    border-bottom: 1px solid #e8e9f3;
}

.profile-page-activity-tab-nav {
    border-bottom: none !important;
    border-color: #e8e9f3 !important;
    margin-bottom: -0.2px;
}

.profile-page-activity-tab-header-container {
    padding-left: 24px;
    min-width: 199px;
}

.profile-page-activity-tab-header {
    background-color: #fe9b14;
    color: #ffffff;
    border-color: #e8e9f3 #e8e9f3 #ffffff !important;
    border-radius: 15px 15px 0 0 !important;
    font-family: SansB;
    font-size: 16px;
    height: 50px !important;
    min-width: 150px;
    width: 100% !important;
}

    .profile-page-activity-tab-header:focus,
    .profile-page-activity-tab-header:hover {
        color: #ffffff;
    }

    .profile-page-activity-tab-header.active {
        border-width: 1px;
        border-color: #e8e9f3 #e8e9f3 #ffffff !important;
    }

    .profile-page-activity-tab-header i {
        font-size: 24px;
    }

.profile-page-activity-tab-title {
    background: transparent;
    border: none !important;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 15px 15px 12px 15px;
    text-align: center;
    width: 100%;
}
.profile-page-activity-label {
    color: #252432;
    font-size: 14px;
}
.profile-page-activity-basket-text {
    color: #252432;
    font-size: 14px;
    line-height: 28px;
}
.profile-page-activity-basket-link {
    color: #fe9b14;
    font-size: 14px;
}
.profile-page-activity-delete-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #ff6f62;
    text-align: center;
    font-size: 14px;
    outline: none;
    padding: 0;
}
    .profile-page-activity-delete-btn i {
        font-size: 16px;
    }
.profile-page-referral-inner-container {
    padding: 16px;
}

.profile-page-referral-title {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.profile-page-referral-primary-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    outline: none;
    padding: 13px 40px;
    text-align: center;
}

.profile-page-referral-sep {
    border-bottom: 1px solid #e8e9f3;
    margin-top: 16px;
}

.profile-page-referral-copy-btn {
    background: #ffffff;
    border: none;
    box-shadow: none;
    color: #252432;
    font-size: 24px;
    line-height: 0;
    padding: 0;
    outline: none;
}
.profile-page-list-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px;
    margin-top: 8px;
}
.profile-page-list-item-container {
    border-radius: 15px;
    color: #252432;
    font-size: 14px;
    padding: 16px;
}
    .profile-page-list-item-container a {
        color: #252432;
    }
    .profile-page-list-item-container i {
        font-size: 16px;
    }
    .profile-page-list-item-sep {
        border-top: 1px solid #e8e9f3;
    }
.profile-page-credit-mod-container {
    padding: 24px 16px;
}
.profile-page-credit-mod-label {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.profile-page-credit-mod-text {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.profile-page-credit-mod-sep {
    border-top: 1px dotted #e8e9f3;
    margin: 16px 0;
}

.profile-page-credit-mod-box-label {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.profile-page-credit-mod-box-text {
    color: #81c885;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 11px;
    margin-top: 10px;
}

.profile-page-credit-mod-box-btn {
    background: #e7f4e7;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: #81c885;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    text-align: center;
    padding: 11px 23px;
}

    .profile-page-credit-mod-box-btn:active,
    .profile-page-credit-mod-box-btn:focus,
    .profile-page-credit-mod-box-btn:hover {
        background: #e7f4e7;
        color: #81c885;
    }

.profile-credit-raise-title {
    color: #252432;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.profile-credit-raise-input {
    background: #ffffff;
    border: 1px solid #949495;
    border-radius: 10px;
    min-height: 48px;
    padding: 4px 8px;
    width: 100%
}
    .profile-credit-raise-input:active,
    .profile-credit-raise-input:focus {
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        outline: none;
    }

.profile-credit-raise-green {
    color: #81c885;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.profile-credit-raise-suggest-btn {
    background: #ffffff;
    border: 1px solid #949495;
    border-radius: 12px;
    color: #949495;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 6px;
    text-align: center;
}

    .profile-credit-raise-suggest-btn:active,
    .profile-credit-raise-suggest-btn:focus,
    .profile-credit-raise-suggest-btn:hover {
        background: #ffffff;
        border: 1px solid #949495;
        color: #949495;
    }
.profile-address-page-title {
    color: #000000;
    font-family: SansB;
    font-size: 20px;
    font-weight: 700;
}
.profile-address-page-empty-img {
    height: 180px;
}
.profile-address-page-empty-img img {
        height: 100%;
        width: auto;
    }
.profile-change-password-page-empty-img {
    height: 150px;
}
    .profile-change-password-page-empty-img img {
        height: 100%;
        width: auto;
    }

.review-bank-pay-link-enable {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    pointer-events: auto;
    background-color: #02bbd7;
    border: none;
}

.whole-sale-header-container {
    background: #ffffff;
    border-bottom: 1px solid #e8e9f3;
    box-shadow: 0 4px 4px 0 rgba(232, 233, 243, 0.20);
    padding: 16px 12px;
}

.whole-sale-header-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

.whole-sale-header-menu-icon {
    color: #252432;
    font-size: 24px;
}

.whole-sale-header-menu-text {
    color: #252432;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 4px;
    text-align: center;
}

.whole-sale-main-container {
    background: #f8f8f8;
}

.whole-sale-body-container {
    background: #f8f8f8;
    padding-top: 48px;
}

.whole-sale-single-tab-header {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #e8e9f3;
    border-right: 1px solid #e8e9f3;
    border-top: 1px solid #e8e9f3;
    border-radius: 15px 15px 0 0;
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px 22px 9px 22px;
    text-align: center;
}

.whole-sale-single-tab-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px 0 15px 15px;
    margin-top: -1px;
    padding: 24px 16px;
}

.whole-sale-search-label {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.whole-sale-search-input {
    background: #e8e9f3;
    border: none;
    border-radius: 0 12px 12px 0;
    color: #252432;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: 56px;
    line-height: normal;
    outline:none;
    padding: 18px;
}
    .whole-sale-search-input:active,
    .whole-sale-search-input:focus {
        background: #e8e9f3;
        border: 1px solid #02bbd7;
        box-shadow: 0 0 4px 0 rgba(2, 187, 215, 0.50);
        box-shadow: none;
        outline: none;
    }
    .whole-sale-search-input::placeholder {
        color: #949495;
    }

    .whole-sale-search-btn {
        background: #fe9b14;
        border: none;
        border-radius: 12px 0 0 12px;
        box-shadow: none;
        color: #ffffff;
        font-size: 24px;
        height: 56px;
        line-height: 25px;
        min-width: 80px;
        outline: none;
        padding: 16px 0;
    }
.whole-sale-search-result-header {
    border-bottom: 1px solid #E8E9F3;
    color: #949495;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;    
}
.whole-sale-search-result-row {
    border-bottom: 1px solid #E8E9F3;
    color: #252432;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    line-height: normal;
    padding: 8px 12px;
}
    .whole-sale-search-result-row:focus-visible {
        outline: none;
    }
    .whole-sale-red-row {
        background: #ffe7e1;
        color: #ff6f62;        
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.whole-sale-yellow-row {
    background: #ffe5bd;
    color: #fe9b14;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.whole-sale-quantity-box {
    border: 1px solid #e8e9f3;
    border-radius: 20px;
}

.whole-sale-quantity-box-row-container {
    border-bottom: 1px solid #e8e9f3;
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 16px;
}

.whole-sale-quantity-box-btn-container {
    padding: 16px;
}

.whole-sale-quantity-box-btn {
    background: #02bbd7;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding: 12px;
    width: 100%;
}

    .whole-sale-quantity-box-btn:disabled {
        background: #d9d9d9;
    }

.whole-sale-list-header-container {
    color: #252432;
    font-family: SansB;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 16px;
}

.whole-sale-list-btn-edit {
    background: transparent;
    border: 1px solid #02bbd7 !important;
    border-radius: 5px;
    box-shadow: none;
    color: #02bbd7;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    padding: 8px 22px;
}
    .whole-sale-list-btn-edit:active,
    .whole-sale-list-btn-edit:focus,
    .whole-sale-list-btn-edit:focus-visible,
    .whole-sale-list-btn-edit:hover {
        background: transparent;
        border: 1px solid #02bbd7 !important;
        border-radius: 5px;
        box-shadow: none;
        color: #02bbd7;
        outline: none;
    }

    .whole-sale-list-btn-delete {
        background: #ffffff;
        border: 1px solid #ff6f62;
        border-radius: 5px;
        box-shadow: none;
        color: #ff6f62;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        outline: none;
        padding: 8px 27px;
    }

.whole-sale-invoice-title {
    color: #252432;
    font-family: SansB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

.whole-sale-invoice-return-link {
    color: #02bbd7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.whole-sale-invoice-tab-nav {
    border: none !important;
    margin-bottom: -0.2px;
}

.whole-sale-invoice-tab-header {
    background-color: #fe9b14;
    color: #ffffff;
    border-color: #fe9b14 #fe9b14 #ffffff !important;
    border-radius: 15px 15px 0 0 !important;
    font-family: SansB;
    font-size: 16px;
    height: 46px !important;
    min-width: 203px;
    width: 100% !important;
}

    .whole-sale-invoice-tab-header.active {
        border-width: 1px;
        border-color: #e8e9f3 #e8e9f3 #ffffff !important;
    }

    .whole-sale-invoice-tab-header:focus,
    .whole-sale-invoice-tab-header:hover {
        color: #ffffff;
    }

    .whole-sale-invoice-tab-header i {
        font-size: 24px;
    }

.whole-sale-invoice-tab-container {
    background: #ffffff;
    border: 1px solid #e8e9f3;
    border-radius: 15px 0 15px 15px;
    min-height: 500px;
    padding: 16px;
}


@media (max-width: 1199px) {
    .main-search-container {
        border-top: 1px solid #e8e9f3;
        margin: 16px 0 0 0;
        padding: 16px 0 0 0;
    }

    .main-search-input {
        min-width: auto;
        width: 100%;
    }

    .main-category-tag-item {
        font-size: 14px;
        margin-bottom: 16px;
        padding: 16px;
    }
    .product-list-item-img img {
        max-width: 301px;
    }
    .footer-site-option-container {
        font-size: 14px;
        line-height: 24px;
    }

        .footer-site-option-container i {
            font-size: 32px;
        }

    .product-search-sort-dropdown-btn {
        font-family: Sans;
        font-weight: 400;
    }
    .product-search-sort-dropdown-btn i {
        font-size: 20px;
    }
    .product-search-base-filter-box {
        padding: 3px 0;
    }

    .basket-state-sep {
        min-width: 40px;
    }

    .profile-menu-container {
        margin-bottom: 48px;
    }
    .profile-menu-header {
        border-radius: 0 0 15px 15px;
    }
    .profile-menu-header:has(.profile-menu-header-collapse-btn:not(.collapsed)) {
        border-radius: 0;
    }
    .profile-menu-body-container.collapse:not(.show) {
        display: none;
    }
}

@media (max-width: 991px) {

    .main-category-tag-item {
        font-size: 12px;
    }
    
    .footer-bg {
        background-image: url(/img/footer_left_medium_bg.png), url(/img/footer_right_bg.png);
    }

    .footer-about-container {
        margin-bottom: 50px;
    }

    .product-img-container {
        height: 306px;
    }
    .product-list-item-img img {
        max-width: 255px;
    }

    .account-layout-container {
        background: #ffffff;
        height: auto;
        margin-top: 32px;
    }

    .account-referral-layout-container {
        background: #ffffff;
        height: auto;
        margin-top: 32px;
    }

    
    .profile-page-table-container {
        border: none;
    }
    .profile-page-table-item-container {
        border: 1px solid #e8e9f3;
        border-radius: 15px;
        margin-bottom: 16px;
        overflow: hidden;
    }
    .profile-page-table-item-container.tab {
        margin: 16px;
    }
    .profile-page-table-cell {
        height: auto;
        overflow: auto;
    }
    .profile-page-table-container.static {
        padding: 0;
    }
    .profile-page-referral-inner-container {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .main-category-tag-item {
        font-size: 14px;
        padding: 8px;
    }

    .main-category-tag-item-img {
        height: 70px;
    }

    .product-show-case-list-title {
        font-size: 24px;
        line-height: 48px;
    }

    .product-list-bullet-container {
        margin-top: 0;
    }

    .product-list-special-color .product-list-bullet-container {
        margin-top: 24px;
    }

    .product-daily-sale-header {
        font-size: 16px;
        padding: 8px 16px;
    }
    .product-daily-sale-header-discount {
        font-size: 12px;
        min-width: 30px;
        padding: 8px 6px 6px;
    }
    .product-daily-sale-body {
        padding: 16px;
    }
    .product-daily-sale-body-main-img {
        height: 130px;
    }
    .product-daily-sale-body-main-img img {
        max-width: 100%;
    }
    .product-daily-sale-body-title {
        font-size: 16px;
    }
    .product-daily-sale-body-label {
        font-size: 12px;
        min-width: 40px;
    }
    .product-daily-sale-body-text {
        font-size: 13px;
    }
    .product-daily-sale-body-price-container {
        padding: 8px;
    }
    .product-daily-sale-body-price-title {
        font-size: 14px;
    }
    .product-daily-sale-body-price-new {
        font-size: 20px;
    }
    .product-daily-sale-body-price-old {
        font-size: 16px;
    }

    .footer-bg {
        background-image: url(/img/footer_left_small_bg.png), url(/img/footer_right_bg.png);
    }

    .footer-return-top-btn {
        border: 2px solid #fe9b14;
        border-radius: 50%;
        font-size: 24px;
        height: 32px;
        line-height: 26px;
        padding: 0;
        width: 32px;
    }

        .footer-return-top-btn:active,
        .footer-return-top-btn:focus,
        .footer-return-top-btn:hover {
            border: 2px solid #fe9b14;
            border-radius: 50%;
        }

    .footer-site-option-border-l {
        border-left: none;
    }

    .footer-second-row a {
        font-size: 14px;
    }

    .footer-second-row .btn-link {
        font-size: 14px;
    }
    .footer-third-row {
        font-size: 12px;
    }
    .product-img-container {
        height: 269px;
    }
        .product-img-container img {
            max-width: 270px;
        }

    .product-tab-header {
        min-width: 100px;
    }

    .basket-state-sep {
        min-width: 18px;
    }

    .basket-state-container {
        font-size: 14px;
    }
        .basket-state-container i {
            font-size: 16px;
            padding-bottom: 8px;
        }
    .basket-product-list-item-img {
        height: auto;
    }

    .basket-product-list-item-img img {
        height: auto;
        width: 100%;
    }

    .advance-search-input-container {
        padding-left: 24px;
    }

    .profile-page-activity-tab-header {
        min-width: 100px;
    }
    .profile-page-credit-mod-container {
        padding: 0;
    }
    .profile-page-credit-mod-text {
        font-size: 14px;
    }
    .profile-page-referral-title {
        font-size: 14px;
    }
    .profile-page-credit-mod-label {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .main-category-tag-item {
        font-size: 12px;
        padding: 8px;
    }

    .main-category-tag-item-img {
        height: 40px;
    }

    .product-show-case-list-title {
        font-size: 20px;
        line-height: 40px;
    }
    .product-show-case-list-row {
        padding-bottom: 125px;
    }


    .banner-list-slider-arrow {
        width: auto;
    }

    .product-list-tab-header {
        min-width: 150px;
    }

    .product-list-tab-title {
        font-size: 16px;
    }

    .product-list-tab-header-link {
        font-size: 14px;
    }
    .product-list-item-like-btn-container.mobile{
        left: 0;
        right: auto;
    }
    .product-list-item-like-btn-container.mobile .product-list-item-like-btn{
        margin: 0;
    }
    .product-list-item-img {
        height: 150px;
    }
    .product-list-item-img.mobile {
        height: 100%;
    }
        .product-list-item-img.mobile img {
            height: auto;
            width: 100%;
        }
    .product-list-item-name {
        font-size: 14px;
        height: 48px;
        line-height: 24px;
    }
    .product-list-item-name.mobile {
        height: auto;
        margin-top: 0;
        padding-left: 40px;
        text-align: start;
    }
    .product-list-item-price-final {
        font-size: 14px;
    }
    .product-list-item-price {
        font-size: 10px;
    }
    .publisher-list-item-img {
        height: 133px;
    }
    .product-list-item-comparison-btn-container {
        top: 0;
    }
    .product-list-item-comparison-btn-container button{
        margin: 8px 0 !important;
    }
    .product-article-list-item-title {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
    }
    .product-article-list-item-sub-title {
        font-size: 12px;
    }
    .product-article-list-item-short {
        font-size: 14px;
    }
    .product-article-list-item-link {
        font-size: 14px;
    }
    .banner-animate-title {
        font-size: 16px;
    }
    .footer-site-option-container {
        font-size: 14px;
    }
    .footer-about-title {
        font-size: 14px;
    }

    .footer-about-text {
        font-size: 14px;
    }
    .footer-second-row a {
        font-size: 14px;
    }

    .footer-second-row .btn-link {
        font-size: 14px;
    }

    .product-tab-header {
        font-size: 14px;
        min-width: 50px;
        padding: 8px 16px 8px 16px;
    }
    .product-breadcrumb {
        font-size: 12px;
        height: 20px;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .product-breadcrumb::-webkit-scrollbar {
            display: none;
        }
    .product-title {
        font-size: 16px;
    }
    .product-other-img-list-thumb-container {
        height: 150px;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .product-other-img-list-thumb-container::-webkit-scrollbar {
            display: none;
        }
    .product-search-empty-header {
        font-size: 14px;
    }
    .product-search-empty-title {
        font-size: 14px;
    }
    .product-search-empty-text {
        font-size: 14px;
    }

    .product-search-header {
        font-size: 16px;
    }

    .product-search-top-description-title {
        font-size: 16px;
    }
    .product-search-top-description-text {
        font-size: 14px;
    }

    .advance-search-label {
        font-size: 14px;
    }
    .advance-search-inside-label {
        font-size: 14px;
    }
    .advance-search-radio-label {
        font-size: 14px;
    }
    .advance-search-input-container {
        margin-top: 8px;
        padding: 0 24px;
    }
    .advance-search-more-filter {
        font-size: 14px;
    }

    .info-title {
        font-size: 16px;
    }
    .info-container {
        font-size: 14px;
    }
    .info-contact-form-label {
        font-size: 14px;
    }
    .info-contact-form-input {
        font-size: 14px;
    }
    .info-qa-title,
    .info-qa-q,
    .info-qa-a {
        font-size: 14px;
    }
    .info-privacy-title {
        font-size: 14px;
    }

    .product-search-category-s-title {
        font-size: 16px;
    }

    .account-page-title {
        font-size: 16px;
    }
    .account-page-label {
        font-size: 14px;
    }
    .account-page-input {
        font-size: 14px;
    }
    .account-page-yellow-link {
        font-size: 14px;
    }
    .account-page-password-input-extra {
        top: 3px;
    }
    .account-page-return-info-btn {
        font-size: 14px;
    }
    .account-page-return-link {
        font-size: 14px;
    }
    .account-page-secondary-btn {
        width: 100%;
    }
    .account-page-summery {
        font-size: 14px;
    }
    .account-page-resend-text {
        font-size: 14px;
    }
    .account-page-resend-btn {
        font-size: 14px;
    }

    .basket-empty-inner-title {
        font-size: 14px;
    }
    .basket-empty-inner-text {
        font-size: 14px;
    }
    .basket-state-sep {
        min-width: 12px;
    }
    .basket-state-container {
        font-size: 12px;
    }
    .basket-banner-btn {
        font-size: 14px;
        padding: 8px 16px;
    }
    .basket-product-list-item-container {
        padding: 16px;
    }
    .basket-plus-btn,
    .basket-minus-btn {
        height: 38px;
        line-height: 28px;
        padding: 5px 4px;
    }
    .basket-quantity-input {
        font-size: 14px;
        height: 38px;
        width: 38px;
    }
    .basket-address-edit-no-address-title {
        font-size: 16px;
    }
    .basket-pay-normal-text {
        font-size: 14px;
    }
    .basket-pay-inform-text {
        font-size: 14px;
    }
    
    .profile-short-address-cell {
        display: -webkit-box;
        height: auto;
        line-height: normal;
        overflow: hidden;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    .profile-page-title {
        font-size: 16px;
    }
    .profile-page-activity-tab-header-container {
        padding-left: 8px;
        min-width: 19px;
    }
    .profile-page-activity-tab-header {
        font-size: 14px;
        min-width: 50px;
        padding: 6px 16px 8px 16px;
    }
    .profile-page-info-label {
        font-size: 14px;
    }
    .profile-address-page-title {
        font-size: 16px;
    }

    .whole-sale-invoice-tab-header {
        font-size: 14px;
        min-width: 125px;
    }
}