span.d-none.d-xl-inline-block.ms-1.fw-medium {
            color: white;
        }

        .search-btn {
            position: absolute;
            margin-top: 6px;
            margin-left: -30px;
            background-color: transparent;
            padding-left: 5px;
        }

        .search-rap .form-search {
            display: unset;
        }

        #page-header-user-dropdown {
            border: 0.4px solid #fff;
        }
        #search-suggestions {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.08);
            padding: 8px 0;
        }
        .search-suggestion-item {
            transition: background 0.2s;
            cursor: pointer;
        }
        .search-suggestion-item:hover {
            background: #f9f9ea;
        }
        .tooltip-inner {
            background-color: #626F47 !important;
            color: #fff;
            font-size: 15px;
            padding: 8px 16px;
            border-radius: 8px;
            box-shadow: 0 4px 16px rgba(98,111,71,0.15);
        }
        .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
            border-bottom-color: #626F47 !important;
        }

        /* Review Slider Styles */
        .review-wrap {
            padding: 60px 0;
            background: #f8f9fa;
        }

        .review-slider {
            padding: 20px 10px;
            position: relative;
        }

        .review-slider .swiper-slide {
            height: auto;
            transition: all 0.3s ease;
        }

        .review-slider .applic--card {
            background: #fff;
            transition: all 0.3s ease;
            height: 100%;
            border-radius: 12px;
            overflow: hidden;
        }

        .review-slider .applic--card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .review-slider .applicimg00 {
            height: 200px;
            overflow: hidden;
        }

        .review-slider .applicimg00 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

        .review-slider .applic--card:hover .applicimg00 img {
            transform: scale(1.05);
        }

        .review-slider .swiper-button-next,
        .review-slider .swiper-button-prev {
            color: #000;
            background: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .review-slider .swiper-button-next:after,
        .review-slider .swiper-button-prev:after {
            font-size: 18px;
        }

        .review-slider .swiper-pagination-bullet-active {
            background: #000;
        }

        .review-slider .text-warning {
            color: #ffc107 !important;
        }

        .review-slider .appliccontent {
            background: #fff;
            padding: 20px;
        }

        .review-slider .appliccontent strong {
            color: #333;
            font-size: 18px;
        }

        .review-slider .appliccontent p {
            color: #666;
            line-height: 1.6;
            margin: 10px 0;
        }

        .review-slider .appliccontent small {
            color: #999;
            font-size: 13px;
        }

        .review-slider .section-title {
            margin-bottom: 40px;
        }

        .review-slider .section-title h2 {
            font-size: 32px;
            font-weight: 600;
            color: #333;
        }

        .review-slider .section-title h2 span {
            color: #a7965c;
        }

        @media (max-width: 768px) {
            .review-slider .swiper-button-next,
            .review-slider .swiper-button-prev {
                display: none;
            }
            
            .review-slider .section-title h2 {
                font-size: 24px;
            }
        }
   
        .max-1199px {
            max-width: 1199px;
            margin: auto;
        }

        .headerintop {
            background-color: #a7965c;
            height: 49px;
            align-content: center;

            a {
                color: #ffffffe3;
                font-size: 17px;

                :hover {
                    color: #ffffffa2;
                }
            }
        }

        .bottominmenuul {
            a {
                letter-spacing: 0.5px !important;
                text-transform: capitalize !important;
                font-size: 17px !important;
            }
        }

        .headerinbottom {
            row {
                --bs-gutter-x: 0 !important;
            }
        }

        .customdropdown {
            /* width: calc(100% - 25px); */
        }

        .link-list-menu {
            .bannermenu-li {
                border-bottom: 1px solid #ddd;
            }

            .bannermenu-li:last-child {
                border: none;
            }

        }

        .headermain:after {
            position: absolute;
            content: "";
            width: 50%;
            height: 49px;
            background-color: #a7965c;
            top: 0;
            right: 0;
        }

        @media (max-width:767px) {
            .headermain:after {
                display: none;
            }
        }

        .headermaincontdiv.w-100 {
            z-index: 1;
        }

        .new-header {
            padding-top: 0;

            .mobilesearch {
                input {
                    max-width: 100% !important;
                }
            }
        }

        .mobiledrop {
            /*max-height: 330px;*/

            .tab-content {
                height: 100%;
                max-height: 355px;
                overflow-y: auto;
                overflow-x: clip;
            }
        }

        .whtsappbtn {
            bottom: 55px;
            z-index: 9999;
        }

        @media(max-width: 575px) {
            .whtsappbtn img {
                max-width: 50px;
            }
        }

        /* new css */
        .top {
            background: var(--font-color-primary);
        }

        .top * {
            color: #fff !important;
            font-size: 16px;
        }

     

        html {
            overflow-x: hidden;
        }

        .slider-content .home-slider.owl-carousel .owl-nav button i {
            background-color: #2222;
            border-radius: 100px;
        }

        .top a {
            padding-top: 5px;
        }

        .footer-bottom-area {
            padding-top: 20px;
            padding-bottom: 20px;
            background-color: #f2feeb;
            border-top: 1px solid #589512;
        }

        .footer-top-area {
            position: relative;
            background-color: #f2feeb;
        }
   
        .product-image {
            position: relative;
        }

        .btnwl {
            position: absolute;
            right: 15px;
            top: 12px;
        }

        .d-flex.gap-3.pro-button {
            width: 100% !important;
        }

        /* new */

        :root {
            --font-color-primary: #626F47;
        }

      
        .headerintop,
        .headermain:after {
            background-color: #626F47;
        }

        ul.single-service li.service-content .ser-block a,
        .section-title span.sub-title,
        .footer-list-wrap ul.footer-list li.ftlink-li h2.ft-title {
            color: #626f47;
        }

        .bg-theme-o {
            background-color: #f9f9ea;
        }

        .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title,
        .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title-lg,
        .footer-list-wrap ul.footer-list li.ftlink-li .footer-wrap-menu ul.footer-sublist li.ftsublink-li a {
            color: #000000;
        }

        .search-rap .form-search input.input-text {
            border-color: #626F47;
        }

        .single-product-wrap {
            border-radius: 30px;
            border: 1px solid rgb(98 111 71);
        }

        .section-title h2 {
            font-weight: 200;
            color: #000000;
        }

        .section-title h2,
        .custom-text-wrapper .custom-text-content h2 {
            font-weight: 500;
            font-size: 34px;
            color: #000000;
        }

        .faq {
            .accordion-item {
                border: 1px solid #626f47 !important;
            }
        }

        .btn-style-o {
            color: #626f47;
            background-color: var(--sti-bgcolor);
            border: 1px solid #82a14e;

            &:hover {
                background-color: #82a14e;
                border: 1px solid #82a14e;
            }

        }

        .faq {
            & .accordion {
                .accordion-collapse {
                    border-radius: 5px;
                    background-color: rgb(98 111 71 / 8%);
                    color: #000000;
                    letter-spacing: 1px;
                }
            }
        }

        .blog-post .blog-post-content {
            box-shadow: 0 -10px 22px #0000003b;
        }

        .border-theme {
            border: 1px solid #626f47;
        }

        .deal_item_content_wrap {
            border-radius: 8px;
            overflow: hidden;
        }

        .deal_item_content_wrap:hover {
            -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .deal_item_content_wrap:hover .deal_item_content {
            -webkit-transform: scale(1.08);
            transform: scale(1.08);
            -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .deal_item_content {
            max-width: 100%;
            min-height: 21rem;
            border-radius: 8px;
            overflow: hidden;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .deal_item_txt {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 30px;
            background: #00000061;
        }

        .deal_sub_title h5 {
            color: #ffffff;
            font-size: 0.8125rem;
            font-weight: 500;
            letter-spacing: 1px;
        }

        .deal_title {
            max-width: 24rem;
            margin-bottom: 15px;
        }

        .deal_title h3 {
            color: #ffffff;
            font-size: 2.1875rem;
            font-weight: 700;
        }

        .deal_btn {
            display: inline-block;
        }

        .deal_btn:hover i {
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
        }

        .deal_btn button {
            color: #fff;
            font-size: 1rem;
            font-weight: 500;
            border: 3px solid transparent;
            border-radius: 0;
        }

        .deal_btn i {
            display: inline-block;
            -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
            transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        }

        .quality_section_wrap {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .quality_top_title h2 {
            color: #292929;
            font-size: 2.8125rem;
        }

        .quality_title h4 {
            color: #525252;
            font-size: 1.42rem;
            font-weight: 700;
        }

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

        .quality_desc p {
            color: #7a7b78;
            font-size: 0.99375rem;
        }

        .quality_img {
            width: 130px;
            border-radius: 100%;
            overflow: hidden;
            padding: 20px;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .quality_middle_gallery {

            margin: auto;
        }

        .quality_section_wrap2 h2 {
            color: #292929;
            font-size: 50px;
        }

        .quality_section_wrap2 h4 {
            color: #181b31;
            font-size: 22px;
            font-weight: 700;
        }

        .quality_section_wrap2 p {
            color: #7a7a7a;
            font-size: 16.12px;
            font-weight: 400;
        }

        .quality_section_wrap2 .quality_img2 {
            width: 90px;
            height: 90px;
            padding: 10px;
            border-radius: 100%;
            background-color: #f8f8f8;
            -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        }

        .quality_section_wrap2 .quality_content2_img1 {
            top: 27%;
            left: 35px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

        .quality_section_wrap2 .quality_content2_img2 {
            top: 27%;
            right: 35px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

        .quality_section_wrap2 .quality_content2_img3 {
            bottom: 27%;
            left: 0px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

        .quality_section_wrap2 .quality_content2_img4 {
            bottom: 27%;
            right: 0px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

        .quality_section_wrap2 .quality_text {
            width: 290px;
        }

        .quality2_left_thumb {
            top: 0;
            left: 0;
        }

        .quality2_righttop_thumb {
            top: 0;
            right: 0;
        }

        .quality2_rightbottom_thumb {
            bottom: 0;
            right: 0;
        }

        .owl-carousel .owl-item img {
            max-height: 100vh;
        }

        .slider-content .home-slider .slide-image::after {
            display: none;
        }

        span.img-icon img {
            border: 3px solid #626f47;
            padding: 15px;
        }

        .slider-category .cat-block .img-icon:hover {
            transform: scale(1.1);
            transition: all .5s ease;
        }

        .slider-category .cat-block .img-icon {
            transition: all .5s ease;
        }

        .slider-category .cat-block .img-icon {
            background-color: #ffffff;
            padding: 0;
        }

        .section-title {
            align-items: start;
        }

        .d-grid.swiper-wrapperr {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            @media (max-width: 1699px) {
                grid-template-columns: repeat(4, 1fr);
            }

            @media(max-width:1199px) {
                grid-template-columns: repeat(3, 1fr);
            }

            @media(max-width:1024px) {
                grid-template-columns: repeat(3, 1fr);
            }

            @media(max-width:768px) {
                grid-template-columns: repeat(2, 1fr);
            }

            @media(max-width:475px) {
                grid-template-columns: repeat(1, 1fr);
            }
        }

        .single-product-wrap .product-content h6 a {
            white-space: normal;
        }

        .single-product-wrap {
            height: 100%;
        }

        .section-title.d-flex {
            flex-direction: row;
        }

        

        ul.single-service li.service-content .ser-block a,
        .insta-card {
            background-color: #fff;
        }

        .masonry {
            /* Masonry container */
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
            -webkit-column-gap: 1em;
            -moz-column-gap: 1em;
            column-gap: 1em;
            /* margin: 1.5em; */
            padding: 0;
            -moz-column-gap: 1.5em;
            -webkit-column-gap: 1.5em;
            column-gap: 1.5em;
        }

        .item {
            display: inline-block;
            width: 100%;
            -webkit-transition: 1s ease all;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;

        }

        .item img {
            max-width: 100%;
        }

        @media only screen and (max-width: 320px) {
            .masonry {
                -moz-column-count: 1;
                -webkit-column-count: 1;
                column-count: 1;
            }
        }

        @media only screen and (min-width: 321px) and (max-width: 768px) {
            .masonry {
                -moz-column-count: 2;
                -webkit-column-count: 2;
                column-count: 2;
            }
        }

        @media only screen and (min-width: 767px) and (max-width: 1198px) {
            .masonry {
                -moz-column-count: 4;
                -webkit-column-count: 4;
                column-count: 4;
            }
        }

        @media only screen and (min-width: 1199px) {
            .masonry {
                -moz-column-count: 5;
                -webkit-column-count: 5;
                column-count: 5;
            }
        }

        ul.single-service {
            flex-wrap: nowrap;
            gap: 30px;

            li.service-content {
                width: 100%;
                margin: 0;
                background-color: #f2f3ef;
                padding: 20px;
                border-radius: 15px;

                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                p {
                    color: #626f47 !important;
                }
            }
        }

        .footer-top-area::after {
            display: none;
        }

        .animateMe {
            opacity: 0;
            /* Initially hide elements */
            transition: opacity .8 ease, transform 2s ease-out;
            /* Smooth 8-second transition */
        }

        .freetitle {
            background-color: #f5bb0d40;
            color: #222;
            padding: 2px 10px;
            border-radius: 100px;
            margin-top: 10px !important;
        }

        .imgsection {
            position: absolute;
            right: 10px;
            margin-top: 32px;
        }

        .single-product-wrap {
            border-radius: 10px;
            border: 1px solid rgb(98 111 71);
        }

        .single-product-wrap .product-content {
            padding: 15px;
        }

        .single-product-wrap .product-content h6 a {
            white-space: normal;
            height: 26px;
        }

        .single-product-wrap {
            border-radius: 10px;
            border: 1px solid rgb(98 111 71 / 21%);
        }

        .single-product-wrap {
            transition: transform 0.4s ease-in-out;
        }

        .single-product-wrap:hover {
            background-color: #63704803;
        }

        .bannerimgdiv,
        .bannerimgdiv img {
            border-radius: 10px;
        }

        .bannerimgdiv:hover {
            transition: transform 0.4s ease-in-out;
            border: 1px solid rgb(115 126 90);
            transform: scale(1.02);
        }

        .quality_section img {
            width: 100px;
            height: 60px;
        }

        .review-wrap .section-title p {
            margin: 0px;
            position: absolute;
            margin-left: -70px;
            font-size: 27px;
            font-weight: 500;
            color: #222;
            margin-top: 5px;
        }

        .masonry .text-warning {
            position: absolute;
            margin-top: -37px;
            right: 15px;
            font-size: 25px;
        }

        .appliccontent strong {
            font-weight: 600;
            color: #222;
        }

        .our-service-area,
        .blog-wrap {
            background: url(https://mokonut.com/upload/bannerfull.png);
            background-attachment: fixed;
        }

        ul.single-service li.service-content {
            background-color: #e3fcd4;
        }

        .product-img-dropdown {
            min-width: 320px;
            padding: 18px 12px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
            display: none;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            position: absolute;
            left: 0;
            top: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s;
            z-index: 1000;
        }

        .product-dropdown-item {
            display: flex;
            align-items: center;
            gap: 14px;
            border-radius: 8px;
            transition: background 0.2s;
            padding: 8px 8px;
            min-width: 140px;
        }

        .product-dropdown-item:hover {
            background: #f9f9ea;
            text-decoration: none;
        }

        .product-dropdown-img {
            width: 44px;
            height: 44px;
            object-fit: cover;
            border-radius: 8px;
            margin-right: 0;
            border: 2px solid #626f47;
            padding: 4px;
            background: #fff;
            box-sizing: border-box;
        }

        .product-dropdown-title {
            font-size: 15px;
            font-weight: 600;
            color: #626F47;
            display: block;
            line-height: 1.2;
        }

        /* Show dropdown on hover (desktop) */
        @media (min-width: 992px) {

            .custom-product-dropdown:hover>.product-img-dropdown,
            .custom-product-dropdown:focus-within>.product-img-dropdown {
                display: grid;
                opacity: 1;
                visibility: visible;
            }
        }

        /* Show dropdown on click (Bootstrap handles this on mobile) */
        @media (max-width: 991.98px) {
            .product-img-dropdown {
                display: grid;
                opacity: 1;
                visibility: visible;
                position: static;
                box-shadow: none;
                min-width: 0;
                padding: 10px 0;
                grid-template-columns: 1fr;
            }
        }