@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");

@font-face {
    font-family: "Arial Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Regular"),
        url("/site/fonts/arial-webfont/ARIAL.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow"),
        url("/site/fonts/arial-webfont/ARIALN.woff") format("woff");
}
@font-face {
    font-family: "Arial Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Italic"),
        url("/site/fonts/arial-webfont/ARIALI 1.woff") format("woff");
}
@font-face {
    font-family: "Arial Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Italic"),
        url("/site/fonts/arial-webfont/ARIALI.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow Italic"),
        url("/site/fonts/arial-webfont/ARIALNI.woff") format("woff");
}
@font-face {
    font-family: "Arial Medium";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Medium"),
        url("/site/fonts/arial-webfont/ArialMdm.woff") format("woff");
}
@font-face {
    font-family: "Arial Medium Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Medium Italic"),
        url("/site/fonts/arial-webfont/ArialMdmItl.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold"),
        url("/site/fonts/arial-webfont/ARIALBD 1.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold"),
        url("/site/fonts/arial-webfont/ARIALBD.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow Bold"),
        url("/site/fonts/arial-webfont/ARIALNB.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold Italic"),
        url("/site/fonts/arial-webfont/ARIALBI 1.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold Italic"),
        url("/site/fonts/arial-webfont/ARIALBI.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow Bold Italic"),
        url("/site/fonts/arial-webfont/ARIALNBI.woff") format("woff");
}
@font-face {
    font-family: "Arial Black";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Black"),
        url("/site/fonts/arial-webfont/ARIBLK.woff") format("woff");
}
@font-face {
    font-family: "Arial Black Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Black Italic"),
        url("/site/fonts/arial-webfont/ARIALBLACKITALIC.woff") format("woff");
}
@font-face {
    font-family: "Arial Light Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Light Regular"),
        url("/site/fonts/arial-webfont/ARIALLGT.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Regular"),
        url("/site/fonts/arial-webfont/ArialCE.woff") format("woff");
}
@font-face {
    font-family: "Arial CE MT Black Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE MT Black Regular"),
        url("/site/fonts/arial-webfont/ArialCEMTBlack.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Bold"),
        url("/site/fonts/arial-webfont/arialceb.woff") format("woff");
}
@font-face {
    font-family: "Arial Light Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Light Italic"),
        url("/site/fonts/arial-webfont/ARIALLGTITL.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Italic"),
        url("/site/fonts/arial-webfont/ArialCEItalic.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Bold Italic"),
        url("/site/fonts/arial-webfont/ArialCEBoldItalic.woff") format("woff");
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    outline: 0;
    list-style: none;
    color: #455065;
}
/* Mobile / iOS compatibility tweaks */
html,
body {
    /* prevent iOS Safari from auto-resizing text (changes layout) */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

/* Make media responsive to avoid overflow/overlap on small viewports */
::-moz-selection {
    background: #455065;
    color: #fff;
}
::selection {
    background: #455065;
    color: #fff;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: Arial;
    font-style: normal;
}
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-track {
    background: 0 0;
}
html::-webkit-scrollbar-thumb {
    background: #455065;
}
a {
    text-decoration: none;
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1230px;
    }
}
.mobile_menu_section_title {
    position: relative;
    user-select: none;
}
.mobile_menu_arrow {
    font-size: 1.2rem;
    margin-left: 8px;
    transition: transform 0.2s;
    color: #222;
}
.mobile_menu_category_list {
    transition: max-height 0.3s, opacity 0.3s;
    overflow: hidden;
}
/* Mobile Offcanvas Menu Styles */
.mobile_menu_canvas {
    max-width: 320px;
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
}
.mobile_menu_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 18px 0 18px;
    border-bottom: 1px solid #f0f0f0;
}
.mobile_menu_logo {
    height: 32px;
    width: auto;
}
.mobile_menu_body {
    padding: 0 18px 18px 18px;
}
.mobile_menu_section_title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
}
.mobile_menu_category_list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
}
.mobile_menu_category_list li {
    margin-bottom: 4px;
}
.mobile_menu_category_list a {
    display: block;
    padding: 7px 12px;
    border-radius: 6px;
    color: #222;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.mobile_menu_category_list a.active,
.mobile_menu_category_list a:hover {
    background: #f7f7f7;
    color: #ffb800;
}
.mobile_menu_nav {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
}
.mobile_menu_nav li {
    margin-bottom: 2px;
}
.mobile_menu_nav a {
    display: block;
    padding: 7px 0;
    color: #222;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}
.mobile_menu_nav a.active,
.mobile_menu_nav a:hover {
    color: #ffb800;
}
.mobile_menu_quick_links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile_menu_quick_links li {
    margin-bottom: 12px;
}
.mobile_menu_quick_links a {
    display: flex;
    align-items: center;
    color: #222;
    font-weight: 500;
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.2s;
}
.mobile_menu_quick_links a img {
    margin-right: 8px;
    height: 20px;
    width: 20px;
}
.mobile_menu_quick_links a:hover {
    color: #ffb800;
}
@media (max-width: 768px) {
    .mobile_menu_canvas {
        max-width: 100vw;
    }
}
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");

@font-face {
    font-family: "Arial Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Regular"),
        url("/site/fonts/arial-webfont/ARIAL.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow"),
        url("/site/fonts/arial-webfont/ARIALN.woff") format("woff");
}
@font-face {
    font-family: "Arial Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Italic"),
        url("/site/fonts/arial-webfont/ARIALI 1.woff") format("woff");
}
@font-face {
    font-family: "Arial Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Italic"),
        url("/site/fonts/arial-webfont/ARIALI.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow Italic"),
        url("/site/fonts/arial-webfont/ARIALNI.woff") format("woff");
}
@font-face {
    font-family: "Arial Medium";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Medium"),
        url("/site/fonts/arial-webfont/ArialMdm.woff") format("woff");
}
@font-face {
    font-family: "Arial Medium Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Medium Italic"),
        url("/site/fonts/arial-webfont/ArialMdmItl.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold"),
        url("/site/fonts/arial-webfont/ARIALBD 1.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold"),
        url("/site/fonts/arial-webfont/ARIALBD.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow Bold"),
        url("/site/fonts/arial-webfont/ARIALNB.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold Italic"),
        url("/site/fonts/arial-webfont/ARIALBI 1.woff") format("woff");
}
@font-face {
    font-family: "Arial Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Bold Italic"),
        url("/site/fonts/arial-webfont/ARIALBI.woff") format("woff");
}
@font-face {
    font-family: "Arial Narrow Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Narrow Bold Italic"),
        url("/site/fonts/arial-webfont/ARIALNBI.woff") format("woff");
}
@font-face {
    font-family: "Arial Black";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Black"),
        url("/site/fonts/arial-webfont/ARIBLK.woff") format("woff");
}
@font-face {
    font-family: "Arial Black Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Black Italic"),
        url("/site/fonts/arial-webfont/ARIALBLACKITALIC.woff") format("woff");
}
@font-face {
    font-family: "Arial Light Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Light Regular"),
        url("/site/fonts/arial-webfont/ARIALLGT.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Regular"),
        url("/site/fonts/arial-webfont/ArialCE.woff") format("woff");
}
@font-face {
    font-family: "Arial CE MT Black Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE MT Black Regular"),
        url("/site/fonts/arial-webfont/ArialCEMTBlack.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Bold"),
        url("/site/fonts/arial-webfont/arialceb.woff") format("woff");
}
@font-face {
    font-family: "Arial Light Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial Light Italic"),
        url("/site/fonts/arial-webfont/ARIALLGTITL.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Italic"),
        url("/site/fonts/arial-webfont/ArialCEItalic.woff") format("woff");
}
@font-face {
    font-family: "Arial CE Bold Italic";
    font-style: normal;
    font-weight: 400;
    src: local("Arial CE Bold Italic"),
        url("/site/fonts/arial-webfont/ArialCEBoldItalic.woff") format("woff");
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    color: #455065;
}
::-moz-selection {
    background: #455065;
    color: #fff;
}
::selection {
    background: #455065;
    color: #fff;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: Arial;
    font-style: normal;
}
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-track {
    background: 0 0;
}
html::-webkit-scrollbar-thumb {
    background: #455065;
}
a {
    text-decoration: none;
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1230px;
    }
}
.wishlist_icon {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wishlist_icon.active svg path {
    fill: #ffb400;
}

.product_item .product_image {
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 1;
    height: 16rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.product_item .product_image::before {
    content: "";
    width: 100%;
    height: 12.33031rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.product_item .product_image .image {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.product_item:hover .product_image::before {
    height: 100%;
}
.product_item .content .price_label {
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product_item .content .price_label .label {
    color: #262d3d;
    text-align: center;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 151.496%;
}
.product_item .content .price_label .price {
    color: #262d3d;
    text-align: center;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 146.086%;
}
.product_item .content .add_to_cart_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.8rem;
}
.product_item .content .add_to_cart_wrapper .add_to_cart {
    width: 100%;
    border: none;
    padding: 0.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    background: #ffb400;
    -webkit-box-shadow: 0 8px 17.2px 0 rgba(255, 180, 0, 0.24);
    box-shadow: 0 8px 17.2px 0 rgba(255, 180, 0, 0.24);
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 135.793%;
}
.product_item .content .add_to_cart_wrapper .add_to_cart:hover {
    background: #eba500;
}
.product_item:nth-child(3n + 1) .product_image::before {
    border-radius: 0.8125rem;
    background: radial-gradient(
        158.41% 126.58% at 9.59% 29.64%,
        #a0dffa 0,
        #bfecff 100%
    );
}
.product_item:nth-child(3n + 2) .product_image::before {
    border-radius: 0.75rem;
    background: radial-gradient(
        78.91% 73.97% at 23.92% 30.78%,
        #e3cdff 0,
        #d5b8fc 100%
    );
}
.product_item:nth-child(3n + 3) .product_image::before {
    border-radius: 0.75rem;
    background: radial-gradient(
        78.3% 72.94% at 22.97% 32.25%,
        #ffd9d9 0,
        #feb8b8 100%
    );
}
.product_item:nth-child(3n + 4) .product_image::before {
    border-radius: 0.75rem;
    background: radial-gradient(
        72.94% 67.28% at 23.24% 38.27%,
        #ffe4d6 0,
        #ffd5bf 100%
    );
}
.product_item:nth-child(3n + 5) .product_image::before {
    border-radius: 0.75rem;
    background: radial-gradient(
        72.23% 69.01% at 29.73% 34.04%,
        #d1ffe9 0,
        #a2f3cd 100%
    );
}
.product_item:nth-child(3n + 6) .product_image::before {
    border-radius: 0.875rem;
    background: radial-gradient(
        72.97% 70.27% at 31.35% 32.25%,
        #f9d6f4 0,
        #f4b6ec 100%
    );
}
.star_rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25rem;
}
.star_rating .star {
    font-size: 1.5rem;
    color: #fff;
    cursor: pointer;
}
.star_rating .star.active {
    color: #ffc107;
}
.top_advertise_banner {
    background: #191c1f;
    padding: 1rem;
}
.top_advertise_banner .inner_container {
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.top_advertise_banner .inner_container .title_tag_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}
.top_advertise_banner .inner_container .title_tag_container .highlighted {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: rotate(-3.937deg);
    transform: rotate(-3.937deg);
    padding: 6px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background: #ffb400;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.top_advertise_banner .inner_container .title_tag_container .title {
    color: #fff;
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}
.top_advertise_banner .inner_container .up_to_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}
.top_advertise_banner .inner_container .up_to_text .title {
    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.top_advertise_banner .inner_container .up_to_text .percentage {
    color: #ebc80c;
    font-family: Arial;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.top_advertise_banner .inner_container .up_to_text .off_text {
    color: #fff;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.top_advertise_banner .inner_container .shop_now_btn {
    padding: 0.69rem 1.8rem;
    border-radius: 0.125rem;
    background: #ffb400;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25rem;
}
.top_advertise_banner .inner_container .shop_now_btn span {
    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.0105rem;
    text-transform: uppercase;
    display: contents;
}
.top_advertise_banner .inner_container .shop_now_btn:hover {
    background: #e19e00;
}
.top_advertise_banner .inner_container .close_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 12.875rem;
    background: #303639;
    height: 2rem;
    width: 2rem;
}
@media screen and (max-width: 768px) {
    .top_advertise_banner .inner_container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    .top_advertise_banner .inner_container .title_tag_container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        gap: 0.5rem;
    }
    .top_advertise_banner .inner_container .title_tag_container .highlighted {
        font-size: 16px;
    }
    .top_advertise_banner .inner_container .title_tag_container .title {
        font-size: 18px;
    }
    .top_advertise_banner .inner_container .up_to_text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .top_advertise_banner .inner_container .up_to_text .percentage {
        font-size: 2rem;
    }
    .top_advertise_banner .inner_container .up_to_text .off_text {
        font-size: 1rem;
    }
    .top_advertise_banner .inner_container .close_btn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .top_advertise_banner .inner_container .shop_now_btn {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.desktop_top_navbar_main {
    padding: 1.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.desktop_top_navbar_main .inner_container {
    max-width: 75.625rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.desktop_top_navbar_main .inner_container .categories_container {
    position: relative;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 1rem;
    gap: 0.5rem;
    border-radius: 0.375rem;
    background: #ffb400;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_btn
    span {
    color: #f6f8f9;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 171.429%;
    letter-spacing: -0.00525rem;
    display: contents;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_btn:hover {
    background: #eda600;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper::before {
    content: "";
    height: 1.32rem;
    width: 100%;
    display: block;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown {
    border-radius: 0.1875rem;
    border: 1px solid #e4e7e9;
    background: #fff;
    -webkit-box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);
    padding: 1.25rem;
    display: grid;
    grid-template-columns: 10.25rem 22.3rem 20.8rem;
    gap: 1.25rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .nav-pills
    .nav-link {
    width: 100%;
    text-align: left;
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.categories_container .nav-pills .nav-link .fa,
.categories_container .nav-pills .nav-link .fas {
    color: #5f6c72;
    font-size: 1rem;
}

.categories_container .nav-pills .nav-link.active .fa,
.categories_container .nav-pills .nav-link.active .fas {
    color: #ffffff;
}

.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .nav-pills {
    flex-direction: column;
    gap: 0.5rem;
}

.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .nav-pills
    .nav-link {
    display: flex;
    align-items: center;
}

.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .nav-pills
    .nav-link
    .fas {
    color: #000;
    font-size: 1rem;
    height: 0.75rem;
    width: 0.75rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .nav-pills
    .nav-link.active {
    border-radius: 0.1875rem;
    background: #f2f4f5;
    color: #000;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .feature_title {
    color: #282828;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list
    .featured_list_item {
    padding: 0.75rem;
    border-radius: 0.1875rem;
    border: 1px solid #e4e7e9;
    background: #fff;
    display: grid;
    grid-template-columns: 4.6365rem 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list
    .featured_list_item
    .featured_image {
    width: 4.6365rem;
    height: 4.6365rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list
    .featured_list_item
    .featured_image
    img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list
    .featured_list_item
    .feature_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list
    .featured_list_item
    .feature_content
    .heading {
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    margin: 0;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .tab-content
    .featured_list
    .featured_list_item
    .feature_content
    .price {
    color: #2da5f3;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
    margin: 0;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper {
    border-radius: 0.25rem;
    background: #f7e99e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .feature_product_image {
    width: 9.25556rem;
    height: 9.25556rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .feature_product_image
    img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .feature_product_content
    .heading {
    color: #191c1f;
    text-align: center;
    font-family: Arial;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 114.286%;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .feature_product_content
    .text {
    color: #475156;
    text-align: center;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .feature_product_content
    .price_tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
    gap: 0.5rem;
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .feature_product_content
    .price_tag
    .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.375rem 0.75rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.625rem;
    border-radius: 0.1875rem;
    background: #fff;
    color: #191c1f;
    text-align: center;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .shop_now_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.88rem 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.125rem;
    background: #ffb400;
    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.0105rem;
    text-transform: uppercase;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container
    .categories_dropdown_wrapper
    .categories_dropdown
    .banner_wrapper
    .shop_now_btn:hover {
    background: #f0a800;
}
.desktop_top_navbar_main
    .inner_container
    .categories_container:hover
    .categories_dropdown_wrapper {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}
.desktop_top_navbar_main .inner_container .menu_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.06rem;
}
.desktop_top_navbar_main .inner_container .menu_items .menu_link {
    padding: 0 0.5rem;
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.desktop_top_navbar_main .inner_container .menu_items .menu_link.active,
.desktop_top_navbar_main .inner_container .menu_items .menu_link:hover {
    color: #ffb400;
}
.desktop_top_navbar_main .inner_container .menu_items .logo_container {
    padding: 0 0.5rem;
}
.desktop_top_navbar_main .inner_container .auth_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}
.desktop_top_navbar_main .inner_container .auth_btns .login_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 6.25rem;
    padding: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.375rem;
    background: #407bff;
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150.429%;
    letter-spacing: -0.00525rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
}
.desktop_top_navbar_main .inner_container .auth_btns .login_btn:hover {
    background: #2b69ef;
}

.desktop_top_navbar_main .inner_container .auth_btns .logout_btn {
    display: flex;
    width: 6.25rem;
    padding: 0.5rem 1rem;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
    border: none;
    border-radius: 0.375rem;
    background: #f04726;
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150.429%;
    letter-spacing: -0.00525rem;
    transition: all 0.3s ease;
}
.desktop_top_navbar_main .inner_container .auth_btns .logout_btn:hover {
    background: #df2a06;
}

.desktop_top_navbar_main .inner_container .auth_btns .signup_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.375rem;
    border: 1px solid #dde2e4;
    background: #fff;
    color: #252c32;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150.429%;
    letter-spacing: -0.00525rem;
}
@media screen and (max-width: 1200px) {
    .desktop_top_navbar_main .inner_container {
        display: none;
    }
}
.search_container .search_inner_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.search_container .search_inner_wrapper .quick_controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
}
.search_container .search_inner_wrapper .quick_controls .quick_control_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.search_container
    .search_inner_wrapper
    .quick_controls
    .quick_control_item.active {
    color: #ffb400;
}
.search_container .search_inner_wrapper .search_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 33.18656rem;
    width: 100%;
    height: 2.19581rem;
    padding: 0.5rem 2.4375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    border: none;
    border-radius: 0.25rem;
    background: #f6f6f6;
    color: #c9c9c9;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    background-image: url("/site/images/icons/SearchIcon.svg");
    background-repeat: no-repeat;
    background-position: center left 1rem;
}
.search_container .search_inner_wrapper .search_input:focus {
    outline: 1px solid #ffb400;
}
.product_detail_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}
.product_detail_info .cart {
    position: relative;
}
.product_detail_info .cart .count {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    height: 1.25rem;
    width: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0.08606rem;
    border: 1.033px solid #f04726;
    background: #f04726;
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 133.333%;
}
@media screen and (max-width: 1200px) {
    .search_container .search_inner_wrapper .search_input {
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media screen and (max-width: 1200px) {
    .search_container {
        display: none;
    }
}
.hero_section {
    overflow: hidden;
    margin-top: 1.5rem;
}
.hero_section .hero_slider.swiper {
    overflow: visible !important;
    height: 30.8125rem;
    padding: 2rem 0;
}
.hero_section .hero_slider.swiper .swiper-wrapper {
    overflow: visible !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero_section .hero_slider.swiper .swiper-wrapper .swiper-slide {
    height: 26.8125rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 23px 15.5px 0 rgba(64, 123, 255, 0.12);
    box-shadow: 0 23px 15.5px 0 rgba(64, 123, 255, 0.12);
    display: grid;
    grid-template-columns: 26rem 1fr;
    align-items: center;
    gap: 2rem;
    padding-left: clamp(2rem, 6vw, 6rem);
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active) {
    height: 24.8125rem;
}
.hero_section .hero_slider.swiper .swiper-wrapper .swiper-slide::before {
    content: "";
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url("/site/images/hero_slider/Hero_BG.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide:nth-child(3n + 1) {
    background: radial-gradient(
        455.17% 103.86% at 79.34% 42.57%,
        #4490ff 0,
        #0162ef 66.66%
    );
    border-radius: 0.53469rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide:nth-child(3n + 2) {
    background: radial-gradient(
        78.3% 72.94% at 22.97% 32.25%,
        #ffd9d9 0,
        #feb8b8 100%
    );
    border-radius: 0.875rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide:nth-child(3n + 3) {
    background: #8e8eff;
    border-radius: 0.875rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide:nth-child(3n + 4) {
    background: radial-gradient(
        72.23% 69.01% at 29.73% 34.04%,
        #d1ffe9 0,
        #a2f3cd 100%
    );
    border-radius: 0.875rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_content
    .white {
    color: #fff !important;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_content
    .heading {
    color: #070707;
    font-family: Arial;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    margin: 0;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_content
    .heading
    span {
    color: #ffb400;
    font-family: Arial;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.375rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_content
    .text {
    margin: 0;
    color: #202020;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_content
    .shop_now_btn {
    margin-top: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    background: #ffb400;
    -webkit-box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 171.429%;
    letter-spacing: -0.00525rem;
}
.hero_section
    .hero_slider.swiper
    .swiper-wrapper
    .swiper-slide
    .banner_image_wrapper
    img {
    height: 23.25rem;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom;
}
.hero_section .hero_slider.swiper .swiper-button-next {
    right: -1.25rem;
}
.hero_section .hero_slider.swiper .swiper-button-prev {
    left: -1.25rem;
}
.hero_section .hero_slider.swiper .swiper-button-next,
.hero_section .hero_slider.swiper .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.53169rem;
    height: 2.53169rem;
    padding: 0.1875rem 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 1.26581rem;
    background: #fff;
    -webkit-box-shadow: 0 4px 22.1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 22.1px 0 rgba(0, 0, 0, 0.25);
}
.hero_section .hero_slider.swiper .swiper-button-next::after,
.hero_section .hero_slider.swiper .swiper-button-prev::after {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}
@media screen and (max-width: 1200px) {
    .hero_section .hero_slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .hero_section .hero_slider.swiper {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    .hero_section .hero_slider.swiper .swiper-wrapper .swiper-slide {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .hero_section
        .hero_slider.swiper
        .swiper-wrapper
        .swiper-slide
        .banner_image_wrapper {
        margin-top: 0 !important;
    }
    .hero_section
        .hero_slider.swiper
        .swiper-wrapper
        .swiper-slide
        .banner_image_wrapper
        img {
        height: 13.25rem;
    }
    .hero_section
        .hero_slider.swiper
        .swiper-wrapper
        .swiper-slide
        .banner_content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        gap: 0.5rem;
    }
    .hero_section
        .hero_slider.swiper
        .swiper-wrapper
        .swiper-slide
        .banner_content
        .heading {
        text-align: center;
        max-width: 22rem;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .hero_section
        .hero_slider.swiper
        .swiper-wrapper
        .swiper-slide
        .banner_content
        .heading
        span {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .hero_section
        .hero_slider.swiper
        .swiper-wrapper
        .swiper-slide
        .banner_content
        .text {
        font-size: 1rem;
        max-width: 26rem;
    }
}
@media screen and (max-width: 575px) {
    .hero_section .hero_slider.swiper .swiper-button-next,
    .hero_section .hero_slider.swiper .swiper-button-prev {
        width: 2rem;
        height: 2rem;
    }
    .hero_section .hero_slider.swiper .swiper-button-next {
        right: -0.5rem;
    }
    .hero_section .hero_slider.swiper .swiper-button-prev {
        left: -0.5rem;
    }
}
.section_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4rem;
    color: #ff5e43;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial;
    font-size: 1.12875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 165%;
}
.section_title::before {
    content: "";
    height: 0;
    width: 6.17856rem;
    border-top: 1px solid #0162ef;
    display: block;
}
.section_title::after {
    content: "";
    height: 0;
    width: 6.17856rem;
    border-top: 1px solid #0162ef;
    display: block;
}
.section_heading {
    text-align: center;
    color: #ffb400;
    font-family: Arial;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
.section_heading span {
    color: #407bff;
    font-family: Arial;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
.featured_categories .section_title {
    margin-top: 1rem;
}
.featured_categories .section_heading {
    margin-top: 0.5rem;
}
.featured_categories .nav-pills {
    border-radius: 0.625rem;
    border: 0.951px solid #d8d9dc;
    padding: 0.88rem 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.featured_categories .nav-pills .nav-item:not(:last-child) {
    border-right: 1px solid #ebeced;
}
.featured_categories .nav-pills .nav-item .nav-link {
    border-radius: 0.8125rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.31rem;
    color: #455065;
    text-align: center;
    font-family: Arial;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    white-space: nowrap;
}
.featured_categories .nav-pills .nav-item .nav-link.active {
    border-radius: 0.8125rem;
    background: #407bff;
    color: #fff;
    font-family: Arial;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.featured_categories .nav-pills .nav-item .nav-link.active svg path {
    stroke: #fff;
}
.featured_categories .tab-content .categories_grid {
    display: grid;
    grid-template-columns: 17rem 1fr;
    gap: 3.9rem;
}
.featured_categories .tab-content .categories_grid .banner {
    position: relative;
    max-height: 40rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
}
.featured_categories .tab-content .categories_grid .banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.image_wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
    max-height: 40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image_wrapper::after {
    content: "";
    position: absolute;
    inset: 0; /* shorthand for top, right, bottom, left = 0 */
    background: rgba(0, 0, 0, 0.5); /* semi-transparent overlay */
    /* backdrop-filter: blur(6px) brightness(0.8); */
}

.featured_categories .tab-content .categories_grid .banner .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
}
.featured_categories .tab-content .categories_grid .banner .content .heading {
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 115.571%;
}
.featured_categories
    .tab-content
    .categories_grid
    .banner
    .content
    .description {
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.featured_categories
    .tab-content
    .categories_grid
    .banner
    .content
    .expore_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    background: #ffb400;
    -webkit-box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.77325rem;
    font-style: normal;
    font-weight: 700;
    line-height: 153.661%;
}
.featured_categories .tab-content .categories_grid .categories_items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15.19113rem, 1fr));
    gap: 3rem;
}

.categories_grid .categories_items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15.19113rem, 1fr));
    gap: 3rem;
}

.categories_grid .categories_items .empty_message h4 {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

.categories_grid .categories_items .empty_message p {
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; /* 142.857% */
}

@media screen and (max-width: 991px) {
    .featured_categories .tab-content .categories_grid {
        grid-template-columns: 100%;
    }
    .featured_categories .tab-content .categories_grid .banner {
        display: none;
    }
    .categories_grid .categories_items {
        grid-template-columns: 100%;
    }
}
.exclusive_offers {
    background: #f04726;
}
.exclusive_offers .inner_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.exclusive_offers .inner_container .content {
    padding: 2.5rem 0;
}
.exclusive_offers .inner_container .content .sub_title {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial;
    font-size: 1.12875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25rem;
}
.exclusive_offers .inner_container .content .sub_title::before {
    content: "";
    height: 0;
    width: 6.17856rem;
    border-top: 1px solid #fff;
    display: block;
}
.exclusive_offers .inner_container .content .main_heading {
    color: #fff;
    font-family: Arial;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 123.684%;
    letter-spacing: -0.0625rem;
}
.exclusive_offers .inner_container .content .main_heading span {
    color: #ffc333;
    font-family: Arial;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.9375rem;
    letter-spacing: -0.0625rem;
}
.exclusive_offers .inner_container .content .description {
    color: rgba(255, 255, 255, 0.78);
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.exclusive_offers .inner_container .content .shop_now {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 9.875rem;
    height: 3.3465rem;
    padding: 1.04238rem 1.70069rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.4375rem;
    background: #fff;
    -webkit-box-shadow: 0 4px 24.7px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 24.7px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    color: #000;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.exclusive_offers .inner_container .content .shop_now:hover {
    background: #f9eeee;
}
.exclusive_offers .inner_container .image_wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 991px) {
    .exclusive_offers .inner_container {
        grid-template-columns: 100%;
    }
    .exclusive_offers .inner_container .image_wrapper {
        display: none;
    }
}
.new_arrival {
    overflow: hidden;
}
.new_arrival .new_arrival_slider {
    overflow: visible;
}
.new_arrival .new_arrival_slider .swiper-slide {
    padding: 1.08rem 2.85rem;
    display: grid;
    grid-template-columns: 12.27106rem 1fr;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.31rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.new_arrival .new_arrival_slider .swiper-slide .banner_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.new_arrival .new_arrival_slider .swiper-slide .banner_content .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.61rem;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide
    .banner_content
    .rating
    .rating_count {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 0.81288rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.00813rem;
}
.new_arrival .new_arrival_slider .swiper-slide .banner_content .heading {
    color: #454545;
    text-align: right;
    font-family: Arial;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 115.571%;
}
.new_arrival .new_arrival_slider .swiper-slide .banner_content .text {
    color: #646464;
    text-align: right;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .new_arrival .new_arrival_slider .swiper-slide .banner_content .text {
        text-align: center;
    }
}

.new_arrival .new_arrival_slider .swiper-slide .banner_content .shop_now_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 6.5625rem;
    padding: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    border: 1px solid #4c4c4c;
    color: #4c4c4c;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 135.793%;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide
    .banner_content
    .shop_now_btn:hover {
    background-color: rgba(255, 255, 255, 0.6431372549);
}
.new_arrival .new_arrival_slider .swiper-slide .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival .new_arrival_slider .swiper-slide .banner_image_wrapper::before {
    content: "";
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.new_arrival .new_arrival_slider .swiper-slide .banner_image_wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.new_arrival .new_arrival_slider .swiper-slide:nth-child(3n + 1) {
    border-radius: 0.8125rem;
    background: radial-gradient(
        164.07% 93.42% at 91.67% 16.39%,
        #c3ffff 0,
        #67eceb 100%
    );
    -webkit-box-shadow: 0 15px 21.1px 0 rgba(105, 236, 235, 0.32);
    box-shadow: 0 15px 21.1px 0 rgba(105, 236, 235, 0.32);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 1)
    .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 1)
    .banner_image_wrapper::before {
    background-color: #ffda67;
}
.new_arrival .new_arrival_slider .swiper-slide:nth-child(3n + 2) {
    border-radius: 0.8125rem;
    background: radial-gradient(
        115.99% 72.88% at 21.38% 32.97%,
        #ffda67 0,
        #fec000 100%
    );
    -webkit-box-shadow: 0 4px 10.2px 0 rgba(255, 180, 0, 0.32);
    box-shadow: 0 4px 10.2px 0 rgba(255, 180, 0, 0.32);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 2)
    .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 2)
    .banner_image_wrapper::before {
    background-color: #00c3ff;
}
.new_arrival .new_arrival_slider .swiper-slide:nth-child(3n + 3) {
    border-radius: 0.8125rem;
    background: radial-gradient(
        78.3% 72.94% at 22.97% 32.25%,
        #ffd9d9 0,
        #feb8b8 100%
    );
    -webkit-box-shadow: 0 15px 11.1px 0 rgba(105, 236, 235, 0.12);
    box-shadow: 0 15px 11.1px 0 rgba(105, 236, 235, 0.12);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 3)
    .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 3)
    .banner_image_wrapper::before {
    background-color: #ffe4d6;
}
.new_arrival .new_arrival_slider .swiper-slide:nth-child(3n + 4) {
    border-radius: 0.8125rem;
    background: radial-gradient(
        72.94% 67.28% at 23.24% 38.27%,
        #ffe4d6 0,
        #ffd5bf 100%
    );
    -webkit-box-shadow: 0 4px 10.2px 0 rgba(255, 180, 0, 0.12);
    box-shadow: 0 4px 10.2px 0 rgba(255, 180, 0, 0.12);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 4)
    .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 4)
    .banner_image_wrapper::before {
    background-color: #d1ffe9;
}
.new_arrival .new_arrival_slider .swiper-slide:nth-child(3n + 5) {
    border-radius: 0.8125rem;
    background: radial-gradient(
        72.23% 69.01% at 29.73% 34.04%,
        #d1ffe9 0,
        #a2f3cd 100%
    );
    -webkit-box-shadow: 0 15px 21.1px 0 rgba(105, 236, 235, 0.12);
    box-shadow: 0 15px 21.1px 0 rgba(105, 236, 235, 0.12);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 5)
    .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 5)
    .banner_image_wrapper::before {
    background-color: #f9d6f4;
}
.new_arrival .new_arrival_slider .swiper-slide:nth-child(3n + 6) {
    border-radius: 0.875rem;
    background: radial-gradient(
        72.97% 70.27% at 31.35% 32.25%,
        #f9d6f4 0,
        #f4b6ec 100%
    );
    -webkit-box-shadow: 0 4px 10.2px 0 rgba(255, 180, 0, 0.12);
    box-shadow: 0 4px 10.2px 0 rgba(255, 180, 0, 0.12);
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 6)
    .banner_image_wrapper {
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
}
.new_arrival
    .new_arrival_slider
    .swiper-slide:nth-child(3n + 6)
    .banner_image_wrapper::before {
    background-color: #c3ffff;
}
.new_arrival .new_arrival_slider .new_arrival_slider_next,
.new_arrival .new_arrival_slider .new_arrival_slider_prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.53169rem;
    height: 2.53169rem;
    padding: 0.1875rem 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 1.26581rem;
    background: #fff;
    -webkit-box-shadow: 0 4px 22.1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 22.1px 0 rgba(0, 0, 0, 0.25);
    z-index: 5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.new_arrival .new_arrival_slider .new_arrival_slider_next {
    left: -1.25rem;
}
.new_arrival .new_arrival_slider .new_arrival_slider_prev {
    right: -1.25rem;
}
@media screen and (max-width: 520px) {
    .new_arrival .new_arrival_slider .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
    }
    .new_arrival .new_arrival_slider .swiper-slide .banner_content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .new_arrival .new_arrival_slider .new_arrival_slider_next,
    .new_arrival .new_arrival_slider .new_arrival_slider_prev {
        width: 2rem;
        height: 2rem;
    }
    .new_arrival .new_arrival_slider .new_arrival_slider_next img,
    .new_arrival .new_arrival_slider .new_arrival_slider_prev img {
        height: 1.5rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .new_arrival .new_arrival_slider .new_arrival_slider_next {
        left: -0.5rem;
    }
    .new_arrival .new_arrival_slider .new_arrival_slider_prev {
        right: -0.5rem;
    }
}
.testimonial_section {
    overflow: hidden;
}
.testimonial_section .container .testimonial_slider {
    max-width: 42.9375rem;
    overflow: visible;
}
.testimonial_section .container .testimonial_slider .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 354px !important;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide.swiper-slide-active {
    min-height: 22.125rem;
    border-radius: 0.6875rem;
    background: rgba(255, 180, 0, 0.39);
    -webkit-box-shadow: 0 16px 19.2px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 16px 19.2px 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.38rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.88rem;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .text {
    margin: 0;
    color: #434343;
    text-align: center;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 161.111%;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .name_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .name_wrapper
    .name {
    margin: 0;
    color: #000;
    text-align: center;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .name_wrapper
    .star_rating
    .star.active {
    color: #ff6f00;
}
@media screen and (max-width: 520px) {
    .testimonial_section
        .container
        .testimonial_slider
        .swiper-wrapper
        .swiper-slide.swiper-slide-active {
        padding: 1rem 1.5rem;
        gap: 1rem;
    }
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active) {
    padding: 1.625rem 2.375rem;
    border-radius: 0.4375rem;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    position: relative;
    z-index: 0;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active)
    .text {
    margin: 0;
    color: #434343;
    text-align: center;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 161.111%;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active)
    .name_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active)
    .name_wrapper
    .name {
    margin: 0;
    color: #000;
    text-align: center;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active)
    .name_wrapper
    .star_rating
    .star.active {
    color: #ff6f00;
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0.9)),
        to(#fff)
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.9) 0,
        #fff 100%
    );
}
.testimonial_section
    .container
    .testimonial_slider
    .swiper-wrapper
    .swiper-slide:not(.swiper-slide-active).swiper-slide-prev::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(255, 255, 255, 0.9)),
        to(#fff)
    ) !important;
    background: linear-gradient(
        to left,
        rgba(255, 255, 255, 0.9) 0,
        #fff 100%
    ) !important;
}
.testimonial_section .container .slider_buttons_wrapper {
    margin-top: 2.33rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem;
}
.testimonial_section
    .container
    .slider_buttons_wrapper
    .testimonial_slider_slider_next,
.testimonial_section
    .container
    .slider_buttons_wrapper
    .testimonial_slider_slider_prev {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #ffb400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 520px) {
    .testimonial_section .container .slider_buttons_wrapper {
        margin-top: 1.33rem;
    }
}

/* Testimonial Card Styles */
.testimonial_section .testimonial_card {
    position: relative;
    height: 100%;
}

.testimonial_section .quote_icon {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    opacity: 0.6;
}

.testimonial_section .testimonial_text {
    margin: 2rem 0 1.5rem;
    color: #434343;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 161.111%;
}

.testimonial_section .testimonial_author {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: auto;
}

.testimonial_section .author_image {
    flex-shrink: 0;
}

.testimonial_section .author_image img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #FFB400;
}

.testimonial_section .author_avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FFB400 0%, #FF6F00 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.testimonial_section .author_info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: left;
}

.testimonial_section .author_name {
    margin: 0;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
}

.testimonial_section .author_designation {
    margin: 0;
    color: #666;
    font-family: Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
}

.testimonial_section .star_rating {
    display: flex;
    gap: 0.125rem;
    margin-top: 0.25rem;
}

.testimonial_section .star_rating .star {
    color: #ddd;
    font-size: 1rem;
}

.testimonial_section .star_rating .star.active {
    color: #ff6f00;
}

@media screen and (max-width: 520px) {
    .testimonial_section .quote_icon {
        top: 0.5rem;
        right: 0.5rem;
    }
    
    .testimonial_section .quote_icon svg {
        width: 30px;
        height: 30px;
    }
    
    .testimonial_section .testimonial_text {
        margin: 1.5rem 0 1rem;
        font-size: 1rem;
    }
    
    .testimonial_section .author_image img,
    .testimonial_section .author_avatar {
        width: 50px;
        height: 50px;
    }
    
    .testimonial_section .author_avatar {
        font-size: 1.25rem;
    }
    
    .testimonial_section .author_name {
        font-size: 1rem;
    }
    
    .testimonial_section .author_designation {
        font-size: 0.8125rem;
    }
}

.newsletter_section {
    margin-top: 5rem;
}
.newsletter_section .inner_container {
    background-image: url("/site/images/general/newsletter_bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    border-radius: 0.875rem;
}
.newsletter_section .inner_container .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25.4375rem;
    max-width: 35.6875rem;
    padding: 2rem 4rem;
}
.newsletter_section .inner_container .content .heading {
    color: #fff;
    font-family: Arial;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130.556%;
    letter-spacing: 0.0675rem;
    text-transform: capitalize;
}
.newsletter_section .inner_container .content .description {
    color: rgba(255, 255, 255, 0.6);
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 177.778%;
}
.newsletter_section .inner_container .content .newsletter_form {
    display: grid;
    grid-template-columns: 1fr 9.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}
.newsletter_section .inner_container .content .newsletter_form input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3.4985rem;
    padding: 0.5625rem 0.8125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
    border-radius: 0.5rem;
    background: #fff;
    color: #797881;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 250.691%;
}
.newsletter_section .inner_container .content .newsletter_form input:focus {
    outline: 1px solid #ffb400;
}
.newsletter_section .inner_container .content .newsletter_form button {
    border: none;
    border-radius: 0.5rem;
    background: #ffb400;
    padding: 0.66rem 2.5rem;
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 250.691%;
}
.newsletter_section .inner_container .content .newsletter_form button:hover {
    background: #e9a300;
}
@media screen and (max-width: 991px) {
    .newsletter_section .inner_container {
        background: radial-gradient(
            380.87% 57.01% at 79.26% 41.91%,
            #8aaeff 0,
            #407bff 100%
        );
    }
    .newsletter_section .inner_container .content {
        padding: 1rem 1.5rem;
        max-width: 100%;
    }
}
@media screen and (max-width: 520px) {
    .newsletter_section .inner_container .content .newsletter_form {
        grid-template-columns: 100%;
    }
}
.faqs_section .explore_more {
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 11.25rem;
    padding: 0.75rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    background: #ffb400;
    -webkit-box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
}
.faqs_section .explore_more:hover {
    background: #e29f00;
}
.faqs_section .faqs_container {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 28.69206rem auto;
    gap: 3rem;
}
.faqs_section .faqs_container .image_container img {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.faqs_section .faqs_container .faqs_questions {
    max-width: 33.84563rem;
    width: 100%;
    margin-left: auto;
}
.faqs_section
    .faqs_container
    .faqs_questions
    .accordion-item
    .accordion-header
    .accordion-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #090909;
    font-family: Arial;
    font-size: 1.22581rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.faqs_section .faqs_container .faqs_questions .accordion-item .accordion-body {
    color: rgba(78, 78, 78, 0.73);
    font-family: Arial;
    font-size: 0.95338rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    padding-bottom: 2.5rem;
}
@media screen and (max-width: 991px) {
    .faqs_section .faqs_container {
        grid-template-columns: 100%;
    }
    .faqs_section .faqs_container .image_container {
        display: none;
    }
    .faqs_section .faqs_container .faqs_questions {
        max-width: 100%;
    }
}
.footer_section {
    background-color: #204ecf;
    background-image: url("/site/images/general/footer_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.footer_section .footer_items {
    padding: 4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}
.footer_section .footer_items .logo_wrapper {
    max-width: 18rem;
}
.footer_section .footer_items .logo_wrapper .description {
    margin-top: 1rem;
    color: #fff;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144.444%;
}
.footer_section .footer_items .menu_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.82rem;
}
.footer_section .footer_items .menu_items .menu_heading {
    color: #fff;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.05625rem;
}
.footer_section .footer_items .menu_items .menu_item {
    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.04375rem;
}
.footer_section .copyrights_wrapper {
    padding: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer_section .copyrights_wrapper .copyright_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
}
.footer_section .copyrights_wrapper .copyright_text span {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.5843137255);
}
.footer_section .copyrights_wrapper .copyright_text p {
    margin: 0;
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.97656rem;
    font-style: normal;
    font-weight: 400;
    line-height: 153.6%;
}
.footer_section .copyrights_wrapper .social_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.86rem;
}
.new_arrival_banner {
    margin-top: 5rem;
}
.new_arrival_banner .banner_inner {
    position: relative;
    border-radius: 0.53469rem;
    background-image: url("/site/images/hero_slider/Hero_BG.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    -webkit-box-shadow: 0 23px 75.5px 0 rgba(64, 123, 255, 0.32);
    box-shadow: 0 23px 75.5px 0 rgba(64, 123, 255, 0.32);
    padding: 0.5rem 2rem 0.5rem 7.85rem;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

@media screen and (max-width: 991px) {
    .new_arrival_banner .banner_inner {
        grid-template-columns: 1fr;
        padding: 2rem 2rem 4rem 2rem;
        text-align: center;
    }

    .new_arrival_banner .banner_inner .shop_now {
        margin-left: auto;
        margin-right: auto;
    }
}

.new_arrival_banner .banner_inner::before {
    content: "";
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: linear-gradient(135deg, #ee9ae5 0, #5961f9 100%);
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
}
.new_arrival_banner .banner_inner .content .title {
    max-width: 25.3125rem;
    margin-bottom: 1rem;
    color: #fff;
    font-family: Arial;
    font-size: clamp(1.5rem, 3vw, 2.375rem);
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
}
.new_arrival_banner .banner_inner .content .title span {
    color: #ffb400;
    font-family: Arial;
    font-size: clamp(1.5rem, 3vw, 2.375rem);
    font-style: normal;
    font-weight: 900;
    line-height: 2.375rem;
}
.new_arrival_banner .banner_inner .content .description {
    color: #fff;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 127.778%;
}
.new_arrival_banner .banner_inner .content .shop_now {
    border-radius: 0.375rem;
    background: #ffb400;
    -webkit-box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 171.429%;
    letter-spacing: -0.00525rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.new_arrival_banner .banner_inner .image img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.new_arrival_products {
    margin-top: 7rem;
    margin-bottom: 5.5rem;
}

.new_arrival_products .section_title_link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.new_arrival_products .section_title_link .view_all_link {
    color: #6da8ff;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 114.037%; /* 114.037% */
    letter-spacing: -0.03394rem;
    text-transform: capitalize;
}

.new_arrival_products .section_title_link .title {
    color: #ffb400;
    font-family: Arial;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.0625rem;
    text-transform: capitalize;
}

.new_arrival_products .categories_items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15.19113rem, 1fr));
    gap: 3rem;
}
.mobile_menu_header {
    padding: 1rem;
}
.mobile_menu_header .inner_container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
}

.mobile_menu_header .inner_container .logo_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
}
.product_detail_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.product_detail_info .cart {
    position: relative;
}

.product_detail_info .cart .count {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    height: 1.25rem;
    width: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0.08606rem;
    border: 1.033px solid #f04726;
    background: #f04726;
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 133.333%;
}
.mobile_menu_header .search_input {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.19581rem;
    padding: 0.5rem 2.4375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    border: none;
    border-radius: 0.25rem;
    background: #f6f6f6;
    color: #c9c9c9;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    background-image: url("/site/images/icons/SearchIcon.svg");
    background-repeat: no-repeat;
    background-position: center left 1rem;
}
.mobile_menu_header .search_input:focus {
    outline: 1px solid #ffb400;
}

/* FAQS PAGE */
.faqs_page {
    margin: 5rem 0;
}

.faqs_page .main_title {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;

    margin-bottom: 2.4rem;
}

.faqs_page .accordion .accordion-item {
    border-radius: 0.25rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;
    overflow: hidden;
}

.faqs_page .accordion .accordion-item .accordion-header .accordion-button {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
    box-shadow: none !important;
}

.faqs_page
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    border-radius: 0.25rem 0.25rem 0rem 0rem;
    background: #ffb400;
    color: #ffffff;
}

.faqs_page
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    color: #ffffff;
}

.faqs_page .accordion .accordion-item .accordion-body {
    color: #475156;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
}

.faqs_page
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button::after {
    background-image: url("/site/images/icons/PlusIcon.svg");
}

.faqs_page
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    background-image: url("/site/images/icons/MinusIconWhite.svg");
}

.faqs_page .ask_for_support {
    position: sticky;
    top: 2px;
    padding: 2rem;
    border-radius: 0.25rem;
    background: #fbf4ce;
}

.faqs_page .ask_for_support .heading {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
}

.faqs_page .ask_for_support .description {
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.faqs_page .ask_for_support .help_form {
    margin-top: 1.5rem;

    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faqs_page .ask_for_support .help_form input {
    height: 2.75rem;
    padding: 0.75rem 1rem;

    border-radius: 0.125rem;
    border: 1px solid #f7e99e;
    background: #ffffff;

    color: #000000;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.faqs_page .ask_for_support .help_form input::placeholder,
.faqs_page .ask_for_support .help_form textarea::placeholder {
    color: #77878f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.faqs_page .ask_for_support .help_form textarea {
    padding: 0.75rem 1rem;

    border-radius: 0.125rem;
    border: 1px solid #f7e99e;
    background: #ffffff;

    color: #000000;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    resize: none;
}

.faqs_page .ask_for_support .help_form .send_btn {
    margin-top: 1rem;
    width: fit-content;
    display: flex;
    padding: 0.87rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 2px;
    background: #ffb400;
    border: none;

    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
    letter-spacing: 0.0105rem;
    text-transform: uppercase;
}

/* FAQS PAGE */

/* CONTACT PAGE */
.contact-us-page {
    margin: 5rem 0;
}

.contact-us-page .sub_heading {
    overflow: hidden;
    color: #ff5e43;
    text-overflow: ellipsis;
    font-family: Arial;
    font-size: 1.12875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 165%;

    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-us-page .sub_heading::after {
    content: "";
    width: 6.17856rem;
    height: 0.02969rem;
    background: #0162ef;
    display: block;
}

.contact-us-page .main_heading {
    color: #191c1f;
    font-family: Arial;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    max-width: 30rem;
}

.contact-us-page .main_heading span {
    color: #ffb400;
    font-family: Arial;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

@media (max-width: 768px) {
    .contact-us-page .main_heading,
    .contact-us-page .main_heading span,
    .form_container h2,
    .still_have_questions h2 {
        font-size: 2rem !important;
        line-height: 120% !important;
    }
}

.contact-us-page .information {
    max-width: 30rem;
    margin-top: 1.5rem;
    color: #475156;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contact-us-page .contact_item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}

.contact-us-page .contact_item .label {
    color: #131313;
    font-family: Arial;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact-us-page .contact_item .text {
    color: #131313;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.contact-us-page .contact_item a {
    color: #407bff;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.contact-us-page .form_container .form_title {
    color: #131313;
    font-family: Arial;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact-us-page .form_container .form_description {
    margin-top: 1.5rem;
    color: #131313;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.contact-us-page .form_container label {
    color: #344054;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.contact-us-page .form_container input,
.contact-us-page .form_container textarea {
    display: flex;
    padding: 0.625rem 0.875rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;

    border-radius: 0.5rem;
    border: 1px solid #d0d5dd;
    background: #ffffff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

    color: #000000;
    text-overflow: ellipsis;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contact-us-page .form_container input::placeholder,
.contact-us-page .form_container textarea::placeholder {
    color: #667085;
    text-overflow: ellipsis;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contact-us-page .form_container .form-check-label {
    color: #475467;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contact-us-page .form_container .btn-primary {
    display: flex;
    width: 100%;
    height: 3rem;
    padding: 0.5rem 2rem;
    justify-content: center;
    align-items: center;
    gap: 0.5625rem;
    border-radius: 0.5rem;
    background: #ffb400;

    color: #fff;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
}

.contact-us-page .still_have_questions {
    margin-top: 5rem;
    background: #f9f9f9;
    display: flex;
    padding: 4.5rem 0;
    justify-content: space-between;
    align-items: center;
}

.contact-us-page .still_have_questions .inner_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.contact-us-page .still_have_questions .inner_content .text h2 {
    color: #131313;
    font-family: Arial;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.contact-us-page .still_have_questions .inner_content .text p {
    color: #131313;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.contact-us-page .still_have_questions .inner_content .link {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.5625rem;
    border-radius: 0.5rem;
    border: 1px solid var(--Black-10, rgba(19, 19, 19, 0.1));
    background: #ffb400;

    display: flex;
    align-items: center;
    gap: 0.5rem;

    color: #fff;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
}
/* CONTACT PAGE */

.just-validate-error-label {
    margin-top: 0.25rem;
    color: rgb(235, 38, 38);
    font-family: Arial;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.05rem */
    letter-spacing: 0.0075rem;
}

@media screen and (min-width: 1200px) {
    .mobile_menu_header {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .desktop_top_navbar_main {
        display: none;
    }
}

/* WISHLIST PAGE */

.breadcrumb .breadcrumb-item {
    color: #5f6c72;
    font-family: "Public Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.wishlist-page .card {
    overflow: hidden;
    border-radius: 0.22919rem;
    border: 0.917px solid #e4e7e9;
    background: #ffffff;
}

/* Heading */
.wishlist-page .wishlist-heading {
    padding: 1.14581rem 1.375rem;
    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 122.221%;
}

/* Table Head */
.wishlist-page .wishlist-table thead th {
    min-width: 10rem;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.57294rem 1.375rem;
    border-bottom: 0.917px solid #e4e7e9;
    background: #f2f4f5;

    color: #475156;
    font-family: Arial;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.wishlist-page .wishlist-table thead th:last-child,
.wishlist-page .wishlist-table tbody td:last-child {
    width: 2rem;
    min-width: 2rem;
}

.wishlist-page .wishlist-table tbody td {
    padding: 0.57294rem 1.375rem;
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.14581rem;
}

.wishlist-page .product_image_wrapper {
    display: grid;
    grid-template-columns: 4.125rem 1fr;
    align-items: center;
    gap: 0.92rem;
}
.wishlist-page .product_image_wrapper img {
    width: 4.125rem;
    height: 4.125rem;
    object-fit: contain;
    object-position: center;
}

.wishlist-page .wishlist-btn {
    height: 2.75rem;
    white-space: nowrap;
    display: flex;
    padding: 0 1.375rem;
    justify-content: center;
    align-items: center;
    gap: 0.45831rem;

    border-radius: 0.1875rem;
    background: #ffb400;

    color: #ffffff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.0105rem;
    text-transform: uppercase;
}

.wishlist-page .wishlist-btn:disabled {
    background: #cfcfcf;
}

.wishlist-page .wishlist-stock {
    color: #2db224;
    font-family: Arial;
    font-size: 0.80206rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
}

.wishlist-page .wishlist-stock.out-stock {
    color: #ee5858;
}

.wishlist-page .fa-times-circle {
    font-size: 1rem;
    color: #999;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.wishlist-page .fa-times-circle:hover {
    color: #ee5858;
}

/* WISHLIST PAGE */

.mobile_menu_categories .mobile_menu_nav li a,
.mobile_menu_category_list li a,
.mobile_menu_quick_links li a {
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

/* SHOP PAGE */
.shop-page {
    font-family: Arial;
    color: #475156;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.14581rem;
}

/* Sidebar */
.shop-page .shop-sidebar {
    position: sticky;
    top: 2rem;
    height: fit-content;
}

.shop-sidebar .filter-section {
    margin-bottom: 2rem;
}

.shop-sidebar .filter-section .input_range_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.shop-sidebar .filter-section .input_range_wrapper input[type="number"] {
    display: flex;
    width: 100%;
    height: 2.75rem;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 3.375rem;

    border-radius: 0.125rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;

    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.shop-sidebar .filter-list {
    list-style: none;
    padding: 0;

    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.shop-sidebar .filter-list li {
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.shop-sidebar .filter-list li label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shop-sidebar .filter-list li label input[type="radio"] {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-appearance: none; /* Remove default styles */
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%; /* Make it circular */

    border-radius: 6.25rem;
    border: 1px solid #c9cfd2;
    background: #ffffff;
    position: relative;
    cursor: pointer;
    outline: none;
}

.shop-sidebar .filter-list li label input[type="radio"]:checked {
    background-color: #ffffff; /* Dot color when selected */
    border: 6px solid #ffb400;
}

.shop-sidebar .filter-list li label input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background-color: #ffffff; /* Inner dot color */
}

.shop-sidebar .accordion-button {
    padding: 0.5rem 1rem;

    color: #262d3d;
    text-align: center;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 151.496%;
}

.shop-sidebar .filter-section .filter-title {
    color: #191c1f;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;

    margin-bottom: 1rem;
}

/* Search */
.shop-topbar .search-box {
    display: flex;
    gap: 0.5rem;

    max-width: 26rem;
    width: 100%;
}
.shop-topbar .search-input {
    border-radius: 0.25rem;
    border: 1px solid #e4e7e9;
    background: #fff;
    padding: 0.75rem 1rem;
    height: 2.75rem;

    max-width: 26rem;
    width: 100%;

    background-image: url("/site/images/icons/MagnifyingGlass.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right 1rem center;

    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.shop-topbar .search-input::placeholder {
    color: #bababa;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.shop-topbar .sort-by {
    display: flex;
    align-items: center;
    gap: 1.37rem;
}

@media screen and (max-width: 576px) {
    .shop-topbar .sort-by {
        margin-top: 1rem;
        width: 100%;
        justify-content: space-between;
    }
}

.shop-topbar .sort-by label {
    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    white-space: nowrap;
}

.shop-topbar .sort-by select {
    height: 2.75rem;
    padding: 0.75rem 1rem;
    padding-right: 3rem;
    border-radius: 0.125rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;

    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;

    background-image: url("/site/images/icons/CaretDown.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right 1rem center;
}

/* SHOP PAGE */

/* PRODUCT DEAIL PAGE */

.product_detail_page {
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media screen and (max-width: 576px) {
    .product_detail_page {
        overflow: hidden;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.product_detail_page
    .product_detail_row
    #productCarousel
    .carousel-inner
    .carousel-item {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.product_detail_page
    .product_detail_row
    #productCarousel
    .carousel-inner
    .carousel-item {
    /* height: 405px; */
    width: 100%;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 991px) {
    .product_detail_page
        .product_detail_row
        #productCarousel
        .carousel-inner
        .carousel-item
        img,
    .product_detail_page
        .product_detail_row
        #productCarousel
        .carousel-inner
        .carousel-item {
        height: 500px !important;
    }
}

@media screen and (max-width: 576px) {
    .product_detail_page
        .product_detail_row
        #productCarousel
        .carousel-inner
        .carousel-item
        img,
    .product_detail_page
        .product_detail_row
        #productCarousel
        .carousel-inner
        .carousel-item {
        height: 320px !important;
    }

    .product_detail_page .thumbnail-swiper {
        padding-right: 1px;
    }
}

.product_detail_page .thumbnail-swiper {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.product_detail_page .thumbnail-swiper .swiper-slide {
    border: 1px solid lightgray;
    aspect-ratio: 1/1;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.product_detail_page .thumbnail-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border: none;
}

.product_detail_page
    .thumbnail_slider_main
    .swiper-button-prev-custom.swiper-button-disabled,
.product_detail_page
    .thumbnail_slider_main
    .swiper-button-next-custom.swiper-button-disabled {
    opacity: 0.5;
}

.product_detail_page .thumbnail_slider_main .swiper-button-prev-custom,
.product_detail_page .thumbnail_slider_main .swiper-button-next-custom {
    height: 2.6rem;
    width: 2.6rem;
    border-radius: 50%;
    border-radius: 5.401rem;
    border: 1.728px solid #ffffff;
    background: #407bff;
    border: none;
    padding: 0.65rem;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    &::after {
        content: unset;
    }
}

.product_detail_page .thumbnail_slider_main {
    position: relative;
}

.product_detail_page .thumbnail_slider_main .swiper-button-prev-custom {
    left: var(--swiper-navigation-sides-offset, -20px);
}
.product_detail_page .thumbnail_slider_main .swiper-button-next-custom {
    right: var(--swiper-navigation-sides-offset, -20px);
}

@media screen and (max-width: 576px) {
    .product_detail_page .thumbnail_slider_main .swiper-button-prev-custom,
    .product_detail_page .thumbnail_slider_main .swiper-button-next-custom {
        height: 2rem;
        width: 2rem;
        padding: 0.15rem;
    }
    .product_detail_page .thumbnail_slider_main .swiper-button-prev-custom {
        left: var(--swiper-navigation-sides-offset, -10px);
    }
    .product_detail_page .thumbnail_slider_main .swiper-button-next-custom {
        right: var(--swiper-navigation-sides-offset, -10px);
    }
}

.product_detail_page .product_detail_row_right .rating b {
    color: #191c1f;
    font-family: Arial;
    font-size: 0.75613rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
}
.product_detail_page .product_detail_row_right .rating span {
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.75613rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.product_detail_page .product_name {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 112.983%;
}

.product_detail_page .product_detail_row_right .product_statuses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.43rem;

    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 123.452%;
}

.product_detail_page .product_detail_row_right .product_price {
    margin-top: 1.5rem;
    color: #2da5f3;
    font-family: Arial;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;

    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.product_detail_page .product_detail_row_right .text-muted {
    color: #77878f;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-decoration-line: line-through;
}
.product_detail_page .product_detail_row_right .discounted {
    display: flex;
    padding: 0.27006rem 0.54013rem;
    align-items: flex-start;
    gap: 0.54013rem;
    border-radius: 0.108rem;
    background: #407bff;
    border-radius: 5px;
    color: #fff;
    font-size: 0.75613rem;
    font-style: normal;
    font-weight: 600;
    line-height: 142.857%;
}

.product_detail_page .seperator {
    width: 100%;
    height: 0.054rem;
    background: #e4e7e9;
}

.product_detail_page
    .product_detail_row_right
    .choose_product_options
    .option_label {
    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 123.452%;
}
.product_detail_page .product_detail_row_right .colors_choose {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.product_detail_page .product_detail_row_right .colors_choose label {
    height: 2.3rem;
    width: 2.3rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_detail_page
    .product_detail_row_right
    .colors_choose
    label
    input:checked
    + span {
    border-radius: 8.64163rem;
    outline: 1.728px solid #ffb400;
    outline-offset: 3px;
    background: #ffffff;
}

.product_detail_page .product_detail_row_right .form-select {
    display: flex;
    width: 100%;
    height: 2.37644rem;
    padding: 0.64738rem 0.84038rem 0.60406rem 0.86419rem;
    justify-content: center;
    align-items: flex-start;

    border-radius: 0.108rem;
    border: 0.864px solid #e4e7e9;
    background: #ffffff;

    color: #475156;
    font-family: "Public Sans";
    font-size: 0.75613rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.product_detail_page .product_detail_row_right .add_cart_options {
    display: grid;
    grid-template-columns: auto 1fr 7.3rem;
    align-items: center;
    gap: 0.86rem;
}

.product_detail_page .product_detail_row_right .add_cart_options .input-group {
    height: 3rem;
    width: 100%;
    max-width: 8.85769rem;
    padding: 0rem 1.08019rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;

    border-radius: 0.162rem;
    border: 1.728px solid #e4e7e9;
    background: #ffffff;
}
.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .input-group
    input {
    border: none;
    padding: 0;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;

    color: #475156;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 148.142%;
}

/* Remove number input spinner for Chrome, Safari, Edge */
.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .input-group
    input::-webkit-outer-spin-button,
.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .input-group
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove number input spinner for Firefox */
.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .input-group
    input[type="number"] {
    appearance: none;
    -moz-appearance: textfield;
}
.product_detail_page .product_detail_row_right .add_cart_options .btn-warning {
    height: 3rem;
    width: 100%;
    white-space: nowrap;
    display: flex;
    padding: 0 1.72831rem;
    justify-content: center;
    align-items: center;
    gap: 0.64813rem;
    border-radius: 0.162rem;
    background: #ffb400;

    color: #ffffff;
    font-family: Arial;
    font-size: 0.86419rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.01038rem;
    text-transform: uppercase;
}

.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .btn-warning
    .fa-shopping-cart {
    color: #ffffff;
}
.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .btn-outline-warning {
    display: flex;
    width: 7.3rem;
    height: 3.0625rem;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;

    white-space: nowrap;

    border-radius: 0.1875rem;
    border: 2px solid #ffb400;

    color: #ffb400;
    font-family: Arial;
    font-size: 0.86419rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.01038rem;
    text-transform: uppercase;
}

.product_detail_page
    .product_detail_row_right
    .add_cart_options
    .btn-outline-warning:hover {
    color: #ffffff;
}

.product_detail_page .product_detail_row_right .wishlist_icon {
    width: fit-content;
    color: #475156;
    font-family: "Public Sans";
    font-size: 0.75613rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.product_detail_page .product_detail_row_right .checkout_cards .fw-bold {
    color: #191c1f;
    font-family: "Public Sans";
    font-size: 0.75613rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; /* 142.857% */
}

.product_info_section {
    display: grid;
    grid-template-columns: 5fr 2.5fr 2.5fr;
    gap: 1.5rem;
}

.product_info_section > div:not(:first-child) {
    border-left: 1px solid #e4e7e9;
    padding-left: 1.5rem;
}

@media screen and (max-width: 992px) {
    .product_detail_page .product_info_section {
        grid-template-columns: 1fr;
    }
    .product_info_section > div:not(:first-child) {
        border-left: none;
        padding-left: 0;
    }
}

.product_detail_page .product_info_section {
    margin-top: 4rem;
}

.product_detail_page .product_info_section .info_heading {
    color: #191c1f;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.product_detail_page .product_info_section p {
    color: #5f6c72;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.product_detail_page .product_info_section .list-unstyled {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.product_detail_page .product_info_section .list-unstyled > li {
    display: grid;
    grid-template-columns: 1.25rem 1fr;
    gap: 0.25rem;

    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
}
.product_detail_page
    .product_info_section
    .list-unstyled
    > li
    .text-warning
    .fas {
    color: #ffb400;
}
.product_detail_page .product_info_section .list-unstyled_info {
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    padding: 0;
}
.product_detail_page .product_info_section .list-unstyled_info > b {
    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
}

@media screen and (max-width: 576px) {
    .product_detail_page .product_detail_row_right .add_cart_options {
        grid-template-columns: 100%;
    }
    .product_detail_page
        .product_detail_row_right
        .add_cart_options
        .input-group {
        width: 100%;
        max-width: 100%;
    }
    .product_detail_page
        .product_detail_row_right
        .add_cart_options
        .btn-outline-warning {
        max-width: 100%;
        width: 100%;
    }
}
/* PRODUCT DEAIL PAGE */

/* SHOPING CART PAGE */
/* Shopping Cart Page Styles */

.shopping_cart_page .card {
    border-radius: 0.25rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;
}
.shopping_cart_page .card .card_title {
    padding: 1.25rem 1.5rem;

    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}
.shopping_cart_page .card table thead th {
    padding: 0.625rem 1.5rem;
    vertical-align: middle;
    white-space: nowrap;

    border-top: 1px solid #e4e7e9;
    border-bottom: 1px solid #e4e7e9;

    background: #f2f4f5;
    color: #475156;
    font-family: Arial;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.shopping_cart_page .card table thead th:first-child {
    min-width: 20rem;
}

.shopping_cart_page .card table tbody td {
    padding: 0.625rem 1.5rem;
    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.shopping_cart_page .card table tbody td .text-decoration-line-through {
    color: #f04726 !important;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    text-decoration-line: line-through;
}
.shopping_cart_page .card table tbody td .input-group {
    display: flex;
    width: 9.25rem;
    height: 3rem;
    padding: 0rem 1.25rem;
    justify-content: space-between;
    align-items: center;

    border-radius: 0.1875rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;
}

.shopping_cart_page .input-group input[type="number"] {
    width: 40px;
    text-align: center;
    border: none;
    font-size: 1rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;

    color: #475156;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 150% */
}
.shopping_cart_page .input-group .cursor-pointer {
    cursor: pointer;
    user-select: none;
}

.shopping_cart_page .control_buttons {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

@media screen and (max-width: 456px) {
    .shopping_cart_page .control_buttons {
        flex-direction: column;
        gap: 0.5rem;
    }

    .shopping_cart_page .control_buttons .btn {
        width: 100%;
    }
}

.shopping_cart_page .control_buttons .btn {
    height: 3rem;
    display: flex;
    padding: 0 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.125rem;
    border: 2px solid #ffb400;

    color: #ffb400;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 342.857% */
    letter-spacing: 0.0105rem;
    text-transform: uppercase;
}

.shopping_cart_page .control_buttons .btn .fas {
    color: #ffb400;
}

.shopping_cart_page .control_buttons .btn:hover,
.shopping_cart_page .control_buttons .btn:hover .fas {
    color: #ffffff;
}

.shopping_cart_page .input-group input::-webkit-outer-spin-button,
.shopping_cart_page .input-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.shopping_cart_page .input-group input[type="number"] {
    -moz-appearance: textfield;
}

.total_card .card-body .fw-bold {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}
.total_card .card-body .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.total_card .card-body .item span {
    color: #5f6c72;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

.total_card .card-body .item b {
    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    text-align: right;
}
.total_card .card-body .total_amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.total_card .card-body .total_amount .fw-bold {
    color: #191c1f;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.total_card .card-body .btn-primary {
    height: 3.5rem;
    width: 100%;
    padding: 0 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;

    border-radius: 0.1875rem;
    background: #407bff;
    border: none;

    color: #ffffff;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.012rem;
    text-transform: uppercase;
}

.total_card .card-body .btn-primary:hover {
    background: #143988;
}

.total_card .card-body .btn-primary .fas {
    color: #ffffff;
}
.coupan_card .card-body .title {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}
.coupan_card .card-body .coupan_form input {
    display: flex;
    height: 2.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    align-items: center;

    color: #77878f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;

    border-radius: 0.125rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;
}
.coupan_card .card-body .coupan_form .btn-warning {
    margin-top: 1rem;
    display: flex;
    width: fit-content;
    height: 2.75rem;
    padding: 0.625rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5625rem;

    border-radius: 0.125rem;
    background: #ffb400;

    color: #ffffff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

/* SHOPING CART PAGE */

/* DEALS AND DISCOUNTS BANNERS */
.deals_discount_banners .row > div:nth-child(3n + 1) .banner_inner {
    border-radius: 0.23156rem;
    border: 0.739px solid #27282a;
    background: linear-gradient(to bottom right, #242932 7%, #0b0c0e 41%) bottom
            right / 50% 50% no-repeat,
        linear-gradient(to bottom left, #242932 7%, #0b0c0e 41%) bottom left /
            50% 50% no-repeat,
        linear-gradient(to top left, #242932 7%, #0b0c0e 41%) top left / 50% 50%
            no-repeat,
        linear-gradient(to top right, #242932 7%, #0b0c0e 41%) top right / 50%
            50% no-repeat;
}
.deals_discount_banners .row > div:nth-child(3n + 2) .banner_inner {
    border-radius: 0.25rem;
    background: radial-gradient(
        176.62% 94.35% at 15.24% 12.29%,
        #7698e3 0%,
        #407bff 100%
    );
}
.deals_discount_banners .row > div:nth-child(3n + 3) .banner_inner {
    border-radius: 0.25rem;
    background: radial-gradient(
        115.99% 72.88% at 21.38% 32.97%,
        #ffda67 0%,
        #fec000 100%
    );
    box-shadow: 0 4px 107.2px 0 rgba(255, 180, 0, 0.32);
}
.deals_discount_banners .banner_inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    padding: 2.5rem 1.85rem;
}

@media screen and (max-width: 576px) {
    .deals_discount_banners .banner_inner {
        text-align: center;
        grid-template-columns: 1fr;
        padding: 1.5rem 1rem;
    }
    .deals_discount_banners .banner_inner .shop_now {
        margin-left: auto;
        margin-right: auto;
    }
}

.deals_discount_banners .banner_inner .content .title {
    color: #ffffff;
    font-family: Arial;
    font-size: 1.85238rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.875rem; /* 101.222% */
    font-variant: all-small-caps;
}

.deals_discount_banners .row > div:nth-child(3n + 3) .content .title {
    color: #454545;
    font-family: Arial;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 115.571%;
}

.deals_discount_banners .banner_inner .content .description {
    margin-top: 1rem;
    color: #ffffff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem; /* 128.571% */
    text-transform: capitalize;
}
.deals_discount_banners .row > div:nth-child(3n + 3) .content .description {
    color: #282828;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem; /* 128.571% */
    text-transform: capitalize;
}
.deals_discount_banners .banner_inner .content .at_just {
    color: #ffffff;
    font-family: Arial;
    font-size: 1.15456rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-variant: all-small-caps;
}

.deals_discount_banners .row > div:nth-child(3n + 3) .content .at_just,
.deals_discount_banners .row > div:nth-child(3n + 3) .content .at_just span {
    color: #282828;
}

.deals_discount_banners .banner_inner .content .at_just span {
    color: #ffffff;
    font-family: Arial;
    font-size: 1.15456rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-variant: all-small-caps;
}

.deals_discount_banners .banner_inner .content .shop_now {
    margin-top: 1.5rem;
    display: flex;
    height: 2.5rem;
    width: fit-content;
    padding: 0.5rem 1rem;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.375rem;
    background: #ffb400;

    color: #fff;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem; /* 171.429% */
    letter-spacing: -0.00525rem;
}

.deals_discount_banners .row > div:nth-child(3n + 3) .content .shop_now {
    border-radius: 0.375rem;
    background: #407bff;
}

.deals_discount_banners .banner_inner .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
/* DEALS AND DISCOUNTS BANNERS */

/* ABOUT US PAGE */

/* === About Us Page Styles === */

/* === Big Summer Sale Section === */
.big_summer_sale_section {
    background: #fff;
}
.big_summer_sale_section .big_summer_sale_banner {
    min-height: 37rem;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
}
.big_summer_sale_section .big_summer_sale_banner .sale_bg_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: brightness(0.85);
}
.big_summer_sale_section .sale_overlay {
    background: rgba(0, 0, 0, 0.32);
    border-radius: 24px;
    padding: 2.5rem 1rem;
    text-align: center;
}
.big_summer_sale_section .sale_title {
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: clamp(2vw, 4.28188rem, 5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.big_summer_sale_section .sale_timer {
    gap: 0.5rem;
}
.big_summer_sale_section .timer_item {
    border-radius: 0.3125rem;
    background: rgba(255, 255, 255, 0.79);
    display: flex;
    flex-direction: column;
    align-items: center;
    aspect-ratio: 1/1;
    padding: 1.5rem;
}
.big_summer_sale_section .timer_value {
    color: #000;
    text-align: center;
    font-family: Arial;
    font-size: clamp(2vw, 4.28188rem, 5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 0.2rem;
}
.big_summer_sale_section .timer_label {
    color: #6b6b6b;
    text-align: center;
    font-family: Arial;
    font-size: 1.11613rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 150% */
}
.big_summer_sale_section .sale_btn {
    display: flex;
    width: 11.25rem;
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;

    border-radius: 0.375rem;
    background: #ffb400;
    box-shadow: 0 14px 32.6px 0 rgba(255, 180, 0, 0.36);

    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 200% */
}

@media (max-width: 991px) {
    .big_summer_sale_banner {
        min-height: 25rem !important;
    }
    .big_summer_sale_section .sale_title {
        font-size: 1.5rem;
    }
    .big_summer_sale_section .timer_item {
        padding: 0.57rem;
    }
    .big_summer_sale_section .timer_value {
        font-size: 1.3rem;
    }
    .big_summer_sale_section .timer_label {
        font-size: 0.75rem;
    }
    .big_summer_sale_section .sale_btn {
        width: 7.25rem;
    }
}

.about_us_intro {
    background: #fff;
}
.about_us_intro h1 {
    color: #191c1f;
    font-family: Arial;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 20%;
}

@media (max-width: 768px) {
    .about_us_intro h1,
    .about_us_intro .text-warning {
        font-size: 2rem !important;
        line-height: 120% !important;
    }
}

.about_us_intro .text-warning {
    color: #ffb400;
    font-family: Arial;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3rem;
}
.about_us_intro .text-danger {
    overflow: hidden;
    color: #ff5e43;
    text-overflow: ellipsis;
    font-family: Arial;
    font-size: 1.12875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 165%; /* 1.8625rem */
}
.about_us_intro ul {
    color: #475156;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 50%;

    margin-top: 1rem;
}
.about_us_intro li {
    color: #191c1f;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.about_us_intro img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.about_us_banner .about_banner_img {
    position: relative;
    background: transparent;
    min-height: 27rem;
    height: 100%;
}

.about_banner_img img {
    position: absolute;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    filter: brightness(0.85);
}
.about_banner_text {
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    padding: 2.5rem 6.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    width: 100%;
    max-width: 38rem;
}

@media screen and (max-width: 767px) {
    .about_banner_text {
        padding: 1.5rem;
    }
}

.about_banner_text .heading {
    color: #fff;
    font-family: Arial;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105.263%;
    margin-bottom: 0.5rem;
}
.about_banner_text span {
    color: #ffb400;
    font-family: Arial;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5rem;
}
.about_banner_text p {
    color: #fff;
    font-family: "Public Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    margin-bottom: 0;
}

.about_us_products {
    background: #fff;
}
.about_us_products .about_product_list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.about_us_products .about_product_item {
    padding: 0.75rem;
    border-radius: 0.1875rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;

    display: grid;
    grid-template-columns: 4rem 1fr;
    align-items: center;
    gap: 1.3rem;
}

.about_us_products .about_product_item img {
    height: 4rem;
    width: 4rem;
    object-fit: contain;
    object-position: center;
}

.about_us_products .fw-bold {
    color: #191c1f;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.about_us_products .text-primary {
    color: #007bff;
    font-weight: 600;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .about_us_products .about_product_list {
        padding: 1rem 0.5rem;
    }
}
/* ABOUT US PAGE */
/* TRACK ORDER PAGE */
.track_order_page .heading {
    color: #191c1f;
    font-family: Arial;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}
.track_order_page .description {
    color: #5f6c72;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.track_order_page .track_order_form {
    max-width: 54rem;
}
.track_order_page .track_order_form label {
    color: #191c1f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; /* 142.857% */
}

.track_order_page .track_order_form input {
    display: flex;
    height: 2.75rem;
    padding: 0.75rem 1rem;
    align-items: center;
    align-self: stretch;

    border-radius: 0.125rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;
}
.track_order_page .track_order_form .btn-warning {
    height: 3.5rem;
    display: inline-flex;
    padding: 0 2rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;

    border-radius: 0.1875rem;
    background: #ffb400;

    color: #ffffff;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 350%;
    letter-spacing: 0.012rem;
    text-transform: uppercase;
}

.track_order_page .track_order_form .btn-warning span {
    color: #ffffff;
}

.track_progress_section .track_progress_card {
    border-radius: 0.25rem;
    border: 1px solid #e4e7e9;
    background: #ffffff;
}
.track_progress_section .track_progress_card .product_summary {
    padding: 2rem;
    border-radius: 0.4375rem;
    border: 1px solid #407bff;
    background: #fbf4ce;

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}
.track_progress_section .track_progress_card .product_summary .fw-bold {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.track_progress_section .track_progress_card .product_summary .text {
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.track_progress_section .track_progress_card .product_summary .text-primary {
    color: #2da5f3 !important;
    font-family: Arial;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 114.286%; /* 114.286% */
}
.track_progress_section .track_progress_card .date_info {
    color: #475156;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}
.track_progress_section .track_steps_wrapper .tracking_steps {
    position: relative;
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.track_progress_section .track_steps_wrapper .tracking_steps .track_step {
    margin-left: auto;
    margin-right: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.track_progress_section
    .track_steps_wrapper
    .tracking_steps
    .track_step
    .step_label {
    color: #191c1f;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%; /* 142.857% */
}

.track_progress_section
    .track_steps_wrapper
    .tracking_steps
    .track_step
    .step_circle {
    margin-bottom: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid #407bff;

    display: flex;
    align-items: center;
    justify-content: center;
}

.track_progress_section
    .track_steps_wrapper
    .tracking_steps
    .track_step
    .step_circle.active {
    background-color: #407bff;
}

.track_progress_section .order_activity .fw-bold {
    color: #191c1f;
    font-family: Arial;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 133.333%;
}
.track_progress_section .order_activity .text-muted {
    color: #77878f;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
}

/* TRACK ORDER PAGE */

/* Main account dashboard page styles */
.account_dashboard_page {
    background: #f8fafc;
    /* avoid mobile viewport 100vh quirks (address bar hiding) */
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    min-height: 100vh;
}
.account_dashboard_page .account_sidebar {
    min-height: 350px;
    border-right: 1px solid #f0f0f0;
}

@media (max-width: 768px) {
    .account_dashboard_page .account_sidebar {
        min-height: fit-content;
    }
}

/* Sidebar-specific logout button (compact square icon) */
.account_dashboard_page .account_sidebar .auth_btns .logout_btn {
    width: 100%;
    border: none;
    background: transparent;
}

.account_dashboard_page .account_sidebar .auth_btns span {
    color: #ff2008 !important;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.account_dashboard_page .account_sidebar .auth_btns .logout_btn i,
.account_dashboard_page .account_sidebar .auth_btns .logout_btn .fa,
.account_dashboard_page .account_sidebar .auth_btns .logout_btn svg {
    color: inherit;
    font-size: 1rem;
    line-height: 1;
}
.account_dashboard_page .account_sidebar .auth_btns .logout_btn:hover {
    background: #f7f8fa;
    border-color: #dfe6ee;
}
.account_dashboard_page .sidebar_user h4 {
    font-size: 1.25rem;
    color: #222;
}
.account_dashboard_page .account_tabs .nav-link {
    color: #4d4d4d;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: 0px;
    padding: 10px 18px;
    transition: background 0.2s, color 0.2s;
}
.account_dashboard_page .account_tabs .nav-link.active {
    background: #f6fafe;
    color: #204ecf;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-left: 1px solid #204ecf;
}
.account_dashboard_page .account_tabs .nav-link:hover {
    background: #f7f7f7;
    color: #204ecf;
}
.account_dashboard_page .account_tab_content {
    animation: fadeIn 0.3s;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.account_dashboard_page .order_card {
    border: 1px solid #f0f0f0;
    margin-bottom: 24px;
}
.account_dashboard_page .order_card .fw-bold {
    color: #222;
}
.account_dashboard_page .order_card .btn-outline-danger {
    border-color: #ffb800;
    color: #ffb800;
    background: #fff;
    font-weight: 500;
    border-radius: 6px;
}
.account_dashboard_page .order_card .btn-outline-danger:hover {
    background: #ffb800;
    color: #fff;
}
.account_dashboard_page .order_card .btn-warning {
    background: #ffb800;
    color: #fff;
    border-radius: 6px;
}
.account_dashboard_page .track_order_link {
    font-size: 0.98rem;
    color: #222 !important;
    text-decoration: none;
}
.account_dashboard_page .track_order_link span {
    font-size: 0.92rem;
    color: #007bff !important;
}
.account_dashboard_page .order_detail_card {
    border: 1px solid #f0f0f0;
}
.account_dashboard_page .order_detail_card h2 {
    font-size: 1.3rem;
    color: #222;
}
.account_dashboard_page .order_detail_card .text-muted {
    font-size: 1rem;
}
.account_dashboard_page .order_detail_card .order_card {
    background: #f8fafc;
    border: none;
}
.account_dashboard_page .my_info_card {
    border: 1px solid #f0f0f0;
}
.account_dashboard_page .my_info_card h2 {
    font-size: 1.3rem;
    color: #222;
}
.account_dashboard_page .info_list {
    margin-top: 10px;
}
.account_dashboard_page .info_item {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 12px;
}
.account_dashboard_page .info_item:last-child {
    border-bottom: none;
}

/* Responsive fixes for order cards on small screens */
@media screen and (max-width: 768px) {
    .account_dashboard_page .order_card {
        padding: 1rem;
    }
    .account_dashboard_page
        .order_card
        .card_main_info
        .d-flex.justify-content-between {
        flex-direction: column;
        gap: 0.75rem;
    }
    .account_dashboard_page .order_card .card_main_info .order_number {
        font-size: 1rem;
        word-break: break-word;
    }
    .account_dashboard_page .order_card .product_detail {
        display: block;
    }
    .account_dashboard_page .order_card .product_detail .image_wrapper {
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 0 auto 0.75rem;
        display: block;
    }
    .account_dashboard_page .order_card .product_detail .image_wrapper img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .account_dashboard_page
        .order_card
        .product_detail
        .d-flex.justify-content-between {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
    .account_dashboard_page .order_card .detail_wrapper {
        width: 100%;
        text-align: center;
    }
    /* override text-end utility on mobile inside order cards */
    .account_dashboard_page .order_card .text-end {
        text-align: center !important;
    }
    .account_dashboard_page .order_card .track_info {
        width: 100%;
        text-align: center;
    }
    .account_dashboard_page .order_card .track_info .track_order_link.d-block {
        display: block;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-all;
    }
    .account_dashboard_page .order_card .btn-outline-danger,
    .account_dashboard_page .order_card .btn-warning {
        width: auto;
        margin-left: 0;
        display: inline-block;
        margin: 0.5rem auto 0 auto;
    }
    /* center Add Review (and primary) buttons */
    .account_dashboard_page .order_card .btn-primary {
        display: inline-block;
        margin: 0.75rem auto 0 auto;
    }
    /* spacing before Order Status line */
    .account_dashboard_page .order_card .card_main_info .text-muted {
        margin-top: 0.5rem;
    }
}
.account_dashboard_page .info_item .fw-bold {
    color: #222;
    font-size: 1.05rem;
}
.account_dashboard_page .info_item .btn-warning {
    background: #ffb800;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    min-width: 90px;
}
.account_dashboard_page .info_item .btn-warning:hover {
    background: #e6a700;
}

.account_dashboard_page .user_name {
    color: #000000 !important;
    font-family: Arial;
    font-size: 1.75rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 119.643%;
    letter-spacing: 0.035rem;
}

.account_dashboard_page .welcome_message {
    color: #4d4d4d;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120.286%;
    letter-spacing: 0.0175rem;
}

.account_dashboard_page .order_history_title_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.account_dashboard_page .order_history_title_main .order_history_title {
    color: #000000;
    font-family: Arial;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 119.643%;
}

.account_dashboard_page .order_history_title_main select {
    width: 12.75rem;
}
.account_dashboard_page .card_main_info {
    border-radius: 0.5rem;
    background: #f6fafe;
    padding: 1.5rem 0.75rem;
}
.account_dashboard_page .card_main_info .order_number {
    color: #000000;
    font-family: Arial;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.account_dashboard_page .card_main_info .text-muted {
    color: #4d4d4d;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.account_dashboard_page .card_main_info .btn {
    display: flex;
    width: fit-content;
    height: 2.1875rem;
    padding: 0.5rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.account_dashboard_page .card_main_info .btn-outline-danger {
    border-radius: 0.375rem;
    border: 1px solid #f02700;
    background: #ffffff;

    color: #f02700;
    text-align: center;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.account_dashboard_page .card_main_info .btn-outline-danger:hover {
    background-color: #f02700;
    color: #ffffff;
}
.account_dashboard_page .product_detail {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
}

.account_dashboard_page .product_detail img,
.account_dashboard_page .order_detail_info img {
    width: 6rem;
    height: 6rem;
    flex-shrink: 0;
    border-radius: 0.25rem;
    object-fit: cover;
}

.account_dashboard_page .product_detail .detail_wrapper .fw-bold {
    color: #000000;
    font-family: Arial;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.account_dashboard_page .product_detail .detail_wrapper .text-muted {
    color: #4d4d4d;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}