@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");

    body {
        font-family: "Cairo", sans-serif !important;
    }

    .header-area .header-top .switcher-lang-currency {
        padding: 0 2rem 0 0;
        border-left: none;
    }

    /* Menu Category Search Select css start */

    .header-area .header-middle .header-middle-wrap .search-area .search-wrap .form-select,
    .menu-offcanvas .mobile-menu-area .menu-search-form .form-select {
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 2.5rem 0 1.5rem;
    }

    /* Menu Category Search Select css end */
    /* ----- Extra CSS Start ----- */
    /* Toaster CSS Start */

    .swal2-popup.swal2-toast {
        display: flex !important;
        padding: 15px !important;
    }

    .swal2-popup.swal2-toast .swal2-title {
        font-size: 1.4em !important;
    }

    /* Toaster CSS End */
    /* Checkout Page CSS */

    .checkout-page-color-show {
        display: inline-flex;
        align-items: center;
    }

    .checkout-page-color-show span {
        height: 18px;
        width: 18px;
        display: inline-flex;
        border-radius: 50%;
        margin-left: 5px;
    }

    /* Checkout Page CSS */
    /* Cart Page CSS */

    .cart-page-area .cart-page-bottom-box-wrap {
        justify-content: space-between;
    }

    /* Cart Page CSS */

    .lang-switcher .flag {
        position: relative;
        top: -2px;
    }

    .order-progress .single-progress.canceled {
        color: #333333;
    }

    .order-progress .single-progress.canceled::before {
        background: #fc1010;
        -webkit-box-shadow: 0 0 0 2px #eeeeee;
        box-shadow: 0 0 0 2px #fc1010;
    }

    .my-order-td-row {
        padding-top: 30px !important;
    }

    .primary-btn-v2.write-review-btn {
        padding: 0.75rem 2rem !important;
    }

    .review-right .product-review {
        display: flex;
    }

    .review-right .product-review .review-item.active {
        color: #fca610;
    }

    .product-single-area .product-bottom-info .tab-content .product-reviews .review-top .review-top-left .product-review {
        margin: 0 20px;
    }

    .product-single-area .product-bottom-info .tab-content .product-reviews .review-top .review-top-left .product-review .review-item {
        display: inline-block;
        color: #e9e9e9;
        cursor: pointer;
        line-height: 1;
    }

    .product-single-area .product-bottom-info .tab-content .product-reviews .review-top .review-top-left .product-review .review-item.active {
        color: #fca610;
    }

    .product-single-area .product-bottom-info .tab-content .product-reviews .reviews-list .single-review .review-middle .product-review {
        margin-right: 2rem;
    }

    .product-single-area .product-bottom-info .tab-content .product-reviews .reviews-list .single-review .review-middle .product-review .review-item {
        display: inline-block;
        color: #e9e9e9;
        line-height: 1;
        cursor: pointer;
    }

    .product-single-area .product-bottom-info .tab-content .product-reviews .reviews-list .single-review .review-middle .product-review .review-item.active {
        color: #fca610;
    }

    .testimonial-area .testimonail-slide .single-testimonial .review-area .inactive {
        color: var(--bColor);
    }

    .StripeElement {
        box-sizing: border-box;
        height: 40px;
        padding: 10px 12px;
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: white;
        box-shadow: 0 1px 3px 0 #e6ebf1;
        -webkit-transition: box-shadow 150ms ease;
        transition: box-shadow 150ms ease;
    }

    .StripeElement--focus {
        box-shadow: 0 1px 3px 0 #cfd7df;
    }

    .StripeElement--invalid {
        border-color: #fa755a;
    }

    .StripeElement--webkit-autofill {
        background-color: #fefde5 !important;
    }

    /* Menu CSS */

    .account-switcher {
        margin-right: 0;
    }

    .currency-switcher .flag {
        width: auto;
    }

    /* Menu CSS */
    /* Contact page */

    .contact-us-area.section-bottom>.row {
        padding: 0 80px;
    }

    /* Contact page */
    /* Blog Page */

    .blog-details-content-wrap,
    .our-features-area-wrap {
        margin: 0 10.5rem;
    }

    /* Blog Page */
    /* Thankyou Page CSS Start */

    .thankyou-content h2 {
        font-size: 48px;
        color: #000;
        line-height: 58px;
        margin: 30px 0;
    }

    .thankyou-content p span {
        font-weight: 500;
        color: #4a4a4a;
    }

    /* Thankyou Page CSS End */
    /* Common Modal CSS Start */

    .common-modal h2 {
        font-weight: 500;
        color: #000;
    }

    .common-modal .primary-btn {
        padding: 0.6rem 3rem;
        margin-top: 1rem;
    }

    .common-modal .form-control {
        height: 4rem;
        font-size: 15px;
    }

    .common-modal .form-label {
        color: #333;
    }

    .common-modal .modal-header {
        padding: 1.2rem 2rem;
    }

    .common-modal .modal-body {
        padding: 1.2rem 2rem 2rem;
    }

    /* Common Modal CSS End */
    /* Product Page */

    .sidebar-widget-area .price-widget .price-wrap .price-submit {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Product Page */
    /* Checkout Page New Login Box Start */

    .checkout-page-login-box {
        padding: 5rem 4rem;
        background: #f8f9fc;
    }

    .checkout-page-login-box .primary-btn {
        padding: 0.7rem 3rem 0.75rem;
    }

    .checkout-page-login-box h2,
    .checkout-discount-box h2 {
        font-size: 2.4rem;
        color: #222222;
    }

    .checkout-discount-box {
        margin: 3rem 0;
        padding: 3rem;
        background-color: #fff;
        border: 1px solid #eeeeee;
    }

    .checkout-discount-box .form-control {
        padding: 1rem 1rem;
        border: 1px solid #eeeeee;
        font-size: 14px;
        color: #333333;
    }

    .checkout-page-login-box h2 {
        margin-right: 15px;
    }

    /* Checkout Page New Login Box End */
    /* product color */

    .product-variable-color label span {
        border: 1px solid #848684;
    }

    /* product color */
    /* Home Version 2 By Default Style Start */

    .header-area-v2 .account-switcher {
        min-width: auto;
    }

    /* Home 2 Product page */

    .single-grid-product-v2 .product-top a {
        display: block;
    }

    /* Home 2 Product details */

    .product-single-area-v2 .product-single-left .product-slier-big-image .single-slide::before,
    .product-single-area-v2 .product-single-left .product-thumbnail-image .single-item::before {
        display: none;
    }

    .product-single-area-v2 .product-single-left .product-slier-big-image .single-slide .slide-image {
        /* min-width: 100%; */
        min-height: 100%;
        width: 100%;
    }

    .product-single-area-v2 .product-single-left .product-slier-big-image .single-slide {
        max-width: 100%;
        overflow: hidden;
        height: 700px;
    }

    .regular-price {
        text-decoration: line-through;
    }

    @media (max-width: 767px) {
        .popular-categories-area-v2 .catagory-left {
            padding-left: 30px;
        }

        .product-box {
            height: auto !important;
        }

        .direction-rtl .popular-categories-area-v2 .catagory-left {
            padding-left: 0x;
            padding-right: 30px;
        }

        .popular-categories-area-v2 .catagory-left:after {
            left: 0;
        }

        .direction-rtl .popular-categories-area-v2 .catagory-left:after {
            right: 0 !important;
        }
    }

    @media (max-width: 575px) {
        .popular-categories-area-v2 .catagory-left .catagory-title:after {
            display: none;
        }
    }

    /* Home Version 2 By Default Style End */
    /* RTL Intregration CSS Start */

    .direction-rtl {
        direction: rtl;
    }

    .direction-ltr {
        direction: ltr;
    }

    /* Menu css */

    .direction-rtl .header-area .header-top .header-top-left .contact-info .icon {
        margin-right: 0;
        margin-left: 1rem;
    }

    .direction-rtl .header-area .header-top .switcher-lang-currency {
        padding: 0 0 0 2rem;
        border-right: none;
        border-left: 1px solid #d0d0d0;
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .currency-switcher {
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .currency-switcher .flag,
    .direction-rtl .lang-switcher .flag,
    .direction-rtl .account-switcher .flag {
        margin-right: 0;
        margin-left: 5px;
    }

    .direction-rtl .header-area .header-middle .header-middle-wrap .search-area .search-wrap .form-group::before {
        left: auto;
        right: 7px;
    }

    .direction-rtl .header-area .header-middle .header-middle-wrap .header-right .single-btn {
        margin-right: 0;
        margin-left: 4rem;
    }

    .direction-rtl .header-area .header-middle .header-middle-wrap .header-right .single-btn:last-child {
        margin-left: 0;
    }

    .direction-rtl .header-area .header-middle .header-middle-wrap .header-right .single-btn .header-btn .btn-left {
        margin-right: 0;
        margin-left: 1.5rem;
    }

    .direction-rtl .lang-switcher .lang .fa-angle-down,
    .direction-rtl .currency-switcher .currency .fa-angle-down {
        margin-left: 0;
        margin-right: 3px;
    }

    .direction-rtl .header-area .header-top .top-bar-menu .menu-list .menu-item {
        margin-right: 0;
        margin-left: 3rem;
    }

    .direction-rtl .popular-categories-area .section-header-area .text-md-end,
    .direction-rtl .featured-productss-area .section-header-area .text-md-end,
    .direction-rtl .about-area .section-header-area .text-md-end,
    .direction-rtl .blog-area .section-header-area .text-md-end {
        text-align: left !important;
    }

    @media (max-width: 767px) {

        .direction-rtl .popular-categories-area .section-header-area .text-md-end,
        .direction-rtl .featured-productss-area .section-header-area .text-md-end,
        .direction-rtl .about-area .section-header-area .text-md-end,
        .direction-rtl .blog-area .section-header-area .text-md-end {
            text-align: right !important;
        }
    }

    .direction-rtl .popular-categories-area .single-categorie {
        margin-right: 3.5rem;
        padding: 0 0 0 3.5rem;
    }

    .direction-rtl .popular-categories-area .single-categorie:before {
        width: calc(100% - 0px);
    }

    .direction-rtl .popular-categories-area .single-categorie .categorie-wrap .categorie-icon {
        margin-left: 2rem;
        margin-right: -2.5rem;
    }

    .direction-rtl .popular-categories-area .single-categorie .arrow {
        transform: rotate(-180deg);
    }

    .direction-rtl .footer-area .footer-widget-area .social-media li {
        margin-right: 0;
        margin-left: 1.5rem;
    }

    .direction-rtl .footer-area .footer-widget-area .social-media li:last-child {
        margin-right: 0;
        margin-left: 0;
    }

    @media (max-width: 991px) {
        .direction-rtl .footer-area .footer-widget-area .social-media li {
            margin-left: 0.5rem;
        }
    }

    /* Contact Page CSS */

    .direction-rtl .contact-us-area .contact-us-top .single-contact-info {
        border-left: 0;
        border-right: 1px solid #e9e9e9;
    }

    /* Blog CSS */

    .direction-rtl .blog-single-area .blog-meta-box .post-author .author-image {
        margin-right: 0;
        margin-left: 1.5rem;
    }

    .direction-rtl .blog-single-area .blog-meta-box .media-lsit .medi-item:last-child {
        margin-right: 2.5rem;
    }

    /* Blog CSS */

    .direction-rtl .service-area .service-lsit .single-service .service-icon {
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .breadcrumb-area .breadcrumb-pages .page-item {
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .breadcrumb-area .breadcrumb-pages .page-item:after {
        left: auto;
        right: calc(100% + 10px);
    }

    /* Product Page */

    .direction-rtl .product-area .product-section-top .product-filter .form-select,
    .direction-rtl #shipping_country {
        background-position: left 0.75rem center;
        padding: 0.375rem 0.75rem 0.375rem 2.25rem;
        -moz-padding-start: calc(0.75rem - 3px);
    }

    .direction-rtl .cart-page-area .cart-page-item .single-grid-product .product-top {
        margin-right: 0;
        margin-left: 20px;
    }

    .direction-rtl .wish-list-area .wish-list-table .table thead tr th:first-child,
    .direction-rtl .checkout .cart-summary .total-amount {
        text-align: right;
    }

    .direction-rtl .checkout .cart-summary .summary-list li span,
    .direction-rtl .checkout .cart-summary .total-amount h3 span {
        float: left;
    }

    .direction-rtl .checkout .checkout-form .payment-method .form-group .input-icon {
        right: auto;
        left: 2rem;
    }

    .direction-rtl .checkout .checkout-form .payment-method .card-check .form-check-input {
        margin-left: 0;
        margin-right: 22px;
    }

    .direction-rtl .checkout .checkout-form .payment-method .card-check .form-check-label {
        padding-left: 0;
        padding-right: 45px;
    }

    .direction-rtl .checkout .checkout-form .payment-method .form-check.terms-agree .form-check-input {
        float: right !important;
        margin-left: 0;
        margin-right: -1.5em;
    }

    .direction-rtl .checkout .checkout-form .payment-method .form-check.terms-agree {
        padding-left: 0;
        padding-right: 1.5em;
    }

    .direction-rtl .checkout .checkout-form .form-check .form-check-label {
        padding-left: 0;
        padding-right: 5px;
    }

    .direction-rtl .wish-list-area .wish-list-table .action-btn .icon {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .account-page-menu ul li i {
        margin-right: 0;
        margin-left: 10px;
    }

    .direction-rtl .order-progress .single-progress::after {
        left: auto;
        right: calc(-50% - 13px / 2);
    }

    .direction-rtl .user-profile-right-part .profile-top .profile-image {
        margin-right: 0;
        margin-left: 20px;
    }

    .direction-rtl .single-grid-product .product-info .add-cart .icon {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .cart-product-item .single-grid-product .product-top {
        margin-right: 0;
        margin-left: 20px;
    }

    .direction-rtl .sidebar-widget-area .categories-widget .categories-list .single-categorie .form-check-input {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .sidebar-widget-area .search-widget .form-group .search-btn {
        right: auto;
        left: 2rem;
    }

    .direction-rtl .sidebar-widget-area .price-widget .price-wrap .price-submit i {
        transform: rotate(180deg);
    }

    .direction-rtl .sidebar-widget-area .colors-widget .colors-list .single-colors .form-check-input {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .sidebar-widget-area .brand-widget .brand-list .single-brand .form-check-input {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .sidebar-widget-area .brand-widget .brand-list .single-brand .brand-count::before,
    .direction-rtl .sidebar-widget-area .colors-widget .colors-list .single-colors .colors-count::before {
        content: ")";
    }

    .direction-rtl .sidebar-widget-area .brand-widget .brand-list .single-brand .brand-count::after,
    .direction-rtl .sidebar-widget-area .colors-widget .colors-list .single-colors .colors-count::after {
        content: "(";
    }

    .direction-rtl .pagination-area .paginations .pagination-page .pagination-link .fa-angle-double-right,
    .direction-rtl .pagination-area .paginations .pagination-page .pagination-link .fa-angle-double-left {
        transform: rotate(180deg);
    }

    .direction-rtl .single-list-product .product-right {
        padding-left: 0;
        padding-right: 3rem;
    }

    .direction-rtl .single-list-product .product-right .product-price .regular-price {
        margin-right: 0;
        margin-left: 1rem;
    }

    .direction-rtl .single-list-product .product-right .add-cart .icon {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .product-single-area .product-single-details .product-right-bottom .share-area .social-media .media-item {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .product-single-area .product-single-details .product-info .add-cart .icon {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .product-single-area .product-single-details .product-right-bottom .features .single-feature .icon {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .product-single-area .product-single-details .product-right-bottom .features .single-feature .feature-title {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    /* Product Page */
    /* FAQ Page */

    .direction-rtl .accordion-button::after {
        margin-right: auto;
        margin-left: 0;
    }

    .direction-rtl .page-menu-wrap .menu-items .menu-item .menu-link .menu-icon {
        margin-right: 0;
        margin-left: 1rem;
    }

    /* FAQ Page */

    [dir="rtl"] .testimonial-area .slick-slide,
    [dir="rtl"] .product-single-left .slick-slide {
        float: left;
    }

    .testimonial-area .slick-slider .slick-track,
    .testimonial-area .slick-slider .slick-list,
    .product-single-left .slick-slider .slick-track,
    .product-single-left .slick-slider .slick-list {
        direction: ltr;
    }

    .direction-rtl .product-single-area .product-single-left .product-slier-big-image {
        padding-left: 0;
        padding-right: 2.4rem;
    }

    /* Privacy Policy */

    .direction-rtl .privacy-policy-area .single-privacy-policy .privacy-feature .feature-item {
        padding-left: 0;
        padding-right: 2rem;
    }

    .direction-rtl .privacy-policy-area .single-privacy-policy .privacy-feature .feature-item::before {
        left: auto;
        right: 0;
    }

    /* Privacy Policy */
    /* Checkout Page New Login Box End */

    .direction-rtl .checkout-page-login-box h2 {
        margin-right: 0;
        margin-left: 15px;
    }

    /* Checkout Page New Login Box End */
    /* Home Version 2 RTL Start */

    .direction-rtl .hero-slider-content .secondary-btn .iocn {
        margin-left: 0;
        margin-right: 1rem;
        display: inline-flex;
        transform: rotate(-180deg);
    }

    .direction-rtl .hero-section-v2 .hero-btn .secondary-btn .iocn {
        display: inline-flex;
        transform: rotate(-180deg);
    }

    .direction-rtl .header-area-v2 .header-top .top-bar-menu .menu-list .menu-item {
        margin-right: 0;
        margin-left: 3rem;
    }

    .direction-rtl .single-grid-product-v2 .product-info .add-cart .icon {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .header-area-v2 .header-top .contact-info .icon {
        margin-right: 0;
        margin-left: 1rem;
    }

    .direction-rtl .hero-section-v2 .hero-btn .secondary-btn .iocn {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .header-area-v2 .header-middle .search-area .form-group .form-control {
        padding-left: 0;
        padding-right: 3rem;
    }

    .direction-rtl .header-area-v2 .header-middle .search-area .form-group .search-btn {
        left: auto;
        right: 0;
    }

    .direction-rtl .header-area-v2 .header-middle .header-right .btn-list .single-item {
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .header-area-v2 .header-middle .header-right .btn-list .single-item:last-child {
        margin-left: 0 !important;
    }

    .direction-rtl .theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left form input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .direction-rtl .theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left form button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .direction-rtl .theme-modal .modal-dialog .modal-content .modal-body .offer_modal_left form .check_boxed_modal input {
        margin-right: 0;
        margin-left: 10px;
    }

    .direction-rtl .popular-categories-area-v2 .catagory-left:after {
        right: -60px;
        left: auto;
        border-radius: 320px 0 0 320px;
    }

    .direction-rtl .footer-area-v2 .footer-bottom-wrap .col-lg-6.text-lg-end {
        text-align: left !important;
    }

    .direction-rtl .footer-area-v2 .footer-widget-area .social-media li {
        margin-right: 0;
        margin-left: 1rem;
    }

    .direction-rtl .popular-categories-area-v2 .catagory-left .catagory-title:after {
        margin-left: 0;
        margin-right: 30px;
    }

    .direction-rtl .secendary-tabs .nav-tabs .nav-item {
        margin-right: 0;
        margin-left: 2.5rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-left {
        margin-right: 0;
        margin-left: 3.6rem;
    }

    .direction-rtl .product-variable-color label {
        margin-right: 0;
        margin-left: 5px;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-info .cart-plus-minus {
        margin-right: 0;
        margin-left: 2.4rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-info .add-cart .icon {
        margin-left: 0;
        margin-right: 1rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-info .product-btn {
        margin-left: 0;
        margin-right: 2.4rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-right-bottom .share-area .share-title {
        margin-right: 0;
        margin-left: 1rem;
    }

    .direction-rtl .product-single-area-v2 .product-bottom-info .nav-tabs-menu .nav-tabs .nav-item {
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-right-bottom .features .single-feature .icon {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-right-bottom .features .single-feature .feature-title {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-right-bottom .share-area .social-media .media-item {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    .direction-rtl .breadcrumb-area-v2 .breadcrumb-pages .page-item {
        margin-right: 0;
        margin-left: 4rem;
    }

    .direction-rtl .breadcrumb-area-v2 .breadcrumb-pages .page-item:after {
        left: auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        right: calc(100% + 20px);
    }

    .direction-rtl .product-single-area-v2 .product-single-details .product-info .product-price .price {
        margin-right: 0;
        margin-left: 1rem;
    }

    .direction-rtl .menu-offcanvas .mobile-menu-area .menu-bottom .account-btn .user-icon {
        margin-right: 0;
        margin-left: 5px;
    }

    .direction-rtl .mobile-header-area .header-right .btn-list .single-item {
        margin-right: 0;
        margin-left: 2rem;
    }

    .direction-rtl .menu-offcanvas .mobile-menu-area .main-menu .menu-list .menu-item .menu-expand {
        right: auto;
        left: 0;
    }

    .direction-rtl .currency-switcher .currency-list,
    .lang-switcher .lang-list {
        left: auto;
        right: 0;
    }

    .direction-rtl .form-select {
        background-position: left 0.75rem center;
    }

    .direction-rtl .menu-offcanvas .mobile-menu-area .menu-search-form .form-group .search-btn {
        right: auto;
        left: 1.5rem;
    }

    @media (max-width: 991px) {
        .direction-rtl .footer-area-v2 .footer-bottom-wrap .col-lg-6.text-lg-end {
            text-align: right !important;
        }
    }

    /* Home Version 2 RTL End */
    /* RTL Intregration CSS End */

    .facebook-btn {
        display: inline-block;
        padding: 1.4rem 3rem;
        font-size: 1.6rem;
        font-weight: 600;
        text-transform: capitalize;
        color: var(--white);
        background-color: #3b5998;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        border: none;
    }

    .google-btn {
        display: inline-block;
        padding: 1.4rem 3rem;
        font-size: 1.6rem;
        font-weight: 600;
        text-transform: capitalize;
        color: var(--white);
        background-color: #db4437;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        border: none;
    }

    .google-btn:hover {
        background-color: var(--hover-color);
        color: var(--white);
    }

    .auth-btn {
        display: inline-block;
        padding: 1.4rem 3rem;
        font-size: 1.6rem;
        font-weight: 600;
        text-transform: capitalize;
        color: var(--white);
        background-color: #000000;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        border: none;
    }

    /* ----- Extra CSS End ----- */
    /* New CSS */

    .top-header {
        background-color: rgba(0, 0, 0, .4);
        padding: 10px 0 10px;
        border-bottom: 1px solid white;
    }

    .top-header-contact ul li a {
        /* font-family: Cairo; */
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 4px;
        flex-direction: row-reverse;
    }

    .top-header-contact ul {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    .top-header-search {
        position: relative;
        width: 100%;
        max-width: 405px;
    }

    .top-header-search input {
        border: 2px solid white;
        background: transparent;
        border-radius: 8px;
        padding: 10px;
        height: 45px;
        display: flex;
        align-items: center;
        color: white;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        width: 100%;
        padding-right: 40px;
    }

    .top-header-search input::placeholder {
        color: white;
    }

    .top-header-search svg {
        position: absolute;
        top: 14px;
        right: 13px;
        color: white !important;
    }

    .top-links ul li a {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff !important;
    }

    .top-links ul {
        display: flex;
        gap: 12px;
    }

    .top-header-align {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top-header-search-links {
        display: flex;
        flex: 1;
        justify-content: end;
        align-items: center;
        gap: 40px;
    }

    .header-links ul li a {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333333;
        padding-bottom: 23px;
        transition: 0.2s linear;
        border-bottom: 2px solid transparent;
    }

    .header-links ul li a:hover {
        border-bottom: 2px solid #446938;
    }

    .action-box-header button {
        background: transparent;
        border: none;
        /* background: #f6f6f6; */
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-radius: 8px;
        margin-top: 8px;
    }

    .action-box-header button svg {
        fill: #666666 !important;
    }

    .action-box-header p {
        margin: 0;
        position: absolute;
        width: 15px;
        height: 15px;
        font-size: 9.75px;
        font-weight: 500;
        line-height: 25.05px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        background: #446938;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        top: -3px;
        right: -5px;
        border-radius: 20px;
    }

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

    .header-actions .action-box-header:last-child {
        width: 68px;
    }

    .header-actions .action-box-header:last-child button {
        width: 100%;
    }

    .header-links ul {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    .main-header header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 80px;
        /* box-shadow: 0px 4px 25px 0px #00000014; */
        /* padding: 0 60px; */
        position: relative;
        /* background-color: rgba(56, 58, 60, 0.9); */
    }

    .shape-right {
        position: absolute;
        right: -36px;
        filter: drop-shadow(5px 3px 3px #00000014);
    }

    .shape-left {
        position: absolute;
        left: -36px;
        filter: drop-shadow(-5px 4px 4px #00000014);
    }

    .main-header {
        margin-top: 0px;
        /* background-color: rgba(0, 0, 0, .4); */
    }

    .header-links ul li a.active {
        color: #446938;
        font-weight: 700;
        border-bottom: 2px solid #446938;
    }

    /* New Banner */

    .banner-about h1 {
        font-family: Cairo;
        font-size: 48px;
        font-weight: 800;
        line-height: 70px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
        margin: 0;
        position: relative;
    }

    .banner-about p {
        font-family: Cairo;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 16px 0 24px;
        color: #555;
    }

    .banner-actions button {
        border: 1px solid #446938;
        height: 49px;
        padding: 10px 30px;
        border-radius: 8px;
        font-family: Cairo;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        background: #446938;
        color: #fff;
        transition: 0.2s linear;
    }

    .banner-new-tabs ul li button {
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        background: transparent !important;
        color: #333 !important;
        border-bottom: 3px solid transparent !important;
        border-radius: 0 !important;
    }

    .banner-new-tabs ul {
        gap: 44px;
        padding-right: 20px;
    }

    .banner-new-tabs ul li button.active {
        color: #446938 !important;
        border-color: #446938 !important;
    }

    .banner-actions button:hover {
        background: transparent;
        color: #446938;
    }

    .banner-actions button:last-child:hover {
        background: #446938;
        color: #fff;
    }

    .banner-actions button:last-child {
        background: transparent;
        color: #446938;
    }

    .banner-actions {
        display: flex;
        gap: 8px;
    }

    .banner-about {
        max-width: 496px;
    }

    .align-banner {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
    }

    section#new-banner {
        padding: 63px 0 80px;
    }

    .banner-about h1 img {
        position: absolute;
        top: 0;
        right: -80px;
        z-index: -1;
    }

    /* Banner Search */

    .title-search h3 {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0 0 4px;
        color: #333;
    }

    .search-box select {
        border: 1px solid #e0e7e8;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 9px 0 20px;
        border-radius: 8px;
        width: 100%;
        position: relative;
    }

    .search-box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .search-boxes-align {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex: 1;
        width: 100%;
    }

    .search-btn button {
        background: #446938;
        width: 100%;
        border: 1px solid #446938;
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 8px;
        height: 45px;
        transition: 0.2s linear;
    }

    .search-btn button:hover {
        box-shadow: 0px 4px 25px 0px #00000014;
    }

    .main-search-banner .search-boxes-main {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* gap: 60px; */
        /* margin-top: 40px; */
    }

    .main-search-banner {
        border: 1px solid #e0e7e8;
        padding: 16px;
        border-radius: 16px;
        box-shadow: 0px 4px 25px 0px #00000014;
    }

    .category-title h3 {
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        color: #fff;
    }

    .about-category h4 {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .about-category p {
        font-family: Cairo;
        font-size: 10px;
        font-weight: 400;
        line-height: 12px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .category-box {
        display: flex;
        align-items: center;
        margin-left: 30px;
        padding-left: 30px;
        border-left: 1px solid #cfcfcf;
        gap: 10px;
    }

    section#categories-bar {
        background: #333333;
        position: relative;
        z-index: 9;
        padding: 25px 0;
    }

    section#categories-bar::before {
        content: "";
        background: #446938;
        width: 20%;
        position: absolute;
        height: 100%;
        z-index: -1;
        top: 0;
    }

    .categories-boxes {
        display: flex;
        align-items: center;
    }

    .align-categories {
        display: flex;
        align-items: center;
    }

    .category-box:last-child {
        border: navajowhite;
        margin: 0;
        padding: 0;
    }

    .category-title {
        width: 300px;
    }

    /* Category Block */

    .title-category-block h2 {
        font-family: Cairo;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        color: #333;
    }

    .title-category-block p {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #555;
        margin: 0;
    }

    .category-block-img {
        height: 150px;
    }

    .category-block {
        text-align: center;
        border: 1px solid #446938;
        border-radius: 16px;
        padding: 21px;
        transition: 0.2s linear;
    }

    .category-block:hover {
        box-shadow: 0px 4px 25px 0px #00000014;
    }

    .category-blocks-align {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }

    .about-category-block h3 {
        margin: 0;
        font-family: Cairo;
        font-size: 24px;
        font-weight: 700;
        line-height: 35px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
    }

    .about-category-block p {
        margin: 0;
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #989898;
    }

    .align-category-blocks {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    section#category-blocks {
        padding: 70px 0;
    }

    .product-title h2 {
        font-family: Cairo;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333333;
        margin: 0;
    }

    .product-title ul {
        display: flex;
        align-items: center;
    }

    .product-title-align ul {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .product-title-align ul li a {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #555555;
        padding: 10px;
        border-radius: 8px;
    }

    .product-title-align ul li a.active {
        font-weight: 700;
        background: #446938;
        color: #fff;
    }

    .product-title-align {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-box-img>img {
        max-height: 200px;
        aspect-ratio: 1;
        width: 100%;
        object-fit: cover;
    }

    .ratings-product {
        display: flex;
        flex-direction: row-reverse;
        gap: 8px;
        align-items: center;
        justify-content: flex-end;
    }

    .ratings-product p {
        font-family: Cairo;
        font-size: 12px;
        font-weight: 400;
        line-height: 20.49px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
    }

    .ratings-product ul {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .title-box-about h3 {
        margin: 0;
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333333;
    }

    .price-box p {
        margin: 0;
        font-family: Cairo;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #446938;
    }

    .price-box {
        display: flex;
        gap: 8px;
    }

    .price-box p:last-child {
        color: #d44244;
    }

    .title-box-align {
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #e0e7e8;
        border-bottom: 1px solid #e0e7e8;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .product-box-cart p {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
    }

    .product-box-cart {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .product-box-spos-about p {
        margin: 0;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333333;
    }

    .product-box-spons-imgs {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .product-box-sponsors {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 12px;
        border-bottom: 1px solid #e0e7e8;
    }

    .country-flag {
        display: flex;
        gap: 8px;
    }

    .country-flag p {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        color: #333;
    }

    .country-product {
        display: flex;
        align-items: center;
        margin-top: 12px;
    }

    .country-car svg {
        display: block;
    }

    .product-box {
        border: 1px solid #446938;
        border-radius: 16px;
        transition: 0.2s linear;
        position: relative;
        height: 650px;
    }

    .product-box:hover {
        box-shadow: 0px 4px 25px 0px #00000014;
    }

    .align-products-main {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .product-tag p {
        margin: 0;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        padding: 5px 10px;
        border-radius: 8px;
        background: #d44244;
        width: fit-content;
    }

    .product-tag {
        position: absolute;
        top: 0;
        left: 0;
    }

    .product-box-img {
        position: relative;
    }

    .product-actions {
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: absolute;
        top: 16px;
        opacity: 0;
        transition: 0.2s ease;
        transform: translateY(10px);
    }

    .product-actions svg {
        display: block;
        cursor: pointer;
    }

    .product-box:hover .product-actions {
        opacity: 1;
        transform: none;
    }

    section#tabby-main {
        background: #242424;
        padding: 60px 0;
        margin-top: 80px;
    }

    .about-tabby-main h3 {
        font-family: Cairo;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .about-tabby-main p {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .tabby-logo-imgs img {
        width: 125px;
    }

    .about-tabby-main {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    section#brands {
        background: linear-gradient(90deg, #104c58 0%, #446938 100%);
        padding: 20px 0;
    }

    .brand-title h4 {
        font-family: Cairo;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .navigation-brand-slider {
        position: absolute;
        top: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        z-index: 9;
    }

    .swiper-button-next-brand svg {
        transform: rotate(180deg);
    }

    .swiper-button-prev-brand.swiper-button-disabled {
        opacity: 0.5;
    }

    .swiper-button-next-brand.swiper-button-disabled {
        opacity: 0.5;
    }

    .brand-logo {
        text-align: center;
    }

    .align-brands .row {
        align-items: center;
    }

    section#featured-product {
        background: #f6f6f6;
        padding: 46px 0;
    }

    .title-featured h3 {
        margin: 0;
        font-family: Cairo;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
    }

    .stars-featured svg path {
        fill: #446938;
    }

    .title-featured-product h3 {
        margin: 0;
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
        margin: 8px 0;
    }

    .price-featured p,
    .add-on p {
        margin: 0;
        font-family: Cairo;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #446938;
    }

    .price-featured p:last-child {
        color: #989898;
    }

    .price-featured {
        display: flex;
        gap: 8px;
    }

    .buy-btn-featured button {
        border: none;
        background: #333333;
        padding: 10px 50px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        flex-direction: row-reverse;
        transition: 0.2s linear;
    }

    .buy-btn-featured button:hover {
        transform: scale(0.9);
    }

    .featured-big-box {
        background: #ffffff;
        padding: 25px 20px;
        border-radius: 16px;
        flex: 1;
    }

    .featured-actions {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .featured-actions .action-box-header button {
        width: 45px !important;
        height: 45px !important;
    }

    .bar-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .bar-text p {
        margin: 0;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .bar-text p span {
        color: #333;
    }

    .progress {
        height: 10px;
        border-radius: 3px;
        background: #f7f7f7;
        margin: 12px 0;
    }

    .progress-bar {
        background: #446938;
    }

    .timer-box h3 {
        margin: 0;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
        background: #f6f6f6;
        width: 39px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        direction: ltr;
        border-radius: 3px;
    }

    .timer-box p {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
    }

    .timer-featured {
        display: flex;
        gap: 34px;
    }

    .featured-location {
        margin: 8px 0;
    }

    .featured-bar {
        margin-top: 10px;
    }

    .feature-box-image-align {
        display: flex;
        gap: 24px;
    }

    .featured-box-img {
        max-height: 320px;
        max-width: 300px;
        position: relative;
    }

    .featured-box-img img {
        height: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }

    .featured-pro-about {
        flex: 1;
    }

    .bottom-featured-box {
        border: 0.89px solid #e5e5e5;
        border-radius: 5px;
        padding: 8px 30px;
        width: fit-content;
        transition: 0.2s linear;
    }

    .bottom-featured-prods {
        display: flex;
        gap: 16px;
        margin-top: 24px;
    }

    .bottom-featured-box img {
        max-height: 70px;
        max-width: 80px;
        aspect-ratio: 1;
        object-fit: cover;
    }

    .bottom-featured-box:hover {
        box-shadow: 0px 4px 25px 0px #00000014;
        border-color: #446938;
    }

    .featured-small-box:first-child {
        background: url(https://s3-alpha-sig.figma.com/img/835f/dfd5/a135ac951c9046e49d19c1344b2bb153?Expires=1733702400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ji30NBkW2kBZYyfQvoK-zZIyHP4VleABzteDjVPveWRjLqZa7xkiszVaJkgx5XHyWi-KZlgO~F24Lf8MiDEN~bnovU1-U76QAJQKL7u04FJQHEt3DdC7CWICsZ~Z0QORYfnK9RkhS8kOcSJP9zb9lPpPeWZZo5tRNeWehHysNyzUc0VO3UnuL1XcgTPyugxRe~K4n~fIJTRd7SdvNxS80nAKfpQorsi7YdOxQCsF9KDbY46nUnhZKRXAT8BHbmNTbeqpYCctzIwErWCaWvTbZk04jvRdkS5FPmU7A6OIh8dIT5tA0GUfDyvFF38gBRz7Wuu2V9NkCjXCYITFzSKc3A__);
        padding-left: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
        height: 207px;
        display: flex;
        align-items: center;
    }

    .featured-small-box:first-child .content-featured-small {
        margin-right: auto;
    }

    .featured-small-box h4 {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .featured-small-box p {
        font-family: Cairo;
        font-size: 12px;
        font-weight: 400;
        line-height: 22.49px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        margin: 0;
    }

    .featured-small-box a {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        padding: 10px;
        display: block;
        border-bottom: 1px solid #ffffff;
        width: fit-content;
    }

    .featured-small-box {
        border-radius: 16px;
        padding: 25px 40px;
        width: 100%;
    }

    .content-featured-small {
        max-width: 142px;
    }

    .featured-small-box:last-child {
        background: url(https://s3-alpha-sig.figma.com/img/441b/ea2b/fd4425fb3b86a53242e5b9a10b7a7b3b?Expires=1733702400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=XfHaYBrmdIYouFUksL3Zg7neKDBhO700kHW4LVIbslu~ARG09tkCno7Iv2wSF6wHzZBfnNxwggNC5K2jeWDQXi-B~z8o9EjQU58huoM5dEGvcmKrrtSerfQyevX9XSWwDIuL0VHlT2Vj6kcJi2yJKlKs3qZYhkYS9sPNmTQahLYwXr6JcGLcF~jRhVu-xp7uXW4P~UQa-KRxUFCQcGsdbXqauRMK7WIiqkPmkZfFtS5OapBuC~QjzzEYi16GPex0wapb~SrIT5U-Nm7ep2~z1pDGZmrUk-FApkp4nQLlkHn6JOzCHFOD0d6JoUWHSSx1DkBEmH-WqqH7z5jc4z7N8w__);
        background-size: cover;
        height: 266px;
        background-repeat: no-repeat;
    }

    .featured-small-boxes {
        display: flex;
        flex-direction: column;
        gap: 24px;
        min-width: 285px;
    }

    .featured-boxes-align {
        display: flex;
        gap: 20px;
    }

    .off-price-tag p {
        margin: 0;
        font-family: Cairo;
        font-size: 12px;
        font-weight: 700;
        line-height: 22.49px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        background: #446938;
        border-radius: 8px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        direction: ltr;
    }

    .off-price-tag {
        position: absolute;
        top: 0;
    }

    .align-featured-product {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .car-prize-box h3 {
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
    }

    .car-prize-box p {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 8px 0 16px;
    }

    .car-prize-box button {
        padding: 10px 50px;
        border: none;
        border-radius: 8px;
        background: #446938;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        transition: 0.2s linear;
    }

    .car-prize-box button:hover {
        transform: scale(0.9);
    }

    .car-prize-box {
        max-width: 400px;
    }

    .align-car-prize {
        background: url(https://s3-alpha-sig.figma.com/img/afec/fea9/eff788e0e1a9b652e9c287e956d89e42?Expires=1733702400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=gUX7skgL3e1KxgYemcsVg6CPLeJIQcAlMnyFkk8iyMlS944WIkZMWU0Z6lmxi5Wdd19kGRM6d4gDuN7M2zbwu8eS3DGT5NXJnc8TE2TzUw2iz-1l63o5IXpDLV4cT-bLwj9MUEV3zGYf05n5i~vHfo38042P9dAJjZ-sjK9nlwOUw~V2TZz13I8kLR7GGYDjzHII-FXh9z16oQvutewVvYL~0tiq~1eEFqf~HmNlAe8alKD0vbeve~8sxhtMVNeOE8scx2kAiiyaIaEH9CnQD6MEEph7kPH6XidNft5nrZQfDsMF-RGSVqBdYMeOfFjnJq7C54tOlNZgemzV1Nm36Q__);
        position: relative;
        height: 292px;
        display: flex;
        align-items: center;
        padding: 20px 32px;
        color: #fff;
        background-size: cover;
        background-position: center;
        z-index: 1;
        flex: 1;
    }

    .align-car-prize:first-child::before {
        content: "";
        background: #333333bf;
        position: absolute;
        inset: 0;
        z-index: -1;
    }

    .align-car-prize-main {
        display: flex;
        border-radius: 16px;
        overflow: hidden;
    }

    .align-car-prize-main {
        display: flex;
        border-radius: 16px;
        overflow: hidden;
    }

    .align-car-prize:last-child {
        background-image: url(https://s3-alpha-sig.figma.com/img/133a/6fbc/02e7a46522c9eed00b7c1bb5d3549a17?Expires=1733702400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=obnNMp6b7DxiUq553UwaEUOa4WzRGVMg6kC8cIRu8nkisOQzwLXvCU~oLTH8xCpeU2nSGaG7sJJeNKoX4DaXC9Pp4bqPafqfJfWbnpWVrXKzS1DXrL7TaCUV8drrGTf7iGrQzt6n0n4jN1~OepC4QfSQ7en03OaGJpAieHjqxWReNfM7NDZnbC7jJ5uZKj2BZxeSfY0De9zHIST~pyDMZwnzvGRTpIBbf15WDmTAnk02EYRXw0MTq1K0~kn8qWJvQUA9h8Y3vs7vUNnptKy7SPaE-VRXqfd0EoUjriAyRrY0UUILJgPEy0ublEDmKG8-UyfhlnTCxNwJ23~dpwz2zg__) !important;
        z-index: 1;
        justify-content: end;
        color: #333333;
    }

    .align-car-prize:last-child::before {
        content: "";
        background: #f8c03c;
        position: absolute;
        inset: 0;
        z-index: -1;
    }

    .middle-car {
        text-align: center;
    }

    .middle-car img {
        margin-top: -200px;
        z-index: 9;
        position: relative;
    }

    .align-car-prize:last-child .car-prize-box {
        max-width: 360px;
    }

    .blog-img img {
        width: 100%;
        max-height: 280px;
        object-fit: cover;
    }

    .blog-img {
        position: relative;
    }

    .blog-box {
        background: #f6f6f6;
        border-radius: 16px;
        overflow: hidden;
    }

    .blog-img p {
        margin: 0;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding: 8px 10px;
        background: #446938;
        width: fit-content;
        border-radius: 8px;
        color: #fff;
        position: absolute;
        top: 12px;
        z-index: 9;
        right: 12px;
    }

    .blog-about p {
        margin: 0;
        font-family: Cairo;
        font-size: 12px;
        font-weight: 700;
        line-height: 22.49px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #555;
    }

    .blog-about h3 {
        font-family: Cairo;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #555;
        margin: 0;
    }

    .blog-about a {
        font-family: Cairo;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
        display: block;
        margin-top: 8px;
    }

    .blog-about {
        padding: 20px;
    }

    .title-blogs h3 {
        margin: 0;
        font-family: Cairo;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
    }

    .title-blogs a {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #446938;
        display: block;
    }

    .title-blogs {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .align-blogs {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    section#blog {
        padding: 40px 0 80px;
    }

    section#car-prize {
        padding-top: 80px;
    }

    /* New Footer */

    .footer-logo-about img {
        height: 106px;
    }

    .footer-logo-about p {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        color: #fff;
    }

    .footer-logo-contact h4 {
        margin: 0;
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
    }

    .footer-logo-contact ul li a {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
        justify-content: flex-end;
    }

    .footer-logo-contact {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .footer-logo-section {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .footer-links h4 {
        margin: 0;
        font-family: Cairo;
        font-size: 24px;
        font-weight: 700;
        line-height: 44.98px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #ffff;
    }

    .footer-links ul {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .footer-links ul li a {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #fff;
    }

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

    .footer-newslatter>h4 {
        font-family: Cairo;
        font-size: 24px;
        font-weight: 700;
        line-height: 35px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        color: #333333;
    }

    .newslatter-input {
        position: relative;
        margin-top: 8px;
    }

    .newslatter-input input {
        border: 1px solid #989898;
        padding: 16px;
        border-radius: 8px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-family: Cairo;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #989898;
    }

    .newslatter-input svg {
        position: absolute;
        display: block;
        top: 20px;
        left: 20px;
        cursor: pointer;
    }

    .footer-payments h4 {
        margin: 0;
        font-family: Cairo;
        font-size: 20px;
        font-weight: 700;
        line-height: 37.48px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
    }

    .footer-payments ul {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .footer-payments {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .align-footer {
        display: grid;
        grid-template-columns: 1fr 15% 15% 1fr;
        gap: 70px;
    }

    section#new-footer {
        border-top: 1px solid #fff;
        padding: 60px 0;
    }

    .bottom-footer-copyright p {
        margin: 0;
        font-family: Cairo;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .bottom-footer-copyright p a {
        color: #777;
        display: flex;
        align-items: center;
    }

    .bottom-footer-copyright {
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .bottom-footer-links ul {
        display: flex;
        box-decoration-break: clone;
        gap: 14px;
    }

    .bottom-footer-links ul li a {
        font-family: Cairo;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #333;
    }

    .bottom-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 24px;
        margin-top: 40px;
        border-top: 1px solid #c6c6c6;
    }

    #new-products .product-box-sponsors {
        padding: 0;
        padding-bottom: 0;
    }

    section#new-products {
        padding: 60px 0;
    }

    .reviews-section-wrapper {
        background-color: #f9f9f9;
        padding: 60px 0;
        margin-top: 40px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .reviews-title-box {
        text-align: center;
        margin-bottom: 40px;
    }

    .reviews-title-box h2 {
        font-family: 'Cairo', sans-serif !important;
        font-weight: 700;
        font-size: 32px;
        color: #333;
        position: relative;
        display: inline-block;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .reviews-title-box h2::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background-color: #446938;
        border-radius: 2px;
    }

    .reviews-title-box p {
        font-family: 'Cairo', sans-serif;
        color: #666;
        font-size: 16px;
    }

    .trustindex-container {
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        max-width: 1200px;
        margin: 0 auto;
    }

    @media (min-width: 576px) {

        .container,
        .container-sm {
            max-width: 100%;
            padding: 0 20px !important;
        }
    }

    @media (max-width: 756px) {
        .category-box img {
            margin: 0 !important;
        }

        .category-box {
            display: flex;
            align-items: end;
        }

        .categories-boxes {
            display: grid !important;
            grid-template-columns: 1fr !important;
        }

        .category-box img {
            margin: 0 !important;
        }

        .category-box {
            display: flex;
            align-items: center;
            margin-bottom: 0px !important;
            min-width: auto !important;
        }

        .categories-boxes {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 20px;
        }

        .product-box-spons-imgs img {
            width: 30%;
        }

        .brand-logo {
            display: flex;
            align-items: center;
        }

        .header-actions .action-box-header:last-child {
            width: 40px;
        }

        .main-header header {
            gap: 10px;
        }
    }

    @media (min-width: 768px) {

        .container,
        .container-md,
        .container-sm {
            max-width: 1040px;
            padding: 0 15px;
        }
    }

    @media (min-width: 1200px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl {
            max-width: 1200px;
        }
    }

    @media (min-width: 1400px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            max-width: 1400px;
        }
    }

    @media (min-width: 1200px) {
        .container-1200 {
            max-width: 1150px;
        }
    }

    @media (min-width: 1400px) {
        .container-1200 {
            max-width: 1250px;
        }
    }

    .mobile-show {
        display: none;
    }

    .swiper-pagination-product {
        position: inherit !important;
        margin-top: 20px !important;
    }

    .swiper-pagination-bullet-active {
        background: #446938 !important;
    }

    @media screen and (max-width: 1200px) {
        .mobile-show {
            display: block;
        }

        section#new-products {
            padding: 60px 0;
        }

        .header-links {
            position: fixed;
            right: 0;
            background: rgba(97, 149, 79, 0.6);
            backdrop-filter: blur(10px);
            width: 40%;
            z-index: 9999;
            height: 100vh;
            overflow: auto;
            top: 0;
            right: -100%;
            transition: 0.3s linear;
        }

        .header-links ul {
            flex-direction: column;
            align-items: flex-start;
            padding: 20px 0px;
        }

        .header-links ul li a {
            padding-bottom: 6px;
        }

        .show-nav .header-links {
            right: 0;
        }

        .overlay-nav {
            position: fixed;
            inset: 0;
            z-index: 9;
            background: #0000005c;
            opacity: 0;
            transition: 0.3s linear;
            visibility: hidden;
        }

        .show-nav .overlay-nav {
            opacity: 1;
            visibility: visible;
        }

        .mobile-header-area {
            display: none !important;
        }

        .featured-boxes-align {
            flex-direction: column;
        }

        .featured-small-boxes {
            flex-direction: row;
        }

        .featured-small-box:first-child {
            width: 290px !important;
            height: 266px;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .featured-small-box:last-child {
            width: 270px;
        }

        .featured-boxes-align {
            flex-direction: column;
        }

        .featured-small-boxes {
            flex-direction: row;
        }

        .featured-small-box:first-child {
            width: 290px !important;
            height: 266px;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .featured-small-box:last-child {
            width: 270px;
        }

        .main-header header {
            padding: 0 30px;
            width: 94%;
            margin: auto;
        }

        .banner-about h1 {
            font-size: 38px;
            line-height: 1.8;
        }

        .banner-about p {
            font-size: 16px;
        }

        .banner-new-tabs {
            margin-top: 30px;
        }

        .about-category-block h3 {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 991px) {
        .middle-car {
            display: none;
        }

        .category-blocks-align {
            grid-template-columns: 1fr 1fr;
        }

        .align-categories {
            flex-direction: column;
            gap: 30px;
        }

        .categories-boxes {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            width: 100%;
        }

        .category-title {
            width: 100%;
        }

        .category-box {
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 30px !important;
            padding-bottom: 30px !important;
            border-bottom: 1px solid !important;
            border-left: 0;
            width: 100%;
        }

        .product-title-align {
            flex-direction: column;
            align-items: flex-start;
            gap: 30;
        }

        .product-title-align ul {
            margin-right: auto;
        }

        .align-banner {
            flex-direction: column;
            align-items: stretch;
        }

        .banner-img {
            text-align: center;
        }

        .banner-img img {
            max-height: 500px;
            object-fit: cover;
        }

        .banner-new-tabs ul li button {
            font-size: 18px;
        }

        .top-header-contact {
            display: none;
        }

        .top-header-search-links {
            justify-content: space-between;
        }

        .bottom-featured-prods {
            overflow: auto;
        }

        .brand-title h4,
        .about-tabby-main h3 {
            font-size: 28px;
        }

        .blog-about h3 {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 767px) {
        .align-blogs .row {
            gap: 30px;
        }

        .align-car-prize-main {
            flex-direction: column;
        }

        .align-car-prize {
            min-height: 300px;
        }

        .product-title-align ul {
            overflow: auto;
            padding: inherit;
            white-space: nowrap;
            width: 100%;
            padding: 10px 0;
        }

        .search-box {
            display: flex;
            flex-direction: column;
        }

        section#categories-bar::before {
            display: none;
        }

        .feature-box-image-align {
            flex-direction: column;
        }

        .featured-box-img img {
            max-height: 400px;
            width: 100%;
            object-fit: cover;
        }

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

        .title-category-block h2 {
            font-size: 28px;
        }

        .title-category-block {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .title-category-block p {
            font-size: 16px;
        }

        .search-img img {
            width: 200px;
        }

        .main-search-banner .search-boxes-main {
            flex-direction: column-reverse;
        }

        .align-footer {
            grid-template-columns: 1fr;
            gap: 50px;
        }

        .bottom-footer {
            flex-direction: column-reverse;
            gap: 20px;
        }
    }

    @media screen and (max-width: 680px) {
        .search-box select {
            font-size: 14px;
        }

        .top-header-search input {
            width: 100%;
            font-size: 12px;
        }

        .top-links {
            flex: 1 1 100%;
        }

        .top-links ul {
            justify-content: flex-end;
        }

        .top-links ul li a {
            font-size: 10px;
        }

        .main-header header {
            padding: 0;
            z-index: 99;
            position: relative;
            width: 100%;
        }

        .shape-right,
        .shape-left {
            z-index: -1;
        }

        .action-box-header button {
            width: 40px;
        }

        .header-actions .action-box-header:nth-child(2) {
            display: none;
        }

        .header-actions .action-box-header svg {
            overflow: visible;
        }

        .banner-about h1 {
            font-size: 32px;
        }

        section#new-banner {
            padding: 40px 0 60px;
        }

        .banner-actions button {
            padding: 8px 20px;
            font-size: 14px;
            height: auto;
        }

        .banner-new-tabs ul li button {
            font-size: 16px;
            padding: 0;
        }

        .banner-new-tabs ul {
            gap: 20px;
        }

        .search-box select:nth-child(3) {
            grid-column: span 2;
        }

        .search-box {
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto;
        }

        .category-block-img {
            height: 100px;
        }

        .category-block-img img {
            height: 100%;
            object-fit: contain;
        }

        .category-blocks-align {
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .category-block {
            padding: 10px;
        }

        .about-category-block {
            margin-top: 10px;
        }

        .featured-small-boxes {
            flex-direction: column;
        }

        .featured-small-box,
        .featured-small-box:first-child {
            width: 100% !important;
        }

        .title-blogs h3 {
            font-size: 28px;
        }

        .title-featured h3 {
            font-size: 28px;
        }

        .product-title h2 {
            font-size: 28px;
        }

        .header-links {
            width: 70%;
        }
    }

    @media screen and (max-width: 450px) {
        .bottom-footer-copyright p {
            display: flex;
        }

        .bottom-footer-links ul {
            gap: 10px;
            flex-direction: column;
            align-items: normal;
            width: 100%;
        }

        .bottom-footer-links {
            width: 100%;
        }

        .bottom-footer-links ul li a {
            font-size: 14px;
        }

        .bottom-footer-copyright {
            flex-wrap: nowrap;
        }

        .footer-newslatter>h4 {
            font-size: 20px;
        }

        .footer-links h4 {
            font-size: 20px;
        }

        .align-footer {
            gap: 10px;
        }

        .brand-title h4 {
            font-size: 20px;
            margin-bottom: 20px;
        }
    }

    .breadcrumb-area {
        background-image: url(/assets/images/car.png) !important;
    
    }

    .breadcrumb-area .page-title {
        color: #ffff !important;
        padding-top: 35px;
    }

    .breadcrumb-area .breadcrumb-pages .page-item {
        color: #ffff !important;
    }

    .breadcrumb-area .breadcrumb-pages .page-item .page-item-link {
        color: #fff;
    }

    .set-image-div {
        height: 281px;
        margin: 0 auto;
        text-align: center;
    }

    .set-image {
        height: 281px !important;
        object-fit: cover;
        width: 100%;
    }

    .product-title-main p {
        font-size: 11px;
    }

    .pagination {
        flex-wrap: wrap;
    }

    .cod {
        width: 40px;
    }

    .fatoorah-icon {
        width: 150px;
    }

    .tabby-icon {
        width: 60px;
    }

    .tamara-icon {
        width: 60px;
    }

    .error-page-area h1 {
        font-size: 38px;
        color: #000;
        font-weight: 500;
        font-family: cairo;
    }

    .error-page-area p {
        font-size: 16px;
    }

    .primary-btn {
        color: #000000;
        border-radius: 8px;
    }

    @media (max-width: 620px) {
        .error-page-area {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
        }

        .error-page-area .text-center {
            margin-top: 0 !important;
        }
    }

    .totalcart-n-tilte {
        font-size: 22px;
        color: #000;
        font-weight: bold;
        font-family: cairo;
    }

    .cart-page-area .bottom-box-title {
        font-size: 16px;
        font-weight: 500;
        color: #2B2B2B;
        font-family: cairo;
    }

    .shiping-title {
        font-size: 16px;
        font-weight: 500;
        color: #2B2B2B;
        font-family: cairo;
    }

    .cart-page-area .sub-total-inner-box {
        padding-bottom: 15px;
    }

    .added-tax {
        font-size: 16px;
        color: #000;
    }

    .ship-to-sau {
        font-size: 16px;
        color: #2B2B2B;
    }

    .chnge-address {
        color: #446938;
        font-size: 16px;
        font-weight: 700;
    }

    .total-price-cart-n {
        font-size: 16px;
        /* font-weight: bold; */
        color: #000000;
    }

    .cart-page-area .cart-page-bottom-box.cart-page-sub-total-box {
        background-color: transparent;
        border-radius: 16px;
    }

    .cart-page-area .cart-page-bottom-box .proceed-to-checkout-btn {
        background-color: #446938 !important;
        border-radius: 8px;
        color: black !important;
    }

    .continue-shoping-cart-button {
        border: 1px solid #446938;
        width: 100%;
        height: 54px;
        font-size: 16px;
        font-weight: 500;
        color: #446938;
        border-radius: 8px;
    }

    .coupon-wrapper {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 8px;
        overflow: hidden;
        width: 100%;
        justify-content: space-between;
        direction: rtl;
    }

    .apply-btn {
        background-color: #446938;
        /* dark red */
        color: black;
        border: none;
        padding: 10px 16px;
        border-radius: 8px;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }

    .coupon-input {
        border: none;
        padding: 10px 16px;
        font-size: 14px;
        color: #ccc;
        ;
        outline: none;
        text-align: right;
        border-radius: 0 16px 16px 0;
    }

    .coupon-input::placeholder {
        color: #ccc;
    }

    .free-shiping-n {
        border: 1px dotted #446938;
        border-radius: 16px;
    }

    .t-cart-n {
        color: #000000;
        font-family: cairo;
        font-size: 20px;
        margin-top: 12px;
    }

    .cart-page-area .cart-page-bottom-box {
        border-color: #CACACA;
    }

    .cart-page-area .cart-page-item .qtybutton.inc::before {
        background-color: #446938;
        padding: 5px;
        border-radius: 6px;
        color: black;
    }

    .cart-page-area .cart-page-item .qtybutton.dec::before {
        background-color: #446938;
        padding: 5px;
        border-radius: 6px;
        color: black;
    }

    .t-cart-n {
        color: #000000;
        font-family: cairo;
        font-size: 20px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .cart-page-area .cart-page-item .cart-quantity {
        width: 120px;
        border-radius: 6px;
    }

    /**/

    .custom-header-row th {
        padding: 12px;
        text-align: start;
        border-bottom: 1px solid #ccc;
    }

    .col-50 {
        width: 50%;
    }

    .col-25 {
        width: 25%;
    }

    /* .for-mbl-price{
    display: none;
} */

    @media (max-width: 620px) {

        /* .for-mbl-price{
    display: block;
    border: none;
} */
        .product-link {
            white-space: normal;
        }

        .single-grid-product {
            flex-direction: column;
            align-items: flex-start !important;
        }

        .cart-page-area .cart-page-item .single-grid-product {
            gap: 0px !important;
        }

        .main-checkout-img img {
            height: 80px !important;
        }

        .product-name {
            text-align: start;
        }

        div#cardItem th,
        div#cardItem thead tr {
            font-size: 17px !important;
        }

        .col-50 {
            width: 25%;
        }

        /* .for-margin{
    margin-top: 150px !important;
} */
    }

    .for-margin {
        font-size: 16px;
    }

    .SubTotalAmount {
        font-size: 16px;
    }

    @media (min-width: 621px) {
        .show-only-below-620 {
            display: none !important;
        }
    }

    @media (max-width: 399px) {

        div#cardItem th,
        div#cardItem thead tr {
            font-size: 11px !important;
        }

        .for-margin {
            font-size: 13px !important;
        }

        .SubTotalAmount {
            font-size: 13px !important;
        }
    }

    .title-box-align {
        border-top: none;
        border-bottom: none;
    }

    .title-box-about h3 {
        font-size: 16px;
    }

    .country-product {
        display: flex;
        align-items: center;
        gap: 20px !important;
        margin-top: 12px;
    }

    .product-box {
        height: 100%;
        padding-left: 0px;
        border-radius: 12px;
    }

    .n-tire-img {
        width: 100%;
        height: 100%;
    }

    .title-box-align {
        padding-top: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .price-box {
        gap: 6px;
        height:52px;
        text-align: right !important;
    }

    .regular-price {
        font-size: 20px;
        font-weight: 700;
    color: #cdcdcd;
    }

    .price {
        font-weight: bold;
        font-size: 26px;
    }

    .country-flag p {
        font-size: 17px;
        line-height: 1;
    }

    .country-product {
        margin-top: 3px;
    }

    /* addd to cart n-btn*/

    .cart-button {
        display: flex;
        align-items: center;
        background-color: #d92323 !important;
        color: #333;
        border-radius: 8px;
        font-size: 12px;
        padding-right: 2px !important;
        /* justify-content: space-between; */
        width: 35px;
        height: 35px;
        font-weight: bold;
    }
    

    .quantity-selector {
        display: flex;
        align-items: center;
        background-color: #3eedbf;
        border: 1px solid #3eedbf !important;
        border-radius: 8px;
        padding: 4px 8px;
    }

    .quantity-selector button {
        background: none;
        border: none;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        padding: 0 5px;
        color: white;
    }

    .quantity-value {
        margin: 0 4px;
        font-size: 12px;
        min-width: 12px;
        text-align: center;
        color: white;
    }

    .add-to-cart-text {
        white-space: nowrap;
    }

    .product-box {
        background-color: #f7f7f7;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 0px 0px;
    }

    /* .main-product-box {
        background-color: #000;
        border-radius: 10px;
    } */

    .ten {
        background: #446938;
        color: #fff;
        border-radius: 5px;
        padding: 2px 5px;
        position: relative;
        line-height: 1.2;
        font-size: 14px;
    }

    .ten p {
        font-size: 15px;
        color: #fff;
        margin-bottom: 0px;
    }

    .warranty-period {
        font-size: 14px;
        color: #000;
        padding-left: 10px;
        line-height: 14px;
        padding-top: 20px;
        font-weight: 200;
    }

    .n-cart {
        display: flex;
        text-align: center;
        flex-direction: column;
        /* padding: 20px; */
        justify-content: space-between;
    }

    .fast-delivery {
        font-size: 12px;
    }

    .product-box-about {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100% !important;
    }

    .n-cart {
        max-width: 140px !important;
        /* height: 140px !important;
        overflow: hidden !important; */
    }

    @media (max-width: 767px) {
        .n-cart {
            max-width: 140px !important;
            /* height: 140px !important;
            overflow: hidden !important; */
        }
    }

    .price {
        color: #000 !important;
    }

    #scrollUp:hover {
        background-color: #446938 !important;
    }

    .n-tire-img {
        width: 100% !important;
        height: 100% !important;
    }

    .fast-delivery {
        padding-left: 4px;
    }

    .product-title-main {
        flex-direction: column;
    }

    .product-box {
        justify-content: space-around;
    }

    .addCart a {
        color: black !important;
    }

    .add-to-cart-text a {
        color: white !important;
    }

    .dimension-submit {
        color: white !important;
    }

    .product-box-about {
        justify-content: center !important;
    }

    @media (max-width: 767px) {
        .n-cart {
            max-width: 140px !important;
            /* height: 140px !important;
            overflow: hidden !important; */
        }

        .product-box-about {
            justify-content: center !important;
        }
    }

    .custom-login-btn {
        color: black !important;
    }

    .submit {
        color: #000 !important;
    }

    .otploginMobileBtn {
        color: #000000 !important;
    }

    .text-underline {
        color: #000 !important;
    }

    .totalAmount {
        color: #000000 !important;
    }

    .product-box {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background-color: white;
}

    .warranty-period {
        font-size: 14px;
        color: #000;
        padding-right: 10px;
        padding-left: 10px;
        line-height: 14px;
        padding-top: 0px !important;
        font-weight: 200;
    }

    .main-product-box .text-end p {
        margin-bottom: 0px;
        color: white;
    }

    .main-product-box .text-end {
        height: 40px;
    }

    .top-header-contact ul li a {
        color: white;
    }

    .top-header-contact ul li a svg {
        fill: white;
        stroke: white;
    }

    .top-links li a {
        color: black;
    }

    .title-search {
        font-family: cairo;
        color: black;
    }

    .title-search h2 {
        font-family: cairo;
    }

    #front_diameter {
        color: #000000;
        background-color: transparent;
        border: 1px solid #eee;
        box-shadow: none;
        padding: 10px;
        border-radius: 8px;
    }

    #front_ratio {
        color: #000000;
        background-color: transparent;
        border: 1px solid #eee;
        box-shadow: none;
        padding: 10px;
        border-radius: 8px;
    }

    #front_width {
        color: #000000;
        background-color: transparent;
         border: 1px solid #eee;
        box-shadow: none;
        padding: 10px;
        border-radius: 8px;
    }

    .sidebar {
        border: 1px solid #cfcfcf;
        width: 55px;
        /* Collapsed width */
        height: 100vh;
        background-color: #fff;
        color: white;
        padding: 20px 10px;
        transition: width 0.3s ease;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        /* Sidebar on right */
        z-index: 99999;
        overflow: auto;
    }

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

    .sidebar:hover {
        width: 250px;
        /* Expanded width */
    }

    .sidebar-header {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        height: 40px;
        position: relative;
    }

    .toggle-btn {
        font-size: 1.5rem;
        cursor: pointer;
        opacity: 1;
        transition: opacity 0.3s ease;
        background-color: #446938;
        padding: 9px;
        border-radius: 20px;
    }

    .sidebar:hover .toggle-btn {
        opacity: 0;
        /* Hide on hover */
    }

    .brand-title {
        position: absolute;
        right: 10px;
        font-size: 2.3rem;
        font-weight: bold;
        opacity: 0;
        transition: opacity 0.3s ease;
        white-space: nowrap;
        color: black;
    }

    .sidebar:hover .brand-title {
        opacity: 1;
    }

    .brand-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        border-radius: 8px;
        transition: background-color 0.3s, padding-right 0.3s;
        cursor: pointer;
        color: #000;
    }

    .brand-item:hover {
        border: 1px solid #343a40;
    }

    .brand-item img {
        width: 15px;
        height: 100%;
        /* border-radius: 50%; */
        object-fit: cover;
    }

    .brand-item span {
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .sidebar:hover .brand-item span {
        opacity: 1;
    }

    .main-content {
        margin-right: 70px;
        /* Space for collapsed sidebar */
        padding: 20px;
        transition: margin-right 0.3s ease;
    }

    /* Keep main content fixed when sidebar expands */

    .sidebar:hover~.main-content {
        margin-right: 70px;
        /* Do not move */
    }

    .brandname {
        font-size: 14px;
        font-weight: bold;
    }

    @media (max-width: 767px) {
        .sidebar {
            display: none !important;
        }
    }

    .sidebar-widget-area .single-widget {
        padding: 0px;
    }

    .sidebar-widget-area .single-widget {
        background: transparent;
    }

    .product-catagory-new-title {
        color: black;
        
        font-weight: bold;
        font-family: Cairo;
    }

    .delivery-button {
        padding: 12px 20px;
        background-color: transparent;
        border-radius: 16px;
        border: 1px solid #446938;
    }

    .recipt-from-branch {
        padding: 12px 20px;
        background-color: transparent;
        border-radius: 16px;
        border: 1px solid #446938;
    }

    .contact-form-btn {
        padding: 12px 20px;
        background-color: transparent;
        border-radius: 16px;
        border: 1px solid #446938;
    }

    .active-btn {
        background-color: #446938 !important;
        color: #000 !important;
        /* optional: make text readable */
        border-radius: 16px !important;
    }

    .scrolling-text-box {
        background-color: red;
    }

    .scrolling-text-box {
        overflow: hidden;
        /* Hides any content that goes beyond its borders */
        background: #000;
        padding: 5px;
    }

    /* The scrolling element */

    .scrolling-text {
        display: inline-block;
        white-space: nowrap;
        /* Keeps all text on a single line */
        color: white;
        font-size: 14px;
        font-weight: 400;
        font-family: cairo;
        /* Scrolls left to right */
        animation: scroll-left-right 30s linear infinite;
    }

    /* Animation for left → right */

    @keyframes scroll-left-right {
        0% {
            transform: translateX(-100%);
        }

        /* Start fully hidden on the left */
        100% {
            transform: translateX(100%);
        }

        /* Move fully off to the right */
    }

    .scrolling-text :hover {
        animation-play-state: paused;
    }

    

    

    

    

    .top-header-search svg path {
        fill: white;
        stroke: white;
    }

    .top-header-contact svg path {
        fill: white;
        stroke: white;
    }

    .price-box {
        margin-top: 10px;
    }

    /* Hide brand name by default */

    .brand-item .brandname {
        display: none;
    }

    /* When hovering over the .sidebar, show the brand name */

    .sidebar:hover .brand-item .brandname {
        display: block;
    }

    .banner-img {
        max-height: 60vh;
    }

    @media (max-width: 767px) {
        .recipt-from-branch {
            font-size: 12px;
            color: black;
            padding: 5px 10px;
        }

        .contact-form-btn {
            font-size: 12px;
            color: black;
            padding: 5px 10px;
        }

        .delivery-button {
            font-size: 12px;
            color: black;
            padding: 5px 10px;
        }

        .header-menu li {
            border-bottom: 1px solid white;
            padding: 5px 15px;
            width: 100%;
        }

        section#new-footer {
            padding: 20px 0px 150px;
            margin-top: 20px;
            margin-left: 12px;
            margin-right: 12px;
            border-radius: 16px;
        }

        .cases-tabs {
            width: 100%;
            /* margin-left: 10px;
    margin-right: 10px; */
        }
    }

    .elite-header {
        /* position: fixed;
    top: 0;
    z-index: 9999; */
        
    }

    .title-category-block {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .is-sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    #new-footer {
        background-color: #1C1C1E;
    }

    .loations-title {
        font-size: 24px;
        color: white;
        font-weight: 700;
        font-family: cairo;
    }

    .urgent-cases-box h1 {
        font-size: 34px;
        color: #000000;
        text-align: center !important;
        font-family: cairo
    }

    .nav-pills .nav-link {
        color: #575757 !important;
        border-radius: 16px;
        padding: 0.5rem 1.5rem;
        margin: 0 0.25rem;
        font-weight: 400;
    }

    .nav-pills .nav-link.active {
        color: #fff !important;
        background-color: #fca610;
        /* Green active tab */
    }

    .cases-tabs {
        background-color: #F6F9F9;
        width: 40%;
        margin: 0px auto;
        border-radius: 16px;
        padding: 12px;
    }

    @media (max-width: 767px) {
        .cases-tabs {
            width: 100%;
            /* margin-left: 10px;
    margin-right: 10px; */
        }

        .nav-pills .nav-link {
            font-size: 13px;
        }

        .footer-links ul li {
            padding: 5px 0px;
        }

        .footer-logo-about p {
            font-weight: normal;
        }
    }

    /* .header-links {
    position: fixed;
    top: 0;
    right: -100%;

    height: 100vh;
    z-index: 9999;
    overflow-y: auto;
    transition: 0.3s ease;
} */
    /* Blurred background layer */

    .header-links::before {
        content: "";
        position: absolute;
        inset: 0;
        background: inherit;
        /* Same background as body */
        filter: blur(15px);
        opacity: 0.8;
        z-index: -1;
    }

    /* Your content stays normal */

    .header-links .content {
        position: relative;
        z-index: 1;
        padding: 20px;
    }

    .brand-item-mobile {
        height: 150px;
        overflow: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .checkout .cart-summary .summary-top h2 svg {
        display: none;
    }

    .checkout .cart-summary .summary-top h2 {
        display: flex;
        align-items: center;
        gap: 10px;
        pointer-events: none;
    }

    .checkout .cart-summary .summary-top h2 svg {
        transition: .3s linear;
        transform: rotate(-90deg);
    }

    .cart-summary.summary-show h2 svg {
        transform: rotate(90deg) !important;
    }

    .mobile-summary-box {
        display: none;
    }

    .desktop-summary-box {
        display: block;
    }

    .sticky-summary {
        position: sticky;
        top: 20px;
        align-self: baseline;
    }

    .appended-checkout-container {
        width: calc(100% - 10px) !important;
    }

    .font-25 {
        font-size: 22px !important;
    }

    .mobile-summary-details {
        transition: all 0.3s ease-in-out;
    }

    @media screen and (max-width: 991px) {
        .direction-rtl .checkout .checkout-form .payment-method .form-group .input-icon {
            left: 10px;
            right: auto;
        }

        .checkout .checkout-form .payment-method .form-group .input-icon img {
            margin-right: auto;
            display: flex;
            justify-content: flex-end;
            height: auto !important;
        }

        .checkout .checkout-form .payment-method .form-group .custom-icon-image img {
            height: 30px !important;
            width: 70px;
        }

        .appended-checkout-container {
            width: 100% !important;
        }
    }

    /* select2 */

    .select2-container .select2-selection--single {
        cursor: pointer !important;
        display: block !important;
        height: 48px !important;
        border-color: #2d2d2d2d !important;
        border-radius: 1px !important;
    }

    #select2-billing_state-container,
    .select2-selection__placeholder {
        width: 100%;
        position: relative;
        display: block;
        height: 100%;
        place-content: center;
        direction: rtl;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%);
        left: 5px !important;
        width: 20px !important;
    }

    .select2-results__option.select2-results__message {
        direction: rtl !important;
        text-align: right !important;
        padding: 4px 11px !important;
    }

    .checkout-title {
        font-family: Cairo !important;
    }

    .underline {
        text-decoration: underline !important;
    }

    .font-20 {
        font-size: 20px !important;
    }

    .brand-home-section-title h4 {
        font-family: 22px;
        color: #446938;
        font-family: cairo;
    }

    .brand-home-section-title h2 {
        font-size: 28px;
        color: black;
        font-family: cairo;
    }

    /**/

    .brand-section-home-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 0;
        list-style-type: none;
    }

    .brand-section-home-list::before {
        content: "";
        background: linear-gradient(90deg, #ffffff, transparent, transparent, transparent, transparent, #ffffff);
        inset: 0;
        width: 100%;
        position: absolute;
        z-index: 0;
        height: 100%;
    }

    .brand-section-home-list::after {
        content: "";
        background: linear-gradient(0deg, #ffffff, transparent, transparent, #ffffff);
        inset: 0;
        width: 100%;
        position: absolute;
        z-index: 0;
        height: 100%;
    }

    .brand-section-home-list li {
        border-right: 2px solid hsla(0, 0%, 31%, .2);
        border-bottom: 2px solid hsla(0, 0%, 31%, .2);
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        height: 100px;
    }

    .brand-home-imgs {
        position: relative;
        z-index: 2;
        width: 90px;
    }

    #MFSubmitCardPayment {
        display: none !important;
    }

    @media screen and (max-width: 550px) {
        .brand-home-imgs {
            width: 75px;
        }

        .brand-section-home-list {
            justify-content: center;
        }

        .brand-home-section-title h2 {
            font-size: 22px;
            color: black;
            font-family: cairo;
        }
    }

    @media screen and (max-width: 420px) {
        .bottom-footer-copyright p {
            font-size: 10px;
        }
    }

    .is-invalid {
        border: 1px solid red !important;
    }

    .is-invalid::placeholder {
        color: red !important
    }

    .payment-methods-card-pro {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .payment-methods-card-pro ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    /* Modern Product Card Design */

    .modern-product-card {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 12px;
        padding: 15px;
        position: relative;
        transition: all 0.3s ease;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .modern-product-card:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
        border-color: #446938;
    }

    .modern-product-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 2;
    }

    .modern-tag {
        background: #446938;
        color: #fff;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: bold;
    }

    .modern-product-img-wrapper {
        width: 100%;
        height: 180px;
        display: flex;
        /* Changed from block to flex for centering */
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .modern-product-img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transition: transform 0.3s ease;
    }

    .modern-product-card:hover .modern-product-img {
        transform: scale(1.05);
    }

    .modern-brand-logo {
        position: absolute;
        top: 15px;
        right: 15px;
        /* RTL default from extra.css checks */
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        padding: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    .modern-product-body {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .modern-product-title h3 {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.4;
        height: 44px;
        overflow: hidden;
    }

    .modern-product-title a {
        color: #333;
        text-decoration: none;
        transition: color 0.2s;
    }

    .modern-product-title a:hover {
        color: #446938;
    }

    .modern-product-specs {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: #666;
    }

    .spec-item {
        color: #ddd;
    }

    .modern-car-type {
        margin: 5px 0;
    }

    .modern-product-price {
        display: flex;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap;
    }

    .current-price {
        font-size: 18px;
        font-weight: bold;
        color: #000;
    }

    .old-price {
        font-size: 14px;
        color: #999;
        text-decoration: line-through;
    }

    .tax-note {
        font-size: 10px;
        color: #888;
        width: 100%;
    }

    .modern-installment-section {
        background: #f9f9f9;
        padding: 10px;
        border-radius: 8px;
        margin-top: 5px;
    }

    .installment-text {
        font-size: 11px;
        color: #555;
        margin-bottom: 5px;
        text-align: center;
    }

    .payment-icons {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .pay-icon {
        height: 20px;
        object-fit: contain;
    }

    .modern-product-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
    }

    .quantity-control {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
        height: 36px;
    }

    .qty-btn {
        width: 36px;
        background: #f5f5f5;
        border: none;
        font-size: 16px;
        cursor: pointer;
        transition: background 0.2s;
    }

    .qty-btn:hover {
        background: #e5e5e5;
    }

    .qty-val {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 14px;
    }

    .add-to-cart-btn {
        background: #446938;
        color: #fff;
        border: none;
        padding: 10px;
        border-radius: 6px;
        font-weight: bold;
        cursor: pointer;
        transition: background 0.2s;
        width: 100%;
    }

    .add-to-cart-btn:hover {
        background: #e09e00;
    }

    .out-of-stock-btn {
        background: #e5e5e5;
        color: #999;
        border: none;
        padding: 10px;
        border-radius: 6px;
        width: 100%;
        cursor: not-allowed;
    }

    .warranty-new-box p {
        font-size: 14px;
        color: #3e2b26;
        background-color: #f5f1e8;
        font-weight: 400;
        border: 1px solid rgba(62, 43, 38, 0.1);
        border-radius: 13px;
        text-align: right;
        padding-right: 12px;
    }

    .main-add-to-cart {
        display: flex;
        justify-content: end;
        padding: 10px 20px;
    }

    .height-img-n {
        height: 277px;
        margin-top: -65px;
    }

    /* .bg-top-half {
        
        border-radius: 10px;
    } */

    .title-box-about h3 {
        height: 40px !important;
    }

    @media (max-width: 575px) {
        .checkout .cart-summary .summary-list li {
            font-size: 1.3rem;
        }
    }
    
    .corner-ribbon {
    position: absolute;
    top: 25px;
    right: -45px;
    background: #d92323;
    color: #fff;
    padding: 5px 0;
    width: 150px;
    text-align: center;
    font-size: 11px;
    height: 30px;
    font-weight: bold;
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 10;
}
.corner-ribbon p {
    margin: 0;
    line-height: normal;
    font-size: 9px !important;
}
.warranty-yaer-country-box{
background: #ebe9e7;
    padding: 4px;
    border-radius: 8px;
width: 100%;
height: 55px;
display: flex;
align-items: center;
justify-content: center;}
.buynow-card-btn{
    background: #ffcf53;
    color: black;
    border: 1px solid #ffcf53;
    padding: 4px 20px;
    border-radius: 8px;
}
.price-box{
    flex-direction: column;
}
.payment-methods-card-pro ul li img{
    width: 54px;
    height: 20px;
}
/* Main container that holds cart + buy now + quantity */
.cart-button {
    display: flex;
    align-items: center;
                
    background: transparent !important; /* remove red background from wrapper */
    width: 100%;           /* IMPORTANT: remove fixed 35px */
    height: auto;
    padding-right: 0 !important;
}

/* Red cart square (only icon box should be red) */
.add-to-cart-text .add-cart {
    background-color: #d92323;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Buy Now button (yellow like image) */
.buynow-card-btn {
    background: #ffcf53;
    color: #fff;
    border: 1px solid #ffcf53;
    height: 42px;
    width: 100%;
    padding: 0 12px;
    border-radius: 10px;
    font-weight: 800;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Green quantity box */
.quantity-selector {
    display: flex;
    align-items: center;
    background-color: #3eedbf;
    border: 1px solid #3eedbf !important;
    border-radius: 10px;
    height: 42px;
    padding: -1 12px;
    gap: 8px;
}

/* Quantity buttons */
.quantity-selector button {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 6px;
    color: #fff;
}

/* Quantity number */
.quantity-value {
    font-size: 24px;
    min-width: 18px;
    text-align: center;
    font-weight: 600;
}

/* Keep SVG centered */
.add-to-cart-text svg {
    margin: 0;
}
.cart-button{
    gap:3px;
}.quantity-selector{
    width: 100%;
    justify-content: space-around;
}
.swiper-slide{
    height: 60vh;
}
.banner-img{
    object-fit: cover;
}
@media (max-width: 620px) {
.banner-height-out{
    height: 28vh;
}
.swiper-slide img{
object-fit: contain;
}
.swiper-slide{
    height: 27vh;
}
/* .offcanvas-body{
    overflow-y: unset !important;
} */
}
/* Swiper Navigation Custom Styles */
.productSwiper {
    position: relative;
    padding-bottom: 30px;
}

.productSwiper .swiper-button-next,
.productSwiper .swiper-button-prev {
    color: #446938;
    background: rgba(255, 255, 255, 0.8);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    top: 40%;
}

.productSwiper .swiper-button-next:after,
.productSwiper .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}

.productSwiper .swiper-button-next {
    right: 10px;
}

.productSwiper .swiper-button-prev {
    left: 10px;
}

.productSwiper .swiper-pagination-product {
    bottom: 0 !important;
}
.sidebar-widget-area .single-widget{
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px;
}
.product-catagory-new-title::after{
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #ddd;
    margin: 10px auto 0;
}
.product-catagory-new-title{
    text-align: center;
}
.year-widget{
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px;
}
.year-widget .widget-title::after{
     content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #ddd;
    margin: 10px auto 0;
}
.year-widget .widget-title{
    text-align: center;
}
.single-categorie{
    border-left: 2px dashed #ddd;
    padding-left: 10px;
}
.dimension-widget {
      border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px;
}
.dimension-widget .widget-title{
    text-align: center;
}
.dimension-widget .widget-title::after{
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #ddd;
    margin: 10px auto 0;
}
  .dimension-options {
                display: flex;
                flex-wrap: nowrap;
                gap: 8px;
                overflow-x: auto;
                -ms-overflow-style: none; /* IE and Edge */
                scrollbar-width: none; /* Firefox */
                padding-bottom: 5px; /* space for focus rings if any */
            }
            .dimension-options::-webkit-scrollbar {
                display: none;
            }
            .dimension-option {
                flex: 0 0 auto;
            }
            .dimension-option input[type="radio"] {
                display: none;
            }
            .dimension-option label {
                padding: 4px 8px;
                border: 1px solid #ced4da;
                border-radius: 8px;
                cursor: pointer;
                background-color: #fff;
                font-size: 14px;
                font-weight: 500;
                transition: all 0.2s ease;
                margin: 0;
                color: #333;
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 60px;
            }
            .dimension-option input[type="radio"]:checked + label {
                background-color: #fffde6ff;
                border-color: #ffcf53;
                color: #ffcf53;
                font-weight: bold;
            }
            .dimension-option input[type="radio"]:hover + label {
                background-color: #f8f9fa;
                border-color: #adb5bd;
            }
            .dimension-option input[type="radio"]:checked:hover + label {
                background-color: #e6f0ff;
                border-color: #ffcf53;
            }
            .price-shadow
            {
                width: 300px;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            }
            .header-links{
                width: 70%;
            }
            .text-smr-green { color: #6a9756 !important; }
        .bg-smr-green { background-color: #6a9756 !important; }
        .btn-smr-green {
            background-color: #6a9756;
            color: #fff;
            transition: all 0.3s ease;
        }
        .btn-smr-green:hover {
            background-color: #547b42;
            color: #fff;
        }

        /* Large faint vertical text */
        .bg-text {
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
            font-size: clamp(100px, 20vw, 300px);
            font-weight: 700;
            color: rgba(220, 222, 214, 0.4);
            z-index: 0;
            writing-mode: vertical-rl;
            text-orientation: upright;
            letter-spacing: -20px;
            user-select: none;
        }

        /* Floating Badges General Styling */
        .feature-badge {
            z-index: 3;
            white-space: nowrap;
        }
        
        .badge-icon {
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            line-height: 1;
            padding-bottom: 2px; /* Visual alignment for the plus sign */
        }
        .banner-heading{
            font-size: 36px ;
            font-family: Cairo;
        }
        .banner-text{
            font-size: 18px;
            font-family: cairo;
        }
        /* Top Heading Styles */
        .promo-text { color: #61954F; font-size: 14px; font-weight: bold; 
        font-family: cairo;}
        .main-title { font-weight: bold;font-size: 34px; margin-bottom: 40px; font-family: cairo; color: #333333; }

        /* Form Card */
        .checkout-card {
            border: 1px solid #eee;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
        }
        .form-label { font-weight: 400; font-size: 16px; margin-bottom: 8px; }
        .form-label span { color: red; }
        .form-control {
            border-radius: 8px;
            padding: 12px;
            border: 1px solid #e0e0e0;
            background-color: #fff;
        }
        
        /* Product Info Card */
        .product-summary-card {
            background-color: #f4f5ef;
            border-radius: 20px;
            padding: 20px;
        }
        .product-img-box {
            border-radius: 15px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .product-img-box img { width: 100%; height: 267px; display: block; }
        
        /* Pricing Options */
        .price-option {
            background: #fff;
            border: 1px solid transparent;
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 15px;
            cursor: pointer;
            transition: 0.3s;
        }
        .price-option.active { border-color: #6a9756; }
        .free-shipping {
            background-color: #f0f7ed;
            color: #61954F;
            font-size: 0.75rem;
            padding: 2px 10px;
            border-radius: 20px;
            font-weight: bold;
        }

        /* Order Button */
        .btn-order {
            background-color: #6a9756;
            color: white;
            width: 100%;
            border-radius: 30px;
            padding: 15px;
            font-weight: 700;
            font-size: 1.2rem;
            border: none;
            margin-top: 20px;
        }

        /* Custom Phone Input */
        .phone-input-group {
            display: flex;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }
        .country-select {
            border: none;
            background: none;
            padding: 0 10px;
            border-right: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            font-size: 0.9rem;
        }
        .phone-input-group input { border: none; background: none; flex-grow: 1; padding: 12px; }
        .serum-title{
            font-size: 24px;
            font-family: cairo;
            color: black;
        }
        .serum-desc{
            color: #666666;
        }
        .serum-qty-title{
            font-size: 18px;
            color: #000000  ;
        }
        .serum-usage{
            font-size: 14px;
        }
        .serum-price{
            font-size: 20px;
            color: #2E3325;
        }
        .complete-order-title{
            font-size: 28px;
            color: #333333;
            font-family: cairo;
        }
        .usage-section {
            padding: 40px;
            position: relative;
            background-color: #F1F2EE;
            border-radius: 24px;
        }

        /* Styling for the numbered circles */
        .step-number {
            width: 32px;
            height: 32px;
            background-color: #8da07c; /* Muted olive green */
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px ;
            font-weight: bold;
            margin-bottom: 10px;
        }

        

        .step-title {
            font-weight: 500;
            font-family: cairo;
            font-size: 20px;
            color: #333;
            margin-bottom: 10px;
        }

        .step-desc {
            font-size: 15px;
            color: #333333;
            line-height: 1.6;
        }

        .main-heading {
            font-weight: 500;
            font-family: cairo;
            line-height: 1.4;
            font-size: 34px;
            color: #333333;
        }

        .sub-heading-top {
            color: #61954F;
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 15px;
            display: block;
        }

        .btn-green {
            background-color: #61954F;
            color: white;
            border-radius: 50px;
            padding: 12px 35px;
            font-weight: 700;
            font-size: 14px;
            transition: 0.3s;
            border: none;
        }

        .btn-green:hover {
            background-color: #547b42;
            color: white;
        }

        /* Product image tilt to match design */
        .product-center-img {
            max-width: 100%;
            height: auto;
            
            filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1));
        }
        .testimonial-text {
            color: #333333;
            font-weight: 400;

            font-size: 18px;
            line-height: 28px;
        }

        .client-name {
            color: #fff;

            font-size: 20px;
            font-weight: 500;
        }

        .client-title {
            color: #B3B98F;

            font-size: 14px;
        }
        .header-title {
            font-size: 4.875rem !important;
        }

    .custom-swiper-btn {
        width: 40px;
        height: 40px;
        background-color: #6c757d;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .swiper-button-next,
    .swiper-button-prev{
        top: 140px;
    }
    .swiper-button-prev{
    right: 415px !important;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after{
        display: none;
    }

    .swiper-button-prev.custom-swiper-btn {
        left: -20px;
    }

    .swiper-button-next.custom-swiper-btn {
        right: -20px;
    }

    .custom-swiper-btn img {
    width: 14px;
    height: auto;
    filter: invert(1);
    }

    .s-lide{
        width: 300px;
    }
    
/* Testimonial text states */
.testimonial-text-slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.testimonial-text-slide.active {
    opacity: 1;
    position: relative;
    z-index: 2;
}

.card-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease-in-out;
    opacity: 0;
    z-index: 1;
    transform: scale(0.9) translateX(0);
    /* default transform, no tilt here */
}

.card-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

/* Front card — no tilt */
.card-slide.visible {
    opacity: 1;
    z-index: 3;
    transform: scale(1) translateX(0) rotateZ(0deg);
    /* no tilt */
}

/* Second card — tilt */
.card-slide.behind {
    opacity: 0.7;
    z-index: 2;
    transform: scale(0.95) translateX(30px) rotateZ(5deg);
}

/* Third card — tilt */
.card-slide.far-behind {
    opacity: 1;
    z-index: 1;
    transform: scale(0.9) translateX(60px) rotateZ(10deg);
}
.smr-watermark {
   
    
    font-size: 12rem;
    font-weight: 700;
    color: #A6B48E33;
    writing-mode: vertical-rl;
    transform: rotate(360deg);
    user-select: none;
    z-index: 1;
}
.rosemery-banner-title{
    font-size: 34px;
    font-family: cairo;
    color: white;
}
.lead{
    font-size: 18px;
    font-family: 400;
    font-family: cairo;
    color: white;
}
.rossemary-banner{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
}
.new-footerrose{
    background-color: #F1F2EE;
    border-radius: 12px;
}
@media (max-width: 767px) {
    .banner-heading {
        font-size: 28px;
    }
.bg-text
{
    top: 75%;
    left: 1%;
}
.main-title {
font-size: 24px;
}
.complete-order-title{
    font-size: 24px;
}
.btn-smr-green-mbl{
    background-color: #61954F;
    color: white;
    border-radius: 50px;
    padding: 12px 35px;
    font-weight: 700;
    font-size: 14px;
    transition: 0.3s;
    border: none;
    width: 100%;
}
.main-heading{
    font-size: 24px;
}
.card-slide{
    height: 360px !important;
}.card-slide img{
    object-fit: fill;
}
}
.rosemary-section {
    background-color: #4a6d3a;
    border-radius: 24px;
    padding: 40px 20px;
    overflow: hidden;
}

/* Button */
.buy-btn {
    background-color: #6b8e5a;
    border: none;
    width: 140px;
}

/* Image styling */
.product-img {
    height: 260px;
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.3));
}

/* Mobile View */
@media (max-width: 768px) {

    .rosemary-section {
        text-align: center;
        padding: 30px 15px;
    }

    .rosemery-banner-title {
        font-size: 18px;
        
    }

    .lead {
        font-size: 14px;
    }

    .product-img {
        position: relative;
        top: 0;
        height: 300px;
        margin-bottom: 20px;
        width: 100%;
    object-fit: contain;
    }

    .img-box {
        margin-bottom: 15px;


    }
    .img-box{
        display: flex;
        justify-content: space-between;
    }

    .mbl-rosemary{
        padding: 12px;
    }
}