body,
html,
p {
    font-weight: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
ul {
    margin: 0;
}

.p0,
body,
html,
li,
ol,
ul {
    padding: 0;
}

.product-wrap h4,
body,
html {
    font-family: Satoshi-Regular;
}

.about .content,
.product-wrap h4,
.text-center {
    text-align: center;
}

.banner,
.clamp,
.marquee,
.one-line,
.placementSwiper .swiper-slide {
    overflow: hidden;
}

.sidebar-navigation>ul>li>a,
footer .col3 h5,
footer ul.links li a {
    text-transform: uppercase;
}

#thumbnail-button-bottom,
#thumbnail-button-top {
    background-position: center;
    background-repeat: no-repeat;
}

#return-to-top,
.cart-items .item-options a,
.icon-c2,
.page,
a,
a img,
a:focus,
a:hover {
    text-decoration: none;
}

.clamp,
.one-line,
.person-info .img-box h3 {
    text-overflow: ellipsis;
}

.custom-style,
.special_text {
    -webkit-text-fill-color: #fff0;
}

.breadcrumb,
.custom-submenu,
.custom-tabs .nav-link,
.marquee,
.one-line,
.person-info .img-box h3 {
    white-space: nowrap;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    height: 100%;
    margin: 0;
    font-size: 14px;
    background-color: #f5f5f5;
}

a img {
    border: none;
    outline: 0;
}

a {
    -moz-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

a:focus {
    outline: 0;
}

p {
    font-size: 16px;
    color: #252525;
}

li,
ol,
ul {
    list-style: none;
}

input:focus {
    outline: 0;
}

textarea {
    outline: 0;
    resize: none;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

:root {
    --primary-color: #fcdb04;
    --secondary-color: #f7f8fa;
}

.form-check-input:checked {
    background-color: green;
    border-color: green;
}

::-webkit-input-placeholder {
    color: rgb(34 34 34 / 0.7);
    font-family: Satoshi-Medium;
    font-weight: 500;
}

:-ms-input-placeholder {
    color: rgb(34 34 34 / 0.7);
    font-family: Satoshi-Medium;
    font-weight: 500;
}

::placeholder {
    color: rgb(34 34 34 / 0.7);
    font-family: Satoshi-Medium;
    font-weight: 500;
}

.btn-theme {
    background-color: #9f86d9;
    border: 1px solid #9f86d9;
}

.address-option.selected .edit_pen,
.address-page,
.product-details,
.radio-blk:hover input~.checkmark,
.recent-blog .blog-wrap .blog-content,
.review-page,
.sidebar-navigation,
.sidebar-navigation ul li ul li.selected.selected--last>a:before,
.subMenuColor2 {
    background-color: #fff;
}

.blog-img img,
.enter_pincode,
.progress-4::after,
.w100 {
    width: 100%;
}

.container {
    max-width: 1600px;
    width: 96%;
}

.navbar {
    padding-top: 5px;
    padding-bottom: 0;
    margin-left: 35px;
}

.custompad,
footer .section-1{
    padding-top: 40px;
    padding-bottom: 40px;
}

.blog-grid img,
.radius-20 {
    border-radius: 20px;
}

.banner {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.close-ic img,
.side-menu {
    width: 35px;
}

.advt-banner a,
.bnr-img a,
.custom-dropdown.open,
.custom-submenu.open,
.logo a,
.product-slider .swiper-slide img,
.radio-blk input:checked~.checkmark:after,
.right-blk .dropdown-menu li,
.sidebar-navigation ul li,
.sidebar-navigation ul li ul.open {
    display: block;
}

.banner-img-04 {
    margin-top: 18px;
}

.bottom-fixed,
.custom-accordion .accordion-button::after,
.marquee-item:last-child::after,
.progress-track .step.completed:last-child:after,
.progress-track .step:last-child:before,
.radio-wrapper input[type="radio"],
.right-blk .dropdown-toggle::after,
.sidebar-navigation ul li ul,
.size-container input[type="radio"],
.trythis-combo .tab-pane .col-blk:last-child::after {
    display: none;
}

.bottom-fixed ul,
.user-review-post {
    display: flex;
    justify-content: space-between;
}

.bottom-fixed li img {
    max-width: 25px;
}

.side-menu {
    position: absolute;
    left: 0;
    padding-left: 0;
    padding-right: 0;
}

.banner-sec,
.cart_wrap,
.custom-dropdown li,
.custom_ic,
.lang_opt,
.lang_opt .dropdown,
.marquee,
.marquee-item,
.search-box-2 {
    position: relative;
}

.side-menu i {
    color: #fff;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    margin-left: -2px;
}

.sidebar-navigation {
    width: 400px;
    height: auto;
    margin: 50px auto;
    -webkit-box-shadow: 3px 5px 10px 0 rgb(0 0 0 / 0.16);
    -moz-box-shadow: 3px 5px 10px 0 rgb(0 0 0 / 0.16);
    box-shadow: 3px 5px 10px 0 rgb(0 0 0 / 0.16);
}

.sidebar-navigation .title {
    display: block;
    font-size: 1.2em;
    background-color: #1e1e1e;
    padding: 20px 25px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.marquee-item,
.price_rate .price_box,
.title {
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.sidebar-navigation ul {
    margin: 0;
    padding: 0;
}

.sidebar-navigation ul li a {
    position: relative;
    display: block;
    font-size: 1em;
    font-weight: 600;
    padding: 20px 25px;
    text-decoration: none;
    color: #2e2e2e;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #eee;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.sidebar-navigation ul li a em {
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    border-radius: 50%;
}

.sidebar-navigation ul li.selected>a,
.sidebar-navigation ul li:hover>a {
    background-color: #ecf0f1;
    color: #495d62;
    border-color: rgb(255 255 255 / 0.1);
}

.sidebar-navigation ul li ul li a {
    color: #495d62;
    border-color: rgb(255 255 255 / 0.1);
}

.sidebar-navigation ul li ul li a:before {
    content: "";
    width: 10px;
    height: 1px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: #495d62;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.sidebar-navigation ul li ul li.selected>a,
.sidebar-navigation ul li ul li:hover>a {
    background-color: #e6ebed;
}

.address-option input[type="radio"],
.sidebar-navigation ul li ul li.selected>a:before,
.sidebar-navigation ul li ul li:hover>a:before {
    margin-right: 10px;
}

.sidebar-navigation ul li ul li.selected.selected--last>a {
    background-color: #94aab0;
    color: #fff;
}

.subMenuColor1 {
    background-color: #fbfcfc;
}

.right-blk .dropdown-menu {
    width: 200px;
    border-top: 5px solid var(--primary-color);
    padding-top: 5px;
}

.right-blk .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
}

.right-blk .dropdown-menu li a {
    color: #000;
    padding: 5px 15px;
}

.right-blk .dropdown-menu li a:hover {
    background-color: #555;
    color: #fff;
}

@keyframes slideup {
    from {
        transform: translateY(-20%);
    }

    to {
        transform: translateY(0);
    }
}

.title {
    color: #222;
    font-family: "Satoshi-Bold";
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
}

.bread-crumb-wrap,
.custompad-2,
.rating-review,
.trythis-combo {
    padding-top: 30px;
    padding-bottom: 30px;
}

.theme-color {
    color: #ee8222 !important;
}

.search-dropdown .form_fi {
    border: none;
    border-radius: 0;
    background: #fff0;
    width: 100%;
}

.fa-search {
    width: 20px;
}

.marquee-wrap {
    width: 100%;
    display: none;
}

.marquee {
    box-sizing: border-box;
    width: 100%;
    background: #333;
}

.marquee-content {
    display: inline-flex;
    animation: 20s linear infinite marquee;
}

.marquee-item {
    display: inline-flex;
    align-items: center;
    padding: 20px 40px;
    font-size: 16px;
    color: #fff;
}

.marquee-item::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
    transform: skew(-20deg);
}

.marquee-item img {
    width: 30px;
    margin-right: 20px;
    margin-left: 20px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee:hover .marquee-content {
    animation-play-state: paused;
}

.category-slider .cate-link {
    color: #222;
    font-family: Satoshi-Medium;
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:10px;
}

/* .category-slider .img-box {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 222px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.category-slider .img-box img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    border-radius: 222px;
} */

.topbrand-slider .img-box {
    width: 160px;
    height: 160px;
    position: relative;
    background: #fff;
    border-radius: 222px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.topbrand-slider .img-box img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    border-radius: 222px;
}

.product-wrap {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.brand-name-label {
    font-size: 16px;
    color: #000;
}

.product-wrap h4 {
    font-size: 14px;
    line-height: normal;
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
    width: 100%;
    min-height: 40px;
}

.product-box-img-wrap {
    display: block;
    height: 170px;
    position: relative;
}

.heart-icon,
.ofr-disc {
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.product-box-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    margin: auto;
}

.absolute-block {
    display: flex;
    justify-content: space-between;
    top: 0;
    position: absolute;
    width: 100%;
    pointer-events: none;
    /* Let clicks pass through empty spaces to image link below */
    z-index: 10;
}

.wish {
    pointer-events: auto;
    /* Re-enable for the actual button */
    cursor: pointer;
    z-index: 11;
}

.heart-icon {
    color: #222;
    width: 30px;
    background-color: #f5f5f5;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:
        transform 0.3s,
        background-color 0.3s;
}

.btn-buy-now:hover,
.goto-shoping:hover,
.heart-icon.clicked i,
.ofr-disc,
.product-slider .swiper-button-next,
.product-slider .swiper-button-prev {
    color: #fff;
}

.heart-icon i {
    transition:
        transform 0.3s,
        color 0.3s;
    font-size: 16px;
}

.heart-icon.clicked {
    background-color: red;
}

@keyframes heart-pop {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

.heart-icon.animated {
    animation: 0.3s heart-pop;
}

.price_rate {
    text-align: left;
}

.price_rate .price_box {
    font-size: 16px;
    color: #000;
}

.price_rate .price_box .no-offer {
    font-size: 12px;
    color: rgb(34 34 34 / 0.5);
    font-weight: 400;
    margin-left: 7px;
}

.ofr-disc {
    width: 50px;
    background-color: #43a047;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
}

.add-cart,
.add-cart2 {
    font-family: Satoshi-Medium;
    margin-top: 15px;
    color: #222;
    font-weight: 500;
    font-size: 16px;
    display: block;
    text-align: center;
}

.add-cart {
    border-color: 1px solid var(--primary-color);
    width: 100%;
    border-radius: 5px;
    border: 1px solid #222;
    padding: 10px 20px;
    background-color: #fff0;
}

.add-cart2,
.my-account-tab ul li a.active .icon-c2,
.my-account-tab ul li a:hover .icon-c2 {
    background-color: #fcdb04;
}

.add-cart2 {
    border-color: 1px solid var(--primary-color);
    border-radius: 50px;
    border: 1px solid #fcdb04;
    padding: 10px 30px;
    cursor: pointer;
}

.arrow-space,
.star-rating {
    display: flex;
    gap: 5px;
}

.blog .row-1,
.c_margin,
.link1 {
    margin-top: 30px;
}

.add-cart,
.buynow_btn {
    transition: 0.3s;
}

.add-cart:hover,
.buynow_btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgb(0 0 0 / 0.15);
    background-color: var(--primary-color);
}

.star-rating {
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    color: #ccc;
}

.customer-box h4,
.link1 {
    font-family: "Halyard Display";
    font-size: 20px;
}

.star {
    transition: color 0.2s;
}

.star.active {
    color: orange;
}

.swiper-button-next1.swiper-button-disabled,
.swiper-button-next10.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next11.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next12.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next13.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next14.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next15.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next16.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next17.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next18.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next1n.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next2n.swiper-button-disabled,
.swiper-button-next3.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next3n.swiper-button-disabled,
.swiper-button-next4.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next7.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next8.swiper-button-disabled.swiper-button-disabled,
.swiper-button-next9.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev1.swiper-button-disabled,
.swiper-button-prev10.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev11.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev12.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev13.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev14.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev15.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev16.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev17.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev18.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev1n.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev2n.swiper-button-disabled,
.swiper-button-prev3.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev3n.swiper-button-disabled,
.swiper-button-prev4.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev7.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev8.swiper-button-disabled.swiper-button-disabled,
.swiper-button-prev9.swiper-button-disabled.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.fuel-your-routine .content {
    padding: 70px 90px 50px 10px;
    max-width: 675px;
}

.link1 {
    font-weight: 400;
    border-radius: 10px;
    color: #6c2e1f;
    background-color: #fff;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

.link1:hover {
    color: #fff;
    background-color: #6c2e1f;
    border: 1px solid #fff;
}

.fuel-your-routine .content h3 {
    color: #fff;
    font-family: "Halyard Display";
    font-weight: 400;
    font-size: 44px;
}

.fuel-your-routine .content h4 {
    font-family: "Halyard Display";
    font-weight: 400;
    font-size: 56px;
    line-height: normal;
    margin-bottom: 30px;
}

.fuel-your-routine .content p {
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    line-height: 27px;
}

.fuel-your-routine .first-box {
    background-color: #6c2e1f;
    display: flex;
    justify-content: end;
}

.outlined-text {
    color: #fff0;
    -webkit-text-stroke: 0.7px rgb(255 255 255 / 0.7);
    text-stroke: 0.7px rgb(255 255 255 / 0.7);
    letter-spacing: 2px;
}

.fuel-your-routine .wrap {
    display: flex;
}

.customer-love-us,
.watch-shop {
    background-color: #f3efe6;
}

.placementSwiper .swiper-slide {
    height: 500px;
    transition:
        transform 0.4s,
        z-index 0.4s;
    border-radius: 20px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placementSwiper .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.placementSwiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 3;
}

.placementSwiper .swiper-slide-next,
.placementSwiper .swiper-slide-prev {
    transform: scale(0.93);
    z-index: 2;
    height: 400px;
}

.placementSwiper .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    transform: scale(0.92);
    animation: 5s ease-in-out infinite subtleZoom;
    z-index: 1;
    height: 300px;
}

.swiper-button-next6,
.swiper-button-prev6 {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    width: 40px;
    height: 40px;
    background-color: rgb(0 0 0 / 0.1);
    border-radius: 50px;
}

.swiper-button-next6 {
    top: 50%;
    left: -40px;
}

.search-dropdown2,
.thumbnail-button {
    left: 50%;
    transform: translateX(-50%);
}

.swiper-button-prev6 {
    top: 50%;
    right: -40px;
}

.watch-shop .container-2 {
    max-width: calc(1350px - 80px);
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

#return-to-top {
    position: fixed;
    bottom: 110px;
    right: 30px;
    background: var(--primary-color);
    width: 48px;
    height: 48px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 50px;
    display: none;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 5555;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 15px;
    top: 15px;
    font-size: 19px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.shopby-combo {
    background-color: #f3efe6;
    margin-top: 50px;
    margin-bottom: 50px;
}

.shopby-combo h2 {
    border-bottom: 1px solid #222;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
}

.custom-tabs .nav-link {
    font-size: 24px;
    color: #222;
    border-radius: 50px;
    padding: 15px 30px;
    font-family: "Halyard Display";
    font-weight: 400;
}

.custom-tabs .nav-link.active {
    border: 1px solid #000;
    background-color: #fff0;
    font-weight: 500;
    color: #222;
}

.combo-slider .swiper-pagination {
    bottom: 0;
}

.combo-slider .swiper-wrapper {
    padding-bottom: 20px;
}

.customer-box,
.customerdSlider1 .box {
    padding: 15px;
    background-color: #fff;
}

.spinner-border,
.swiper-pagination-bullet {
    background-color: var(--primary-color);
}

.customer-box {
    border-radius: 20px;
    height: 330px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.customer-box h4 {
    font-weight: 500;
    margin-bottom: 10px;
}

.stars span,
footer .col1 p {
    font-family: Satoshi-Regular;
}

.stars {
    font-size: 15px;
    color: orange;
    margin-bottom: 5px;
}

.stars span {
    font-size: 12px;
    font-weight: 400;
    color: #222;
    margin-left: 5px;
}

.prdt-thumb {
    width: 80px;
}

.clamp {
    --lines: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
    line-clamp: var(--lines);
}

footer {
    background-color: #35309c;
}

footer .col1 p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.breadcrumb li a,
.breadcrumb-item.active,
.clear-filters,
.filter-sidebar .box h3,
footer .col3 a,
footer ul.links li a {
    font-family: Satoshi-Medium;
}

footer .footer-logo {
    margin-bottom: 10px;
    width: 200px;
}

/* footer .footer-col .links {
    column-count: 2;
    column-gap: 30px;
} */

footer ul.social-links li {
    background-color: #fcdb04;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

footer ul.social-links li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

footer ul.social-links li i {
    color: #222;
    font-size: 18px;
}

footer ul.links li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding-bottom: 10px;
}

footer ul.links li a img {
    filter: brightness(0) invert(1)
}

/* .resend span,
.tracking-header h5 span,
footer ul.links li a:hover {
    color: #222;
} */

.order-details ul li:first-child a,
footer ul.links li:first-child a,
footer ul.links li:nth-child(3) a {
    padding-top: 0;
}

.frequent-bought-together,
footer ul.links li:last-child a {
    padding-bottom: 0;
}

footer h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

footer .col3 a,
footer .col3 p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

footer .connectwith-us {
    margin-top: 20px;
}

footer .social-links,
ul.social-share {
    margin-top: 10px;
}

/* ── Subscription Box ── */
.footer-subscribe {}

.footer-subscribe .subscribe-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}

.footer-subscribe .subscribe-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 14px;
    line-height: 1.5;
}

.subscribe-input-wrap {
    display: flex;
    gap: 0;
    border-radius: 50px;
    overflow: hidden;
    border: 1.5px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.07);
    transition: border-color 0.3s;
}

.subscribe-input-wrap:focus-within {
    border-color: var(--primary-color, #ffc107);
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15);
}

.subscribe-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 11px 16px;
    font-size: 13px;
    color: #fff;
}

.subscribe-input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.subscribe-btn {
    background: var(--primary-color, #ffc107);
    color: #111;
    border: none;
    padding: 11px 20px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0 50px 50px 0;
    transition: background 0.25s, transform 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.subscribe-btn:hover {
    background: #e6ac00;
    transform: scale(1.03);
}

.subscribe-btn i {
    font-size: 12px;
}

.search-dropdown2 {
    position: fixed;
    bottom: 70px;
    width: 90%;
    max-width: 90%;
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);
    display: none;
    z-index: 8888;
}

.assured img {
    width: 140px;
}

.breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

.breadcrumb li {
    line-height: normal
}

.breadcrumb li a {
    font-weight: 300;
    font-size: 20px;
    color: rgb(34 34 34 / 0.5);
}

.breadcrumb-item.active {
    font-weight: 400;
    font-size: 20px;
    color: #000;
}

.breadcrumb-item+.breadcrumb-item::before {
    font-size: 20px;
    float: left;
}

.filter-sidebar .box {
    border: 1px solid #eee;
    border-radius: 20px;
    margin-bottom: 15px;
    padding: 20px;
    background-color: #fff;
}

.filter-sidebar .box h3 {
    font-family: "Satoshi-Bold";
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    margin-bottom: 10px;

}

.filter-sidebar .box .accordion-button {
    /*padding: 15px 0;*/
    border: none;
}

.custom-accordion .accordion-item {
    border: none;
    background: 0 0;
}

.custom-accordion .accordion-button {
    background: 0 0;
    box-shadow: none;
    border: none;
    padding: 0.5rem 0;
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    font-family: "Halyard Display";
    font-weight: 400;
}

.custom-ic .icon-h,
.custom-ic li,
ul.storage-box li {
    display: inline-block;
}

.check-pin a,
.custom-accordion .accordion-button:not(.collapsed) {
    color: #ee8222;
}

.custom-accordion .accordion-button.collapsed .fa-chevron-up,
.custom-accordion .accordion-button:not(.collapsed) .fa-chevron-right {
    transform: rotate(90deg);
}

.custom-accordion .accordion-item ul li a {
    font-size: 14px;
    font-family: "Halyard Display";
    font-weight: 400;
    color: #222;
}

.clikregister,
.fa-chevron-right {
    font-size: 13px;
}

.clear-filters {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 500;
    font-size: 14px;
    color: #ee8222;
    cursor: pointer;
    z-index: 999;
}

.filters .custom-accordion .accordion-button,
.share-review p {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    font-family: "Satoshi-Regular";
}

.search-box-2 .form_fi2 {
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    padding: 10px;
}

.search-box-2 .btn-search2 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: #fff0;
    border: none;
    padding: 10px 12px;
    cursor: pointer;
}

.filters .form-check-label {
    font-size: 16px;
    font-family: Satoshi-Regular;
    font-weight: 400;
    color: #222;
}

.fw-30,
.page,
.product-top h1,
.sort-by .form-select {
    font-family: Satoshi-Medium;
    font-weight: 500;
}

.filters .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 10px;
}

.filters .form-check {
    margin-top: 14px;
    margin-bottom: 14px;
}

.custom-scroll {
    max-height: 150px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ee8222 #e0e0e0;
}

.custom-scroll::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #e0e0e0;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #ee8222;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #218838;
}

.ui-slider-horizontal .ui-slider-handle {
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    top: -7px;
    margin-left: -0.6em;
}

.address-option.active,
.ui-state-default,
.ui-widget-content .ui-state-default {
    border: 1px solid var(--primary-color);
}

.ui-slider-horizontal {
    height: 1px;
    border-color: #ee8222;
}

.ui-widget.ui-widget-content {
    border: 1px solid #ee8222;
}

#amount {
    width: 100%;
    text-align: center;
}

.product-top h1 {
    font-size: 24px;
    font-family: "Satoshi-Bold";
    font-weight: 700;
}

.sort-by label {
    color: #ee8222;
    font-size: 16px;
    font-family: Satoshi-Regular;
    font-weight: 400;
    margin-right: 10px;
    min-width: 75px;
}

.sort-by .form-select {
    background-color: #fff;
    border: none;
    font-size: 18px;
    color: #222;
    max-width: 180px;
}

.fw-30 {
    font-size: 30px;
    color: #222;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.page {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #222;
    font-size: 16px;
    transition: 0.3s;
}

.rating-summary h2,
.select-flavor .form-select,
.text-rating {
    font-family: "Halyard Display";
}

.page.active {
    background: #ee8222;
    color: #fff;
    border-color: #ee8222;
}

.ratings-container,
.review-page .product-box-img-wrap {
    background-color: #f2f2f2;
    border-radius: 20px;
}

.page:hover:not(.active) {
    background: var(--primary-color);
    color: #fff;
}

.page.next,
.page.prev {
    border: none;
}

/*.product-page .col-blk,*/
/*.wishlist .col-blk {*/
/*    margin-bottom: 25px;*/
/*}*/
.select-flavor {
    min-width: 300px;
}

.select-flavor label {
    width: auto;
    color: rgb(34 34 34 / 0.7);
    font-size: 16px;
}

.select-flavor .form-select {
    background-color: #f2f2f2;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.rating-summary p {
    font-size: 20px;
    color: rgb(34 34 34);
}

.text-rating {
    font-size: 20px;
    color: rgb(34 34 34 / 0.7);
}

.rating-delivery-block h4 {
    font-size: 18px;
    font-weight: 600;
}

.rate-this-product {
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    color: #ff406c;
    cursor: pointer;
}

.rate-this-product:focus,
.rate-this-product:hover {
    color: var(--primary-color);
}

.ratings-container {
    align-items: center;
    padding: 40px 20px;
    height: 100%;
}

.rating-summary {
    text-align: center;
    color: #ff406c;
    width: 100%;
    margin-right: 0;
}

.rating-summary h2 {
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #222;
}

.posted-by h4,
.product_cat {
    margin-bottom: 5px;
}

.rating-summary .stars {
    color: orange;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.rating-bars {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    margin-top: 30px;
}

.rating-bar {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rating-bar .star-level {
    text-align: right;
    font-size: 0.9em;
}

.posted-by h4,
.rating-bar .percentage {
    font-family: "Halyard Display";
    font-size: 16px;
}

.rating-bar .progress {
    flex: 1;
    height: 4px;
    margin: 0 10px;
    background-color: rgb(67 160 71 / 0.2);
}

.rating-bar .progress-bar {
    background-color: #43a047;
}

.rating-bar .percentage {
    text-align: right;
    color: #222;
    font-weight: 600;
}

.rating-bars .rating-bar:first-child .percentage {
    color: #43a047;
    font-weight: 600;
    font-family: "Halyard Display";
}

.posted-by .items-avaliable {
    color: rgb(34 34 34 / 0.5);
    font-size: 12px;
}

.posted-by h4 {
    color: rgb(34 34 34 / 0.8);
    font-weight: 500;
}

.price-blk p,
.product_cat {
    font-family: Satoshi-Medium;
}

.rating_date {
    color: rgb(34 34 34 / 0.5);
    font-size: 12px;
    font-weight: 400;
}

.add_add_link,
.load-more,
.product_cat {
    color: #ee8222;
}

.delivery-location p,
.delivery-option p,
.payment-box p,
.posted-by p {
    font-size: 14px;
    color: rgb(34 34 34 / 0.5);
}

.rating_date .fa-circle {
    font-size: 8px;
    width: 8px;
    height: 8px;
    color: #ee8222;
}

.empty-space {
    width: 100%;
    height: 30px;
    background-color: #f2f2f2;
}

.all-flavors,
.spec-review {
    padding-bottom: 30px;
}

.all-flavors h2,
.nutritional-value {
    font-size: 24px;
    font-weight: 500;
}

.add_add_link,
.load-more,
.posted-by h5,
.product_cat {
    font-size: 16px;
    font-weight: 500;
}

.all-flavors .select-flavor select {
    font-size: 14px;
    color: rgb(34 34 34 / 0.7);
    width: 120px;
    font-weight: 400;
}

.posted-by h5 {
    color: #222;
    margin-bottom: 10px;
}

.posted-by .stars {
    font-size: 15px;
}

.product-slider {
    display: flex;
    height: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.product-slider .mySwiper {
    width: 80px;
    height: calc(100% - 40px);
    box-sizing: border-box;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
}

.product-slider .mySwiper2 {
    width: calc(100% - 110px);
    height: 100%;
    position: relative;
    margin-left: 30px;
}

.mySwiper2 .swiper-slide {
    position: relative;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
}

.mySwiper2 .swiper-slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

.mySwiper .swiper-slide-thumb-active {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    overflow: hidden;
}

.mySwiper .swiper-slide img {
    max-height: 100%;
    margin-left: auto;
    margin-right: auto
}

.mySwiper .swiper-slide img,
.radius-10 {
    border-radius: 10px;
}

.product-slider .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.thumbnail-controls {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thumbnail-button {
    position: absolute;
    z-index: 10;
    width: 30px;
    height: 11px;
    border-radius: 50%;
    text-align: center;
    line-height: 11px;
    cursor: pointer;
    margin-left: 45px;
}

#thumbnail-button-top {
    top: 0;
    background-image: url(../images/up_arrow.png);
}

#thumbnail-button-bottom {
    bottom: 0;
    background-image: url(../images/down_arrow.png);
}

.cart-items,
.delivery-location,
.order_number {
    margin-bottom: 30px;
}

.product_description {
    padding-left: 0;
}

.item-details .size,
.product_description .stars {
    font-size: 14px;
}

.tot-reviews {
    color: rgb(34 34 34 / 0.7);
    font-family: "Halyard Display";
    font-weight: 400;
}

.custom-ic .icon-h {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    background-color: #f2f2f2;
    color: rgb(34 34 34 / 0.5);
}

.custom-ic {
    gap: 10px;
    display: flex;
}

.price-blk p {
    color: #222;
    font-family: "Satoshi-Bold";
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}

.mrp-price p,
.price-blk .withtax {
    color: rgb(34 34 34 / 0.5);
    font-size: 16px;
}

.price-blk .withtax {
    font-weight: 400;
    font-family: "Halyard Display";
}

.mrp-price p {
    font-family: Satoshi-Regular;
    font-weight: 400;
}

.product_description h3,
.select-size span {
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.cart-summary .free_delivery_tip,
.disc-color,
.discprc,
.mrp-price span {
    color: green;
}

.product_description h3 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
}

.radio-wrapper-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.radio-wrapper {
    flex: 1 1 calc(100% / 7 - 8px);
    max-width: calc(100% / 7 - 8px);
    box-sizing: border-box;
}

.radio-wrapper label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 65px;
    border: 2px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.3s;
}

.radio-wrapper input[type="radio"]:checked+label {
    border-color: #ff406c;
}

.radio-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.select-size {
    font-size: 16px;
    font-weight: 400;
    color: rgb(34 34 34 / 0.5);
    margin-top: 25px;
    font-family: Satoshi-Medium;
}

.select-size span {
    font-size: 16px;
    color: rgb(34 34 34);
}

.size-guide {
    font-size: 16px;
    cursor: pointer;
    color: #000;
}

.item-left,
.size-button {
    font-size: 14px;
    text-align: center;
}

.return-info a,
.size-guide:hover {
    color: #000;
}

.size-container {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.size-container label {
    width: auto;
}

.size-button {
    position: relative;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition:
        background-color 0.3s,
        border-color 0.3s;
    font-family: Satoshi-Regular;
    font-weight: 400;
    border: 1px solid var(--primary-color);
    display: block;
    color: #000;
}

.check-pin,
.edit_field,
.item-left {
    position: absolute;
}

.cart-items .price,
.cart-right h4,
.cart-summary .total span,
.item-left {
    font-family: Satoshi-Medium;
}

.h16,
.item-left,
.quantity-input {
    font-weight: 500;
}

.not-available .size-button {
    border: 1px dashed #ccc;
    cursor: not-allowed;
}

.hightlight-count .size-button {
    border-color: green;
    background-color: rgb(0 128 0 / 0.1);
    color: green;
}

.item-left {
    bottom: -25px;
    color: red;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.quantity-container .input-group {
    width: 130px;
    margin-top: 14px;
    border-radius: 5px;
    border: none;
}

.quantity-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.quantity-container .input-group .btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background-color: #dfdfdf;
    border-radius: 50px !important;
    font-size: 25px;
    color: #222;
}

.quantity-input {
    font-size: 20px;
    border: none;
    font-family: "Halyard Display";
    color: #222;
}

.btn-add-to-bag,
.btn-buy-now {
    font-size: 12px;
    height: 40px;
}

.nutritional-box {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
}

.h16 {
    font-size: 16px;
}

.nutritional-card {
    background: #fff;
    border-radius: 0.75rem;
    padding: 1rem;
    text-align: center;
}

.nutritional-label {
    font-size: 16px;
    font-weight: 300;
}

.pin-holder {
    height: 50px;
    border: 1px solid #dfdfdf;
    padding: 0 20px;
    border-radius: 5px;
    width: 100%;
}

.check-pin {
    color: #ff406c;
    font-size: 14px;
    font-weight: 500;
    right: 20px;
    top: 15px;
}

.about-product p,
.delivery-container p,
.form-label,
.thank-yoyu-message p a {
    color: rgb(34 34 34 / 0.5);
}

.delivery-option h4 {
    min-width: 190px;
    margin-bottom: 5px;
}

.delivery-option {
    padding-left: 3%;
}

.delivery-container p {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 0;
}

.all-flavors.style-2 h2,
.cart-summary.style-2 p.grand-total,
.custom-tabs .nav-link.style-2,
.item-count {
    font-size: 20px;
}

.addto-cart-combo {
    padding: 20px;
    background-color: rgb(67 160 71 / 0.1);
    border-radius: 15px;
}

.item-count {
    color: rgb(34 34 34 / 0.7);
    font-weight: 400;
}

.cart-container {
    gap: 0;
    padding: 0;
}

.cart-items {
    border: 1px solid #dfdfdf;
    padding: 20px;
    border-radius: 20px;
}

.cart-items .cart-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cart-items:last-child,
.my-account-tab ul li:last-child {
    margin-bottom: 0;
}

.cart-item img {
    width: 150px;
    height: auto;
    margin-right: 20px;
    border-radius: 20px;
}

.cancel-btn,
.or-divider span,
.save-btn {
    height: 40px;
    line-height: 40px;
}

.item-details {
    flex: 1;
    width: calc(100% - 150px - 15px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.item-details .color {
    font-size: 14px;
    font-weight: 400;
}

.item-details .color span {
    font-weight: 600;
    margin-left: 18px;
    color: rgb(34 34 34 / 0.8);
}

.item-details .size span {
    color: rgb(34 34 34 / 0.8);
    font-weight: 600;
    margin-left: 25px;
}

.item-details h3,
.person-info h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: Satoshi-Medium;
}

.cart-summary h3,
.my-account-tab ul li {
    margin-bottom: 15px;
}

.cart-items .price {
    font-weight: 500;
    color: #222;
    font-size: 16px;
}

.cart-items .original-price {
    text-decoration: line-through;
    color: rgb(34 34 34 / 0.5);
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
}

.cart-items .discount {
    color: green;
    margin-left: 5px;
    font-size: 16px;
    font-weight: 400;
}

.cart-items .quantity {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.cart-items .item-options {
    margin-top: 10px;
    text-align: right;
    display: flex;
    justify-content: space-between;
}

.cancel-btn,
.edit_pen,
.or-divider,
.place-order,
.save-btn {
    text-align: center;
}

.cart-items .item-options a {
    color: #333;
    font-size: 14px;
}

.cart-items .item-options a svg {
    position: relative;
    top: -1px;
}

.cart-items .delivery {
    margin-left: 10px;
    color: #666;
    font-size: 0.9em;
}

.cart-summary {
    border: 1px solid #dfdfdf;
    padding: 20px;
    border-radius: 20px;
}

.cart-summary h3 {
    font-size: 1.2em;
    font-weight: 600;
}

.cart-summary p {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    color: rgb(34 34 34 / 0.8);
}

.cart-summary.style-2 p {
    margin: 15px 0;
}

.cart-summary.style-2 p.grand-total span {
    font-size: 24px;
}

.cart-summary .total {
    font-weight: 500;
    font-size: 18px;
    color: #222;
}

.place-order {
    width: 100%;
    padding: 10px;
    background-color: var(--primary-color);
    color: #222;
    border: none;
    cursor: pointer;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    display: block;
    border-radius: 5px;
}

.quantity-container2 {
    margin-left: 30px;
}

.quantity-container2 .input-group {
    width: 70px;
    border-radius: 0;
}

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

.btn-blk {
    gap: 10px;
}

.quantity-container2 .input-group .btn {
    width: 20px;
    height: 30px;
    padding: 0;
    border: none;
    background-color: #d0d0d0;
}

.quantity-container2 .quantity-input {
    text-align: center;
    font-size: 14px;
    border: none;
    background-color: #ebebeb;
}

.quantity-container label {
    font-size: 16px;
    color: #222;
    font-weight: 400;
    margin-top: 3px;
}

.cart-right h4 {
    font-size: 20px;
    font-weight: 500;
}

.cart-right h4 span {
    font-weight: 400;
    color: rgb(34 34 34 / 0.5);
}

.minus-margin {
    margin-left: -20px;
    margin-right: -20px;
}

.address-option,
.wallet-points {
    border: 1px solid #f0f0f0;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.address-tag,
.menu-ul li a {
    padding: 10px 15px;
}

.address-option label {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}

.address-option p {
    font-size: 14px;
    color: #1e1e1e;
    margin-top: 5px;
    margin-bottom: 0;
}

.address-tag,
.or-divider span {
    border-radius: 50px;
    display: inline-block;
    color: #222;
}

.address-tag {
    background-color: #fef3e9;
    font-size: 14px;
}

.or-divider {
    color: #ff406c;
    font-weight: 600;
    margin: 20px 0;
}

.or-divider span {
    width: 40px;
    background-color: rgb(34 34 34 / 0.1);
    font-size: 15px;
    font-weight: 500;
}

.address_wrap {
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
}

.address_wrap .form-group {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.address_wrap .form-group input,
.address_wrap .form-group textarea {
    flex: 1;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9em;
    resize: none;
    width: 100%;
}

.address-type {
    font-weight: 500;
    margin-top: 20px;
    font-size: 16px;
    color: rgb(34 34 34 / 0.8);
}

.address-type-options {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.address-type-options label,
.default-address label {
    font-weight: 400;
    color: rgb(34 34 34 / 0.5);
    font-size: 14px;
}

.buttons button,
.edit_field,
.save-btn {
    font-size: 16px;
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.edit_field {
    color: #ee8222;
    right: 10px;
    top: 10px;
}

.buttons {
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

.edit_pro,
.goto-shoping,
.icon-c2 {
    display: inline-block;
}

.buttons button {
    border: none;
    cursor: pointer;
    color: #222;
}

.cancel-btn {
    color: var(--primary-color);
    background-color: #fff0;
    margin-right: 1rem;
}

.save-btn {
    background-color: var(--primary-color);
    color: #222;
    min-width: 140px;
    border-radius: 5px;
    border: none;
}

.c_radio,
.edit_pen {
    position: absolute;
    width: 20px;
    height: 20px;
}

.add_address h4,
.f-24,
.price-details h4 {
    font-size: 24px;
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.price-details h4 span {
    font-weight: 300;
}

.select-address .modal-dialog {
    max-width: 1000px;
}

.c_close {
    background-color: #fff0;
    border: none;
    padding: 0;
}

.cencel-order-modal .modal-body,
.edit-modal .modal-body,
.select-address .modal-body,
.trackorder-modal .modal-body,
.write-review .modal-body {
    padding: 30px;
}

.select-address .address-option {
    background-color: #fff;
    padding-left: 50px;
}

.select-address .modal-content {
    background-color: #f4f4f4;
    border-radius: 30px;
}

.c_radio {
    left: 15px;
    background-color: #f4f4f4;
}

.edit_pen {
    right: 15px;
    line-height: 20px;
    border-radius: 50px;
    top: 15px;
    color: #222;
    font-size: 8px;
    background-color: #f2f2f2;
}

.wallet-amount,
.wallet-points label {
    font-size: 18px;
    font-weight: 500;
}

.address-option.selected {
    border: 1px solid #43a047;
    background-color: rgb(67 160 71 / 0.1);
}

.custom-check {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.wallet-points p {
    padding-left: 27px;
}

.wallet-amount {
    color: var(--primary-color);
}

.address-page .cart-right,
.payment-container {
    border: 1px solid #f0f0f0;
    padding: 20px;
    border-radius: 10px;
}

.payment-container h6,
.tracking-updates h6 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.btn-verify,
.payment-box h6 {
    font-size: 16px;
    font-weight: 500;
}

.payment-tab ul li a {
    font-size: 14px;
    color: #222;
}

.payment-tab .nav-link {
    border-radius: 0;
    padding: 15px;
    text-align: left;
    font-weight: 400;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 0;
    background-color: #f2f2f2;
    color: rgb(34 34 34 / 0.5);
    align-items: center;
}

.payment-tab .nav-link.active {
    background: #f8f9fa;
    border-left: 5px solid #fcdb04;
    color: #000;
}

.payment-box {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 15px rgb(0 0 0 / 0.05);
}

.btn-verify,
.input-group .form-control,
.payment-box input.form-control,
.review-imgages img {
    border-radius: 5px;
}

.payment-box h6 {
    margin-bottom: 10px;
}

.btn-verify {
    background-color: var(--primary-color);
    height: 50px;
    border: none;
    color: #fff;
    width: 80px;
}

.thank-yoyu-message {
    background-color: #ffffff;
    padding: 30px;
}

.thank-yoyu-message p {
    font-size: 20px;
    color: rgb(34 34 34 / 0.5);
    font-weight: 400;
}

.thank-yoyu-message p .c_font {
    font-weight: 600;
    color: #222;
}

.goto-shoping {
    padding: 12px 16px;
    background: #fcdb04;
    border-radius: 5px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
    font-family: Satoshi-Medium;
    font-weight: 500;
}

.deliver-details {
    background-color: #f5f5f5;
    padding: 20px;
    margin-top: 30px;
    border-radius: 20px;
    width: 100%;
    height: 100%;
}

.deliver-details h3 {
    font-size: 18px;
    font-weight: 500;
    color: rgb(34 34 34 / 0.5);
    margin-top: 3px;
    margin-bottom: 3px;
}

.deliver-details h4 {
    font-size: 18px;
    font-weight: 500;
    color: rgb(30 30 30 / 0.5);
}

.deliver-details p {
    color: #1e1e1e;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.deliver-details h3 span {
    color: #222;
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.summary {
    background-color: #fafafa;
    padding: 25px;
    margin-top: 25px;
    border-radius: 20px;
}

.summary h4 {
    font-size: 20px;
    font-weight: 600;
}

.order-info h5,
.order-info2 h3,
.person-info .img-box h3 {
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.deliver-details .box2 {
    text-align: right;
}

.cart-summary.style-2 {
    height: 100%;
    background-color: #f5f5f5;
    border: none;
}

.custom_bg,
.my-account-tab ul li a,
.trackorder-modal .modal-content {
    background-color: #f4f4f4;
}

.border-style-2 {
    border-color: #fff;
}

.my-account-tab {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
}

.icon-c2,
.person-info .img-box,
.radio-blk input:checked~.checkmark {
    background-color: #222;
}

.my-account-tab ul li a {
    padding: 15px;
    display: block;
    color: #222;
    border-radius: 10px;
}

.icon-c2 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    text-align: center;
    margin-right: 15px;
    -moz-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.icon-h3,
.icon-h4 {
    line-height: 50px;
    text-align: center;
}

.back-login:hover,
.write_review {
    text-decoration: underline;
}

.my-account-tab ul li a.active,
.my-account-tab ul li a:hover {
    background-color: #222;
    color: #fcdb04;
}

.person-info {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.person-info .img-box {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fcdb04;
}

.person-info .img-box h3 {
    font-size: 40px;
    overflow: hidden;
}

.person-info .img-box img {
    border-radius: 50%;
    object-fit: cover;
}

.person-info p {
    font-size: 16px;
    margin-bottom: 3px;
    color: rgb(33 33 33 / 0.5);
}

.edit_pro {
    padding: 12px 30px;
    border-radius: 10px;
    background-color: #f5f5f5;
    color: #222;
    text-align: center;
}

.cencel-order-modal .order-info,
.edit-modal .order-info,
.order-info,
.write-review .order-info {
    padding: 20px;
}

.order-info {
    background-color: #fff;
    border-radius: 20px;
}

.order-info h5 {
    font-size: 18px;
}

.icon-h3 {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #43a047;
}

.c_btn,
.c_btn2 {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
}

.cancel-btn3.style2,
.icon-h3.returned {
    background-color: orange;
}

.order-info2 h3 {
    color: #222;
    font-size: 20px;
}

.order-info2 p {
    font-size: 14px;
    font-weight: 400;
    color: rgb(34 34 34 / 0.7);
}

.c_btn {
    border: 1px solid #222;
    color: var(--primary-color);
    font-weight: 500;
    font-family: Satoshi-Medium;
    color: #222;
    cursor: pointer;
}

.c_btn2,
.order-details h4 {
    color: #222;
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.c_btn2 {
    background-color: var(--primary-color);
}

.order-details,
.order-details2 {
    padding: 15px;
    background-color: #f4f4f4;
    margin-top: 20px;
    border-radius: 15px;
    position: relative;
}

.order-details .img-thumb {
    width: 50px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    flex-shrink: 0;
}

.icon-h4,
.order-details.cancelled-order .img-thumb {
    width: 100px;
}

.order-details.cancelled-order .img-thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.order-details h4 {
    font-size: 14px;
    margin-bottom: 5px;
}

.order-details p {
    font-size: 12px;
    color: rgb(34 34 34 / 0.7);
    margin-bottom: 0;
}

.order-details ul {
    width: 90%;
}

.order-details ul li:last-child a {
    padding-bottom: 0;
    border-bottom: none;
}

.order-details ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}

.goto {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.icon-h3.cancelled {
    background-color: #e52b36;
}

.select-blk {
    min-width: 150px;
}

.backto {
    font-size: 20px;
    color: #222;
    display: block;
    font-family: Satoshi-Regular;
}

.cancel-btn2,
.return-btn {
    margin-top: 30px;
    display: inline-block;
}

.dwld-invoice {
    color: #ee8222;
    font-size: 16px;
    font-weight: 500;
    float: right;
}

.order-details2 h4 {
    color: #222;
    font-size: 16px;
    font-family: Satoshi-Medium;
    margin-bottom: 5px;
}

.order-details2 p {
    font-size: 16px;
    color: rgb(34 34 34 / 0.7);
    margin-bottom: 0;
}

.icon-h4 {
    height: 1000px;
    border-radius: 50px;
    background-color: #43a047;
}

.cancel-btn2,
.linkc,
.return-btn {
    padding: 10px 20px;
    border-radius: 5px;
}

.order-details.cancelled-order h4,
.order-details.cancelled-order p {
    font-size: 16px;
}

.order-details2 .img-thumb2 {
    width: 100px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    flex-shrink: 0;
}

.cancelled-or {
    color: #ff4b4b;
    font-size: 16px;
    font-weight: 500;
    font-family: Satoshi-Medium;
    float: right;
}

.cancel-btn2,
.return-btn,
.return-item {
    font-size: 20px;
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.return-item {
    color: #ee8222;
    float: right;
}

.cancel-btn2 {
    background-color: #ff4b4b;
    color: #fff;
}

.return-btn {
    background-color: #fcdb04;
    color: #222;
}

.cencel-order-modal .modal-dialog,
.edit-modal .modal-dialog,
.write-review .modal-dialog {
    max-width: 700px;
}

.cencel-order-modal .modal-content,
.edit-modal .modal-content,
.write-review .modal-content {
    background-color: #f4f4f4;
    border-radius: 20px;
}

.cencel-order-modal h5,
.refund-details h3,
.write-review h5 {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.c-select {
    padding: 10px 20px;
}

.form-control:focus,
.form-select:focus {
    border-color: #222;
    outline: 0;
    box-shadow: none;
}

.buttons-wrap {
    justify-content: end;
    gap: 10px;
    display: flex;
}

.cancel-btn3,
.linkc {
    display: inline-block;
}

.linkc.bg-empty {
    color: #222;
    background-color: #fff0;
}

.linkc {
    background-color: #ff4b4b;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.edit-modal h5 {
    color: #222;
    font-size: 18px;
    font-weight: 500;
}

.form-control {
    padding: 15px;
    opacity: 1 !important;
}

.date-fi {
    background: url(../images/cal-ic.png) right 15px top 15px no-repeat #fff;
}

.quantity-input {
    text-align: center;
    padding: 0;
    background-color: #fff0;
}

.refund-details .wrap,
.share-review {
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.share-review {
    background-color: #fff;
}

.write_review {
    color: #222;
    font-weight: 500;
    font-size: 16px;
    margin-top: 2px;
    font-family: Satoshi-Medium;
}

.share-review .star {
    font-size: 33px;
}

.refund-details .wrap {
    background-color: #f2f2f2;
}

.refund-details .wrap p {
    color: rgb(34 34 34 / 0.7);
    font-size: 16px;
}

.refund-details .wrap p:first-child span {
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.success-tick {
    color: #43a047;
    font-size: 16px;
    font-weight: 500;
    float: right;
}

.cancel-btn3 {
    background-color: #ff4b4b;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    margin-top: 30px;
    float: right;
}

.address-wrap {
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
}

.delete_pen,
.edit_pen2 {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    top: 15px;
    font-size: 8px;
    background-color: #f2f2f2;
    color: #222;
    text-align: center;
}

.edit_pen2 {
    right: 50px;
}

.delete_pen {
    right: 15px;
}

.address-option .radio-blk,
.label-holder {
    font-weight: 500;
    font-size: 14px;
    border-radius: 20px;
}

.delete_pen i,
.edit_pen2 i {
    color: rgb(34 34 34 / 0.7);
    font-size: 12px;
}

.label-holder {
    background-color: #43a047;
    color: #fff;
    padding: 10px;
}

.address-option .radio-blk {
    display: inline-block;
    position: relative;
    padding: 6px 20px 6px 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f2f2f2;
    color: #222;
}

.radio-blk.selected {
    background-color: var(--primary-color);
    color: #fff;
}

.radio-blk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radio-blk .checkmark {
    position: absolute;
    top: 8px;
    left: 10px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 20px;
}

.radio-blk .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.address-option.active .radio-blk {
    background-color: var(--primary-color);
    color: #222;
}

.wallet-points-page .box {
    padding: 20px;
    text-align: center;
}

.wallet-points-page .box h3 {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    margin-bottom: 0;
}

.statment-history h4,
.wallet-points-amount {
    font-weight: 500;
    color: var(--primary-color);
}

.wallet-points-page .box p {
    color: rgb(34 34 34 / 0.7);
    margin-bottom: 5px;
}

.wallet-points-amount {
    font-size: 40px;
}

.wallet-points-page .nav-pills .nav-link.active {
    background-color: #43a047;
    border-radius: 10px;
    color: #fff;
}

.wallet-points-page .nav-pills .nav-link {
    font-size: 20px;
    background-color: #fff;
    color: #222;
    padding: 15px 30px;
    border-radius: 10px;
    margin-right: 15px;
}

.statment-history {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.statment-history span.creditamount {
    color: var(--primary-color);
    font-size: 16px;
}

.statment-history h4 {
    font-size: 24px;
    color: #222;
}

.statment-history p {
    font-size: 16px;
    color: #222;
}

.statment-history span.debitamount {
    color: #fd3838;
    font-size: 16px;
}

.bigPara {
    font-size: 20px;
    line-height: 38px;
    color: rgb(30 30 30 / 0.7);
}

.blog-wrap .blog-content {
    background-color: rgba(250, 247, 242, 1);
    padding: 20px;
}

.blog-wrap .blog-content h3 {
    font-size: 24px;
    font-family: "Satoshi-Bold";
    font-weight: 700;
    line-height: 36px;
}

.blog-wrap .blog-content p {
    line-height: 28px;
    margin-bottom: 10px;
    color: rgb(34 34 34 / 0.7);
}

.date {
    font-size: 14px;
    font-weight: 400;
    color: #ee8222;
    margin-bottom: 10px;
    display: block;
}

.read_more {
    color: rgba(238, 130, 34, 1);
    font-size: 16px;
    font-weight: 500;
}

.blog-wrap {
    border-radius: 20px;
    overflow: hidden;
}

.blog .row-1>* {
    margin-bottom: 15px;
    margin-top: 15px;
}

.blog-large-img {
    border-radius: 20px;
    margin-bottom: 30px;
}

.blog-content h1 {
    font-size: 44px;
    font-family: Satoshi-Medium;
    font-weight: 700;
    margin-bottom: 15px;
}

.search-box {
    display: flex;
    align-items: center;
    background: #f9f7f2;
    border-radius: 10px;
    padding: 8px 16px;
    width: 400px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 0.05);
}

.search-box input {
    flex: 1;
    border: none;
    outline: 0;
    background: #fff0;
    font-size: 14px;
    color: #333;
}

.search-box input::placeholder {
    color: #999;
}

.about .content h5,
.recent-blog h4 {
    color: var(--primary-color);
    text-transform: uppercase;
}

.search-btn {
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}

.truncate-2,
.truncate-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.truncate-2 {
    -webkit-line-clamp: 2;
}

.truncate-3 {
    -webkit-line-clamp: 3;
}

.blog-details h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: Satoshi-Medium;
    margin-bottom: 10px;
    margin-top: 20px;
}

.recent-blog {
    background-color: #f2f2f2;
}

.recent-blog h4 {
    font-size: 30px;
    font-weight: 500;
}

.terms-page h4 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 20px;
    color: #222;
    font-family: Satoshi-Medium;
}

.terms-page p,
.terms-page ul li {
    font-weight: 400;
    color: rgb(34 34 34 / 0.7);
    line-height: 36px;
    font-size: 20px;
}

.terms-page ul {
    padding-left: 33px;
}

.terms-page ul li {
    list-style: disc;
}

.bold {
    color: rgb(34 34 34);
    font-weight: 500;
}

.about .content h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.about .content p {
    font-size: 20px;
    color: rgb(34 34 34 / 0.7);
    line-height: 36px;
}

.custom-style {
    background: linear-gradient(90deg, #dc3545 0, #f89b29 40%, #ff0f7b 70%, #ff0f7b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #fff0;
}

.special_label {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-color);
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.special_text {
    background: linear-gradient(90deg, #ff0f7b, #f30, #ff0f7b);
    background-size: 200% auto;
    -webkit-background-clip: text;
}

.office-address {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 40px 25px 40px 10px;
    height: 100%;
}

.office-address .icon-box {
    background: rgb(7 148 70 / 0.1);
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.office-address .icon-box img {
    width: 28px;
}

.office-address .text-box h4 {
    font-size: 26px;
    font-weight: 500;
    color: #222;
}

.office-address .text-box p {
    margin: 3px 0 0;
    font-size: 16px;
    color: #444;
    line-height: 1.4;
    font-weight: 400;
}

.office-address .text-box a {
    color: #444;
}

.gradient-border {
    border-right: 1px solid #fff0;
    border-radius: 12px;
    border-image: linear-gradient(90deg, #a8e063, #72c659) 1;
}

.custom_border {
    margin-top: 40px;
    margin-bottom: 0;
    border-top: 3px solid #fff0;
    border-radius: 12px;
    border-image: linear-gradient(180deg, #72c659, #72c659) 1;
}

.descr,
.feel-free-to-visit h2 {
    margin-bottom: 15px;
    color: #fff;
}

.feel-free-to-visit {
    background: url(../images/feel_free_BG.png) 0 0 / cover;
    border-radius: 30px;
    padding: 50px;
}

.gmap {
    height: 400px;
}

.gmap iframe {
    border-radius: 30px;
    height: 100%;
}

.feel-free-to-visit h2 {
    text-transform: uppercase;
    line-height: 45px;
}

ul.social-share li {
    display: inline-block;
    margin-right: 15px;
}

.social-share .ico-hold {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: #fff;
    display: inline-block;
    line-height: 60px;
    text-align: center;
}

.feel-free-to-visit .box-left {
    padding-right: 15px;
}

.descr {
    font-size: 20px;
    font-weight: 500;
    display: block;
}

.feel-free-to-visit .box-left p,
.search_btn i {
    color: #fff;
    font-size: 16px;
}

.social-share li:first-child .ico-hold:hover {
    box-shadow: 0 0 12px rgb(59 89 152 / 0.6);
}

.social-share li:nth-child(2) .ico-hold:hover {
    box-shadow: 0 0 12px rgb(193 53 132 / 0.6);
}

.login-modal .top-icons,
.social-login {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-login a {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.3);
}

.c_custom {
    position: absolute;
    right: 30px;
    top: 30px;
}

.circle,
.input-group,
.progress-track,
.timeline,
.timeline li,
header {
    position: relative;
}

.logoinmodal {
    width: 320px;
}

.trackorder-modal .modal-dialog {
    max-width: 1000px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.tracking-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tracking-header h5 {
    font-size: 18px;
    color: rgb(34 34 34 / 0.5);
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.progress-track {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-track .step::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff;
    z-index: 0;
}

.progress-track .step.completed::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    height: 10px;
    background: #43a047;
    z-index: 1;
    width: 100%;
    transition: width 0.4s;
}

.progress-track .step {
    position: relative;
    z-index: 3;
    flex: 1;
    width: 100%;
}

.circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    z-index: 4;
}

header,
header .inner-wrap {
    background-color: #35309c;
}

.connectwith-us h4,
.menu-btn,
.timeline li .title-sm {
    font-family: Satoshi-Medium;
    font-weight: 500;
}

.step.completed .circle {
    border-color: #fff;
    background: var(--primary-color);
    color: #fff;
}

.step.active .circle {
    border-color: #fff;
    background: #43a047;
    color: #fff;
}

.progress-track .step .label {
    font-size: 18px;
    margin-top: 5px;
    color: #999;
    font-weight: 400;
}

.step.completed .label {
    color: var(--primary-color);
    font-weight: 400;
}

.step.active .label {
    color: #43a047;
    font-weight: 400;
}

.progress-1::after {
    width: 0%;
}

.progress-2::after {
    width: 33%;
}

.progress-3::after {
    width: 66%;
}

.timeline li.completed::after,
.timeline::before {
    position: absolute;
    left: 10px;
    width: 2px;
    top: 0;
    content: "";
}

.tracking-updates {
    margin-top: 30px;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
}

.timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.timeline::before {
    height: 100%;
    background: #ddd;
}

.timeline li {
    padding-left: 35px;
    margin-bottom: 25px;
}

.timeline li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #416c34;
    background: #416c34;
    z-index: 55;
}

.timeline li.completed::before {
    background: #416c34;
    border-color: #416c34;
}

.timeline li .title-sm {
    font-size: 14px;
    color: rgb(34 34 34 / 0.5);
    display: flex;
}

.timeline li .date {
    color: rgb(34 34 34 / 0.5);
    font-size: 12px;
    margin-left: 8px;
    font-weight: 400;
    margin-bottom: 0;
}

.timeline li p {
    margin: 5px 0 0;
    font-size: 14px;
    color: rgb(34 34 34 / 0.5);
}

.timeline li.completed::after {
    height: calc(100% + 25px);
    background: #416c34;
}

.timeline li.completed .title-sm {
    color: #416c34;
}

.timeline li.completed .date {
    color: #416c34;
    font-weight: 400;
    font-size: 12px;
    margin-top: 3px;
}

.progress-track .step:last-child {
    flex: 0;
    width: 70px;
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        opacity 0.6s,
        visibility 0.6s;
}

.logo-grow {
    width: 100px;
    animation: 1.5s ease-in-out infinite pulse;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}

#preloader.fade-out {
    opacity: 0;
    visibility: hidden;
}

header {
    width: 100%;
    z-index: 1001;
    top: 0;
}

header .inner-wrap {
    padding: 20px 0;
}

.logo {
    width: 195px;
}

.top_block_02 {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    gap: 10px;
    margin-left: 10px;
}

header .right-blk ul li {
    display: inline-flex;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}

.right-blk li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.right-blk li a img {
    width: 25px;
    margin-right: 5px;
    filter: brightness(0) invert(1);
}

.input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.btn-search {
    position: absolute;
    right: 0;
    background-color: #fff0;
    padding: 0;
    border: 0;
}

.search-dropdown {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    width: calc(100% - 165px);
}

.category-megamenu-btn-wrap {
    display: flex;
    align-items: center;
}

.custom-category-dropdown .btn {
    /* background-color: var(--primary-color, #2b1f4d); */
    /* Assuming dark purple per image */
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    border: none;
    border-radius: 8px 8px;
    /* Connecting to search */
    height: 50px;
    /* padding: 0 20px; */
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.custom-category-dropdown .btn:hover {
    color: #fff;
    opacity: 0.9;
}

.mega-menu-container {
    width: 90%;
    max-width: 1600px;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: none;
    margin-top: 90px !important;
    left: 0 !important;
    right: 0px !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mega-inner-wrap {
    display: flex;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.mega-menu-left {
    width: 300px;
    background-color: #fff;
    border-right: 1px solid #eaeaea;
    /* padding: 20px 0; */
    height: 500px;
    overflow-y: auto;
}

.mega-tabs .nav-link {
    text-align: left;
    color: #444;
    font-size: 15px;
    padding: 12px 20px;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    border-right: 3px solid transparent;
}

.mega-tabs .nav-link i {
    font-size: 10px;
    opacity: 0.5;
}

.mega-tabs .nav-link:hover {
    color: #4b2382;
    background-color: #f7f5fb;
}

.mega-tabs .nav-link.active {
    background-color: #f0eaf7;
    color: #4b2382;
    font-weight: 600;
    border-right: 3px solid #4b2382;
}

.mega-tabs .nav-link.active i {
    opacity: 1;
}

.mega-menu-right {
    /* flex-grow: 1; */
    padding: 30px;
    background-color: #fff;
    height: 500px;
    width: calc(100% - 300px);
}

/* Custom scrollbars for the megamenu */
.mega-menu-left::-webkit-scrollbar,
.mega-menu-right::-webkit-scrollbar,
.mega-top-cats::-webkit-scrollbar,
.brand-grid::-webkit-scrollbar,
.mega-sub-cats::-webkit-scrollbar {
    width: 6px;
}

.mega-menu-left::-webkit-scrollbar-track,
.mega-menu-right::-webkit-scrollbar-track,
.mega-top-cats::-webkit-scrollbar-track,
.brand-grid::-webkit-scrollbar-track,
.mega-sub-cats::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.mega-menu-left::-webkit-scrollbar-thumb,
.mega-menu-right::-webkit-scrollbar-thumb,
.mega-top-cats::-webkit-scrollbar-thumb,
.brand-grid::-webkit-scrollbar-thumb,
.mega-sub-cats::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

.mega-menu-left::-webkit-scrollbar-thumb:hover,
.mega-menu-right::-webkit-scrollbar-thumb:hover,
.mega-top-cats::-webkit-scrollbar-thumb:hover,
.brand-grid::-webkit-scrollbar-thumb:hover,
.mega-sub-cats::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.mega-top-cats {
    /* Horizontal scrolling for top categories */
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    padding-bottom: 15px;
    /* Space for the horizontal scrollbar */
    max-height: none;
}

.mega-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.mega-cat-item {
    text-align: center;
    text-decoration: none;
    color: #666;
    font-size: 13px;
    font-weight: 500;
    /* Fixed width to allow horizontal scrolling */
    flex: 0 0 120px;
    /* Prevent shrinking */
    padding: 10px 5px;
}

.mega-cat-item img {
    height: 90px;
    object-fit: contain;
    margin-bottom: 10px;
    transition: transform 0.3s;
}

.mega-cat-item:hover img {
    transform: translateY(-5px);
}

.mega-cat-item span {
    display: block;
    line-height: 1.2;
}

.mega-cat-item .active-text {
    color: #6b3eb1;
}

.mega-sub-cats {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

.mega-sub-cats li {
    margin-bottom: 12px;
}

.mega-sub-cats a {
    color: #555;
    text-decoration: none;
    font-size: 15px;
}

.mega-sub-cats a:hover {
    color: #222;
}

.mega-sub-cats a.active-sub {
    background: #f4effa;
    color: #6b3eb1;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
}

.brand-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

.brand-box {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    transition: all 0.3s;
}

.brand-box:hover {
    background: #eee;
}

.brand-box img {
    max-width: 100%;
    max-height: 100%;
}

.cartCout,
.wish_count {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #000;
    display: block;
    position: absolute;
    top: -10px;
    left: 14px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.cart-amount {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    margin-right: 7px;
    top: 3px;
    position: relative;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px 12px;
    cursor: pointer;
}

.custom-category-dropdown .dropdown-toggle {
    background: transparent;
}

/* .dropdown-menu {
    position: absolute;
    top: 110%;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
    display: none;
    z-index: 10;
} */

.dropdown-toggle img {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    border-radius: 50%;
}

.dropdown-menu .option {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
}

header .menu-wrap {
    background-color: #fcdb04;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.all-categories {
    width: 220px;
    display: flex;
    align-items: center;
}

.header-item {
    flex: 1;
}

.all-categories-level {
    position: relative;
    display: inline-block;
}

.menu-btn {
    background: #fff;
    color: #222;
    font-size: 16px;
    background-color: #fff0;
    border: none;
}

.custom-dropdown,
.custom-submenu {
    background: #fff;
    padding: 6px;
    display: none;
}

.custom-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 280px;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgb(16 24 40 / 0.08);
    z-index: 1000;
}

.custom-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 6px;
}

.custom-dropdown a,
.custom-dropdown button.custom-item-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: none;
    background: #fff0;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    color: #0f172a;
    text-decoration: none;
}

.specs-table td,
.specs-table th {
    padding: 8px 0;
    color: #222;
    border: none;
}

.custom-dropdown a:hover,
.custom-dropdown button.custom-item-btn:hover {
    background: #f1f5f9;
}

.custom-caret {
    margin-left: 8px;
    opacity: 0.7;
}

.custom-submenu {
    position: relative;
    top: auto;
    left: auto;
    min-width: 200px;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgb(16 24 40 / 0.06);
}

.has-children>.custom-item-btn::after {
    content: "";
}

.custom-dropdown a:focus,
.custom-dropdown button.custom-item-btn:focus {
    outline: #dbeafe solid 2px;
    outline-offset: 2px;
}

.viewall {
    color: #222;
    font-size: 18px;
    font-family: Satoshi-Regular;
    font-weight: 400;
    display: flex;
    gap: 10px;
    align-items: center;
}

.swiper-button-next3n,
.swiper-button-prev3n {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next3n {
    right: 10px;
}

.swiper-button-prev3n {
    left: 10px;
}

.mySwiperBanner2 .swiper-pagination {
    bottom: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mySwiperBanner2 .swiper-pagination-bullet {
    background-color: rgb(255 255 255 / 0.5);
}

.mySwiperBanner2 .swiper-pagination-bullet-active {
    background-color: #e27000 !important;
    width: 15px;
    height: 15px;
}

.offer-img {
    width: 260px;
}

.offer-img img {
    width: 100%;
    border-radius: 10px;
}

.offerselec-slider,
.offersmobile-slider {
    width: calc(100% - 280px);
    margin-left: 20px;
}

.connectwith-us h4 {
    font-size: 16px;
    color: #fff;
}

.login-modal .login-header,
.otp-wrapper>h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.login-modal .modal-content {
    border-radius: 15px;
    padding: 0;
    overflow: hidden;
}

.login-modal .modal-header {
    border-bottom: none;
    padding: 20px;
    display: flex;
    justify-content: flex-end;
}

.login-modal .modal-body {
    padding: 0;
    text-align: center;
}

.login-modal .modal-body-content {
    padding: 30px;
    background: #f2f2f2;
}

.login-modal .login-header {
    color: #1e1e1e;
    text-align: left;
    line-height: normal;
    font-family: "Halyard Display";
}

.login-modal .login-subtext {
    color: #1e1e1e;
    text-align: left;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    opacity: 0.5;
    font-family: "Halyard Display";
}

.login-modal input.form-control {
    border-radius: 8px;
    padding: 10px;
}

.login-modal .btn-login {
    background-color: var(--primary-color);
    color: #222;
    font-weight: 500;
    width: 100%;
    border-radius: 8px;
    height: 50px;
    font-family: "Halyard Display";
    font-size: 20px;
}

.login-modal .social-login {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}

.not-txt-block,
.sold-status {
    display: flex;
    align-items: center;
}

.login-modal .social-login button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    font-size: 20px;
}

.login-modal .form-control {
    color: #1e1e1e;
    text-align: left;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    opacity: 0.4;
    background-color: #fff;
    height: 50px;
}

.form-control-label {
    color: #222;
    text-align: left;
    font-size: 16px;
    font-family: "Halyard Display";
    font-weight: 400;
    width: 100%;
}

.back-login,
.otp-wrapper p,
.otp-wrapper>h2 {
    color: #1e1e1e;
    text-align: left;
}

.login-modal .top-icons img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.otp-wrapper>h2 {
    line-height: 150%;
}

.back-login,
.otp-wrapper p,
.register {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.otp-wrapper p {
    opacity: 0.5;
}

.otp-wrapper .resend {
    font-size: 14px;
    color: rgb(34 34 34 / 0.5);
    cursor: pointer;
    margin-left: 5px;
}

.back-login {
    opacity: 0.5;
    width: 100%;
    display: flex;
}

.register {
    text-align: right;
    color: rgb(30 30 30 / 0.5);
    width: 100%;
}

.sold-status,
.yr-warranty {
    font-family: Satoshi-Medium;
    font-weight: 500;
    font-size: 16px;
}

.register>span {
    font-size: 14px;
    color: #f37021;
    cursor: pointer;
    margin-left: 5px;
}

.btn-closeme {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 44;
    padding: 0;
    background-color: #fff0;
    border: none;
}

.password-toggle {
    position: absolute;
    top: 75%;
    right: 15px;
    transform: translateY(-75%);
    cursor: pointer;
    color: #6c757d;
    z-index: 22;
}

.fg-pwd {
    color: #222;
    margin-bottom: 10px;
}

.login-modal .modal-dialog {
    max-width: 600px;
}

.backtome {
    color: rgb(30 30 30 / 0.5);
    font-size: 16px;
}

.backtome .fa-chevron-left {
    font-size: 12px;
}

hr.style1 {
    border-color: #dfdfdf;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-page {
    padding-bottom: 40px;
}

.product-page .product-box-img-wrap {
    height: 136px;
}

.sold-status {
    color: #ee8222;
}

.not-txt-block span {
    color: #ee8222;
    font-weight: 600;
    margin-left: 10px;
}

.bottom-box p,
.specs-table th {
    font-weight: 500;
    font-family: Satoshi-Medium;
}

.rating-block {
    background: rgb(238 130 34 / 0.1);
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bottom-box p {
    font-size: 14px;
    margin-bottom: 7px;
}

.spec-review .custom_accordion .accordion-button {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    border: 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Satoshi-Medium;
}

.spec-review .custom_accordion:first-child .accordion-button {
    padding-top: 0;
    border-top: none;
}

.spec-review .custom_accordion .accordion-collapse {
    border-left: none;
    border-right: none;
}

.spec-review .custom_accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.spec-review .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.spec-review .accordion-button:not(.collapsed) {
    background-image: url(../images/up_arrow.png);
    background-position: right;
}

.spec-review .accordion-button {
    background-image: url(../images/down_arrow.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    background-position: center right 0;
}

.spec-review .custom_accordion .accordion-button:last-child {
    border-bottom: none;
}

.product-specs {
    background: #fff;
    margin-bottom: 20px;
}

.specs-table {
    width: 100%;
    border: none;
}

.specs-table th {
    width: 20%;
    font-size: 16px;
}

.specs-table td {
    font-weight: 300;
    font-family: Satoshi-Light;
}

.trythis-combo .tab-pane .row {
    margin-left: -50px;
    margin-right: -50px;
}

.trythis-combo .tab-pane .col-blk {
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    margin-top: 15px;
}

.trythis-combo .tab-pane .col-blk::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(../images/combo-plus.png);
    background-position: center;
    right: -15px;
    background-repeat: no-repeat;
    z-index: 5555;
    width: 30px;
    height: 30px;
    margin: auto;
}

.side-product-card {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 260px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
    overflow: hidden;
}

.side-product-card-image-container {
    position: relative;
    background: #fff;
    padding: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    border-radius: 20px;
}

.side-product-card-image {
    width: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
}

.side-product-card-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #00c9a7;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    text-transform: capitalize;
}

.side-product-card-checkbox {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 22px;
    height: 22px;
    background: #ff8533;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.side-product-card-checkbox::after {
    content: "✓";
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.side-product-card-info {
    margin-top: 15px;
}

.side-product-card-title {
    color: #222;
    font-size: 14px;
    line-height: 150%;
    font-family: Satoshi-Regular;
    font-weight: 400;
    margin-bottom: 10px;
}

.side-product-card-price-container {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.side-product-card-current-price {
    color: #222;
    text-align: left;
    font-size: 18px;
    line-height: 150%;
    font-family: Satoshi-Medium;
    font-weight: 500;
}

.side-product-card-original-price {
    color: #222;
    font-family: Satoshi-Regular;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    text-decoration: line-through;
    opacity: 0.7;
}

.side-product-card-discount {
    color: green;
    font-size: 14px;
    font-weight: 500;
}

.side-product-add-button-wtapper {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
}

.side-product-add-button {
    background: 0 0;
    border: none;
    outline: 0;
}

.side-product-add-button img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    cursor: pointer;
}

.my-accordion-button[aria-expanded="true"] img {
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.Together-block {
    width: 100%;
    padding: 7%;
    border-radius: 15px;
    background: #f2f2f2;
}

.buynow_btn {
    background-color: #fcdb04;
    width: 100%;
    display: block;
    border-radius: 10px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #222;
    margin-top: 15px;
    border: 1px solid #fcdb04;
    font-family: Satoshi-Medium;
    font-weight: 500;
}

.combo-check {
    position: absolute;
    right: 20px;
    top: 20px;
}

.combo-check .form-check-input {
    width: 20px;
    height: 20px;
}

.accord_wrap {
    padding-right: 30px;
}

.frequent-bought .my-accordion-button {
    background-color: #fff0;
    font-family: Satoshi-Medium;
    font-weight: 500;
    font-size: 20px;
    border: none;
    padding: 0 0 20px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.frequent-bought .my-accordion-button img {
    width: 17px;
}

.ratings-container.style-2 {
    padding: 50px;
    display: flex;
    align-items: center;
}

.ratings-container.style-2 .rating-summary {
    width: 50%;
    float: left;
}

.ratings-container.style-2 .rating-bars {
    width: 50%;
    float: left;
    margin-top: 0;
}

.rating-img {
    background-color: #f5f5f5;
    border-radius: 20px;
}

.rating-img a {
    height: 300px;
}

.rating-img img {
    display: block;
    margin: auto;
}

.address-tag.style-2 {
    background-color: rgb(67 160 71 / 0.1);
}

.return-info {
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    background: rgb(255 75 75 / 0.1);
    padding: 15px 20px;
}

.return-info p {
    color: #ff4b4b;
    font-family: "Halyard Display";
}

.c-color {
    background-color: #f5f5f5;
}

.c_textarea {
    height: 150px;
}

.upload-area {
    border: 1px dashed #e3e3e3;
    border-radius: 8px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:
        border-color 0.12s,
        background 0.12s;
    background: #fafafa;
}

.upload-area:hover {
    border-color: #d0d0d0;
    background: #fcfcfc;
}

.upload-inner {
    text-align: center;
    color: #9aa0a6;
}

.upload-inner .bi {
    font-size: 28px;
    display: block;
    margin-bottom: 6px;
}

.preview-grid {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.preview-item,
.remove-btn {
    align-items: center;
    display: flex;
}

.preview-item {
    width: 120px;
    height: 90px;
    border-radius: 6px;
    overflow: hidden;
    background: #f2f2f2;
    position: relative;
    justify-content: center;
    border: 1px solid #eee;
}

.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.remove-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    background: rgb(0 0 0 / 0.45);
    color: #fff;
    border: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
}

.stars .bi {
    font-size: 32px;
    color: #e9ecef;
    cursor: pointer;
}

.stars .bi.filled {
    color: #ffd24d;
}

.btn-submit {
    background: #ffd400;
    color: #000;
    border: 1px solid;
    padding-left: 22px;
    padding-right: 22px;
}

.rate-star .star {
    font-size: 45px;
}

.wishlist .col-wsh {
    width: 16.666%;
}

.search-dropdown .dropdown-item,
.wish {
    cursor: pointer;
}

ul.storage-box {
    margin-top: 1rem;
}

.product-slider .product-large-top-head .f-assured {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 50px;
    z-index: 555;
    margin: 0;
}

.cart-page,
.cart_wrap,
.empty-page,
.my-log,
.myacount {
    min-height: 70vh;
    display: flex;
    align-items: center;
}

#packingLoader,
.refresh-loader {
    display: none;
    position: absolute;
}

.refresh-loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#refresh-loader.active {
    display: flex !important;
}

#changePasswordBtn {
    background: var(--primary-color);
    color: #222;
    border: none;
}

#searchSuggestions .dropdown-item img {
    width: 75px;
    height: 75px;
}

#searchSuggestions {
    overflow-y: auto;
    max-height: 250px;
}

.lang_opt {
    margin-right: 10px;
    margin-left: 10px;
}

.read_more img {
    width: 15px;
    margin-right: 0px;
}

.cart-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgb(15 15 15 / 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s;
    z-index: 9999;
}

html.translated-rtl .product-box-content,
html.translated-rtl body {
    direction: rtl;
}

html.translated-rtl .breadcrumb,
html.translated-rtl .swiper {
    direction: ltr;
}

html.translated-rtl .swiper-slide {
    direction: rtl;
    text-align: right;
}

.html.translated-rtl .arrow-space,
html.translated-rtl .product-box-content .d-flex,
html.translated-rtl .shop-category-2 .arrow-space {
    flex-direction: row-reverse;
}

html.translated-rtl .backtome .fa-chevron-left,
html.translated-rtl .viewall .fa-chevron-right {
    transform: scaleX(-1);
    display: inline-block;
}

html.translated-rtl .swiper-button-next1n img,
html.translated-rtl .swiper-button-prev1n img {
    transform: scaleX(-1);
}

html.translated-rtl .btn-search,
html.translated-rtl .clear-filters {
    left: 0;
    right: auto;
}

html.translated-rtl .icon-c2,
html.translated-rtl .lang_opt,
html.translated-rtl .right-blk li a img {
    margin-left: 15px;
    margin-right: 0;
}

html.translated-rtl .dropdown-toggle img {
    margin-left: 8px;
    margin-right: 0;
}

html.translated-rtl .stars {
    justify-content: flex-end;
}

html.translated-rtl .stars span {
    margin-right: 5px;
    margin-left: 0;
}

html.translated-rtl .offerselec-slider,
html.translated-rtl .offersmobile-slider {
    margin-left: 0;
    margin-right: 20px;
}

.address-tag,
.address-tag i,
.backto i,
.bottom-box i,
.cart-right i,
.filters .custom-accordion .accordion-button .fa-chevron-up,
.form-check-input,
.item-options i,
.sold-status i,
.user-review-post i,
footer .footer-col .links i {
    margin-right: 0.5rem;
}

html.translated-rtl .address-page .address-tag,
html.translated-rtl .backto i,
html.translated-rtl .bottom-box i,
html.translated-rtl .cart-right i,
html.translated-rtl .form-check-input,
html.translated-rtl .item-options i,
html.translated-rtl .return-ordere .address-tag,
html.translated-rtl .user-review-post i,
html.translated-rtl footer .footer-col .links i,
html.translated-rtl footer .footer-col.col3 i {
    margin-left: 0.5rem;
    margin-right: 0;
}

footer .footer-col.col3 i,
html.translated-rtl .add-cart2 i,
html.translated-rtl .add_add_link i,
html.translated-rtl .address-tag,
html.translated-rtl .user-review-post span {
    margin-right: 0.5rem;
    margin-left: 0;
}

html.translated-rtl .price_rate .price_box .no-offer {
    margin-right: 7px;
    margin-left: 0;
}

html.translated-rtl #return-to-top i {
    right: 15px;
    left: 0;
}

html.translated-rtl .filters .custom-accordion .accordion-button .fa-chevron-up {
    margin-left: 0.5rem;
    margin-right: 0;
    transform: rotate(270deg);
}

html.translated-rtl .product-slider .mySwiper2 {
    margin-right: 30px;
    margin-left: 0;
}

html.translated-rtl .thumbnail-button {
    right: 50%;
}

html.translated-rtl .address-tag i,
html.translated-rtl .sold-status i {
    margin-right: 0;
    margin-left: 0.5rem;
}

.add-cart2 i,
.add_add_link i,
.c_btn i,
.mrp-price,
.user-review-post span {
    margin-left: 0.5rem;
}

html.translated-rtl .c_btn i,
html.translated-rtl .mrp-price {
    margin-left: 0;
    margin-right: 0.5rem;
}

.load-more i {
    margin-left: 1rem;
}

html.translated-rtl .load-more i {
    margin-right: 1rem;
    margin-left: 0;
}

html.translated-rtl .check-pin {
    left: 20px;
    right: auto;
}

html.translated-rtl .cart-item img {
    margin-left: 20px;
    margin-right: 0;
}

html.translated-rtl .edit_field {
    left: 10px;
    right: auto;
}

html.translated-rtl .cancel-btn,
html.translated-rtl .icon-h3,
html.translated-rtl .order-details2 .img-thumb2 {
    margin-left: 1rem;
    margin-right: 0;
}

html.translated-rtl .delete_pen {
    left: 15px;
    right: auto;
}

html.translated-rtl .edit_pen2 {
    left: 50px;
    right: auto;
}

.person-info .img-box {
    margin-right: 1.5rem;
}

html.translated-rtl .person-info .img-box {
    margin-left: 1.5rem;
    margin-right: 0;
}

.icon-h3,
.order-details .img-thumb,
.order-details2 .img-thumb2 {
    margin-right: 1rem;
}

html.translated-rtl .goto {
    left: 20px;
    right: auto;
    transform: scaleX(-1);
}

html.translated-rtl .order-details .img-thumb {
    margin-right: 0;
    margin-left: 1rem;
}

html.translated-rtl .cancel-btn3,
html.translated-rtl .cancelled-or,
html.translated-rtl .dwld-invoice,
html.translated-rtl .return-item,
html.translated-rtl .success-tick {
    float: left;
}

.category-ic,
html.translated-rtl .success-tick i {
    margin-right: 5px;
}

.write_review {
    margin-left: 0.25rem;
}

html.translated-rtl .write_review {
    margin-left: 0;
    margin-right: 0.25rem;
}

.return-info i {
    margin-right: 0.25rem;
}

html.translated-rtl .return-info i {
    margin-left: 0.25rem;
    margin-right: 0;
}

html.translated-rtl .category-ic {
    margin-left: 5px;
    margin-right: 0;
}

html.translated-rtl .cartCout,
html.translated-rtl .wish_count {
    right: 14px;
    left: auto;
}

.cart-modal {
    width: 280px;
    max-width: 90%;
    background: #fff;
    border-radius: 18px;
    padding: 22px 20px 20px;
    text-align: center;
    transform: translateY(8px) scale(0.96);
    transition: transform 0.22s;
    box-shadow:
        0 16px 40px rgb(0 0 0 / 0.12),
        0 0 0 1px rgb(0 0 0 / 0.05);
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.cart-modal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #000, #fcdb04, #000);
}

.cart-modal::after {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle at -10% -10%, rgb(252 219 4 / 0.1) 0, transparent 60%);
    z-index: -1;
}

.cart-modal-body h3 {
    margin: 6px 0 4px;
    font-size: 18px;
    color: #000;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.cart-modal-body p {
    margin: 0;
    font-size: 13px;
    color: #555;
}

.tick-badge {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fcdb04;
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 0 rgb(0 0 0 / 0.1);
    margin: 0 auto 10px;
}

.tick-check {
    stroke: #fcdb04;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
}

.cart-modal-overlay.show {
    background: rgb(0 0 0 / 0.4);
    opacity: 1;
    pointer-events: auto;
}

.cart-modal-overlay.show .cart-modal {
    transform: translateY(0) scale(1);
}

@keyframes circle-stroke {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes check-stroke {
    to {
        stroke-dashoffset: 0;
    }
}

.lang_opt .dropdown .dropdown-item {
    text-align: left;
    cursor: pointer;
}

.checkout-wrap h6 {
    margin-bottom: 5px;
}

.gadget-wrap {
    animation: 2.5s ease-in-out infinite gadgetDrop;
}

.screen-glow {
    animation: 1s infinite alternate screenPulse;
}

.lid-left {
    transform-origin: 20px 60px;
}

.lid-right {
    transform-origin: 80px 60px;
}

.seal-tape {
    transform-origin: top;
}

@keyframes gadgetDrop {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    10%,
    25% {
        transform: translateY(12px);
        opacity: 1;
    }

    100%,
    40% {
        transform: translateY(12px);
        opacity: 0;
    }
}

@keyframes screenPulse {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes foldLidLeft {

    0%,
    30%,
    40% {
        transform: rotate(-110deg);
    }

    100%,
    50%,
    60% {
        transform: rotate(0);
    }
}

@keyframes foldLidRight {

    0%,
    40% {
        transform: rotate(110deg);
    }

    100%,
    60% {
        transform: rotate(0);
    }
}

@keyframes applyTape {

    0%,
    70% {
        transform: scaleY(0);
        opacity: 0;
    }

    100%,
    85% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes boxBounce {

    0%,
    100%,
    80% {
        transform: translateY(0);
    }

    90% {
        transform: translateY(-10px);
    }
}

@keyframes dotPulse {

    0%,
    100%,
    80% {
        transform: scale(0.6);
        opacity: 0.5;
    }

    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@keyframes shapeDrop {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    10%,
    25% {
        transform: translateY(70px);
        opacity: 1;
    }

    100%,
    40% {
        transform: translateY(70px);
        opacity: 0;
    }
}

.packing-label {
    font-family: Satoshi-Bold, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.packing-dots {
    display: flex;
    gap: 10px;
}

.packing-dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary-color, #fcdb04);
    border: 1.5px solid #000;
    animation: 1.4s ease-in-out infinite both dotPulse;
}

.packing-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.packing-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

#packingLoader {
    inset: 0;
    z-index: 99999;
    background: rgb(255 255 255 / 0.98);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.packing-box-wrap {
    margin-bottom: 25px;
    animation: 3s ease-in-out infinite boxBounce;
}

.shape {
    opacity: 0;
    transform: translateY(-50px);
}

.s1 {
    animation: 3s ease-in-out infinite shapeDrop;
}

.s2 {
    animation: 3s ease-in-out 0.3s infinite shapeDrop;
}

.s3 {
    animation: 3s ease-in-out 0.6s infinite shapeDrop;
}

.lid-left {
    transform-origin: 20px 70px;
    animation: 3s ease-in-out infinite foldLidLeft;
}

.lid-right {
    transform-origin: 80px 70px;
    animation: 3s ease-in-out infinite foldLidRight;
}

.seal-tape {
    transform: scaleY(0);
    transform-origin: top;
    animation: 3s ease-in-out infinite applyTape;
}

html.translated-rtl .sort-by label {
    margin-left: 10px;
    margin-right: 0;
}

html.translated-rtl .select_block select {
    background-position: left 0.75rem center;
}

.disabled-link {
    opacity: 0.5;
}

html.translated-rtl #return-to-top {
    right: auto;
    left: 25px;
}

.banner-img-06 {
    margin-top: 20px;
}

#country-code-addon {
    padding: 15px
}

.banner-slider .swiper-pagination {
    position: absolute;
    bottom: 10px
}

/* Add a custom class to your LI in the HTML first, e.g., <li class="vendor-highlight"> */
.vendor-highlight{display:inline-block;}
.vendor-highlight a {
    position: relative;
    overflow: hidden;
    background: #fcdb04;
    color: #000000 !important;
    border-radius: 5px;
    padding: 5px 15px !important;
    text-align: center;
}

.vendor-highlight a::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.5);
    transform: rotate(30deg);
    transition: none;
    animation: shine 3s infinite;
}

@keyframes shine {
    0% {
        left: -60%;
    }

    20% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}

.cat_ic_mob {
    margin-right: 10px
}

.cat_ic_mob img {
    width: 30px;
    object-fit: contain
}

html.translated-rtl .cat_ic_mob {
    margin-left: 10px;
    margin-right: 0
}

.download-banner {
    width: 100%;
    background: #07295b;
    color: white;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 0;
}

.banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.banner-content p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
}

.store-links {
    display: flex;
    gap: 5px;
}

.store-icon img {
    height: 25px;
    /* Standard badge height */
    transition: transform 0.2s;
}

.store-icon img:hover {
    transform: scale(1.05);
}

.close-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.close-btn:hover {
    color: white;
}

.footer-col.col3 .store-icon img {
    height: 35px;
    /* Standard badge height */
    transition: transform 0.2s;
}

/* Container & Header */
.deals-wrapper {
    background-image: url(../images/limited_time_deal.png);
    background-size: contain;
    /*background-repeat: no-repeat;*/
    background-color:#fff;
    position: relative;
    border-radius: 20px;
    padding: 20px;
    color: #fff;
}

.deals-title {
    font-weight: 800;
    color: #111;
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
}

.stopwatch-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ffed4a 0%, #ffc107 100%);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
}

/* Card Styling */
.deal-card-link {
    display: block;
    background: #fff;
    padding: 15px;
    text-align: center;
    border-radius: 18px;
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);*/
    height:350px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border:1px solid rgb(0 0 0 / 10%);
    border-bottom:4px solid #fcdb04;
}

.deal-card-link img {
    max-height: 280px;
    border-radius: 12px;
    width:auto;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto;
    max-width:80%;
    max-height:80%;
}

/* Countdown Labels */
.cd-unit {
    background: #e73645;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
}

.cd-label {
    font-size: 10px;
    font-weight: 600;
    color: #444;
    margin-top: 2px;
    display: block;
    line-height: 1;
}

.cd-divider {
    font-weight: bold;
    font-size: 14px;
    color: #e73645;
    align-self: flex-start;
    margin-top: 4px;
}

.buy-now {
    background-color: #000;
    color: #fff;
    border: none
}

.affix {
    position: fixed
}

/* Cart Redesign */
.shopping-cart-title {
    font-family: "Satoshi-Medium";
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #222;
}

.shopping-cart-title span {
    font-family: "Satoshi-Regular";
    font-size: 18px;
}

.cart-item-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    flex-wrap: wrap;
}

.cart-item-image {
    width: 100px;
    height: 100px;
    object-fit: contain !important;
    border-radius: 12px;
    background: #f8f8f8;
    padding: 5px;
    flex-shrink: 0;
}

.cart-item-info {
    /*flex: 1;*/
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px - 15px);
}

.cart-item-name {
    font-size: 20px;
    font-family: "Satoshi-Medium";
    font-weight: 500;
    margin-bottom: 8px;
    color: #333;
    display: block;
    text-decoration: none !important;
}

.cart-item-price-row {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-current-price {
    font-size: 16px;
    font-weight: 600;
    font-family: "Satoshi-Medium";
    color: #111;
}

.cart-old-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.cart-discount-pct {
    font-size: 14px;
    color: #388e3c;
    font-weight: 500;
}

.cart-qty-selector {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.cart-qty-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    color: #666;
    padding: 0;
    line-height: 1;
    transition: all 0.2s;
}

.cart-qty-btn:hover {
    background: #eee;
}

.cart-qty-input {
    width: 30px;
    text-align: center;
    border: none;
    font-weight: 600;
    font-size: 15px;
    background: none;
}

.cart-item-actions {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 20px;
}

.cart-action-btn {
    color: #777;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    text-decoration: none !important;
}

.cart-action-btn i {
    font-size: 14px;
}

.cart-action-btn:hover {
    color: #000;
}

/* Sidebar / Summary */
.cart-summary-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
}

.summary-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #111;
    display: flex;
    align-items: center;
}

.summary-title::before {
    content: '\f290';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 16px;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 14px;
    color: #555;
}

.summary-row.total {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
    font-weight: 700;
    font-size: 20px;
    color: #111;
}

.savings-msg {
    color: #2e7d32;
    font-size: 13px;
    margin-top: 8px;
    font-weight: 500;
    padding-top: 5px;
}

.proceed-btn {
    width: 100%;
    background-color: #f7d400;
    color: #111;
    border: none;
    border-radius: 10px;
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    cursor: pointer;
    display: block;
    text-align: center;
}

.proceed-btn:hover {
    background-color: #e6c600;
    color: #000 !important;
}

/* Coupon Section */
.coupon-section {
    margin-bottom: 20px;
}

.coupon-section .input-group {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding: 2px;
}

.coupon-section input {
    border: none !important;
    box-shadow: none !important;
    padding: 10px 15px;
    font-size: 14px;
}

.coupon-section .btn-apply {
    background: none;
    border: none;
    color: var(--primary-color);
    font-weight: 600;
    padding: 0 15px;
}

.coupon-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.coupon-title::before {
    content: '\f3ff';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 16px;
}

.coupon-section h4,
.coupon-section+h4 {
    font-family: "Satoshi-Medium";
    font-size: 20px
}

.coupon-section h4 i,
.coupon-section+h4 i {
    margin-right: 10px
}

.item-options {
    display: flex;
    justify-content: end;
    width: 100%;
    gap: 10px;
}

.checkout-wrap img {
    max-width: 100px
}

html.translated-rtl .coupon-section h4 i,
html.translated-rtl .coupon-section+h4 i {
    margin-left: 10px;
    margin-right: auto
}

html.translated-rtl .cart-item-actions {
    left: 0px;
    right: auto
}

/* Limited Time Deals Custom Gradient Styling */
.deals-container {
    background-image: url(../images/limited-time-deal.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 20px;
    padding: 30px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(255, 165, 0, 0.2);
}

.deals-container .deals-header h2 {
    color: #111;
    font-weight: 800;
    margin: 0;
}

.deals-container .stopwatch-icon {
    font-size: 3rem;
    color: #d84315;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.deals-container .deal-card {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.deals-container .banner-countdown {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.login-modal .modal-dialog {
    max-width: 850px;
}

.custom-login-tabs {
    display: flex;
    background: #ececec;
    border-radius: 50px;
    padding: 5px;
    margin-bottom: 24px;
    gap: 0;
    width: 100%;
}

.custom-login-tabs .nav-item {
    flex: 1;
}

.custom-login-tabs .nav-link {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #888;
    font-family: "Halyard Display";
    padding: 10px 20px;
    background: transparent;
    border: none;
    outline: none;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
    letter-spacing: 0.3px;
}

.custom-login-tabs .nav-link.active {
    background: #fff;
    color: #1e1e1e;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.custom-login-tabs .nav-link:hover:not(.active) {
    color: #444;
}

.left-panel-bg {
    background: linear-gradient(135deg, #ffed4a 0%, #ffc107 100%);
    overflow: hidden;
}

.left-panel-bg::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -50px;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    filter: blur(40px);
}

footer .col2 {
    padding-left: 5%;
}

html.translated-rtl .form-control-label,
html.translated-rtl input {
    direction: rtl;
    text-align: right;
    /* Ensures text stays right if direction is overridden */
}

html.translated-rtl .login-modal .login-subtext {
    text-align: right;
}

.left-panel-text {
    text-align: left;
}

html.translated-rtl .left-panel-text {
    text-align: right;
}

html.translated-rtl .mega-menu-container {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html.translated-rtl .mega-menu-left {
    border-right: none;
    border-left: 1px solid #eaeaea;
}

html.translated-rtl .mega-tabs .nav-link {
    text-align: right;
    border-right: none;
    border-left: 3px solid transparent;
}

html.translated-rtl .mega-tabs .nav-link.active {
    border-right: none;
    border-left: 3px solid #4b2382;
}

html.translated-rtl .mega-tabs .nav-link .fa-chevron-right {
    transform: scaleX(-1);
    display: inline-block;
}

html.translated-rtl .mega-menu-right {
    text-align: right;
}

html.translated-rtl .mega-title {
    text-align: right;
}

html.translated-rtl .mega-sub-cats {
    padding-right: 0;
    padding-left: 5px;
}

html.translated-rtl .mega-sub-cats a.active-sub {
    text-align: right;
}

html.translated-rtl .mobile-sidebar-header {
    flex-direction: row-reverse;
}

/* ─── Trending Deals Card ─── */
.trending-deals-card {
    background: linear-gradient(135deg, #ffed4a 0%, #ffc107 100%);
    border-radius: 20px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.trending-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.trending-tab {
    border: none;
    background: #fff;
    color: #000;
    padding: 7px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.25s, color 0.25s, box-shadow 0.25s;
    outline: none;
    letter-spacing: 0.2px;
}

.trending-tab.active {
    background: rgb(53 48 156);
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

/*.trending-tab:hover:not(.active) {*/
/*    background: rgba(255, 255, 255, 0.45);*/
/*}*/

.trending-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    flex: 1;
}

.trending-item {
    /*background: #fff;*/
    border-radius: 14px;
    text-decoration: none;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);*/
    /*height:350px;*/
}

/*.trending-item:hover {*/
/*    transform: translateY(-4px);*/
/*    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);*/
/*    text-decoration: none;*/
/*}*/

.trending-item img {
    width: 100%;
    /*height: 100px;*/
    /*object-fit: contain;*/
    border-radius: 8px;
}

.trending-item span {
    font-size: 12px;
    font-weight: 700;
    color: #111;
    text-align: center;
    line-height: 1.3;
}

/* RTL support */
html.translated-rtl .trending-tabs {
    flex-direction: row-reverse;
}

html.translated-rtl .trending-item span {
    direction: rtl;
}
.deals-wrapper h2{
  color: #fff;
  margin: 0;
  padding: 10px 25px;
  /*border: 3px solid #FFD700;*/
  border-radius: 50px; /* Pill shape */
  text-transform: uppercase;
  display: inline-block;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  background-color:#35309c;
}

.product-ofer-banner img {
    border-radius: 10px;
    margin-top: 30px;
}

/* Custom Swiper navigation for mySwiper2 */
.swiper-button-next19,
.swiper-button-prev19 {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.swiper-button-next19:hover,
.swiper-button-prev19:hover {
    background-color: var(--primary-color);
    color: #fff;
}
.swiper-button-next19 {
    right: 10px;
}
.swiper-button-prev19 {
    left: 10px;
}
.swiper-button-next19::after,
.swiper-button-prev19::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
}
.swiper-button-next19::after {
    content: "\f054"; /* fa-chevron-right */
}
.swiper-button-prev19::after {
    content: "\f053"; /* fa-chevron-left */
}
.swiper-button-next19.swiper-button-disabled,
.swiper-button-prev19.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.swiper-button-next19.swiper-button-lock,
.swiper-button-prev19.swiper-button-lock {
    display: none !important;
}
.banner-countdown{position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; align-items: center; background: rgba(255,255,255,0.95); padding: 5px 10px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
footer .copyright-section {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #191b1c;
}

footer .copyright-section p {
    color: #fff;
}
.payment-methods {
    text-align: right;
}