body {
            font-size-adjust: 0.52;
        }

     
        @font-face {
            font-family: "Font Awesome 6 Free";
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url("{{ asset('frontend/assets/fonts/fa-light-300.woff2') }}") format("woff2");
        }

        @font-face {
            font-family: "Font Awesome 6 Free";
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url("{{ asset('frontend/assets/fonts/fa-regular-400.woff2') }}") format("woff2");
        }

        @font-face {
            font-family: "Font Awesome 6 Free";
            font-style: normal;
            font-weight: 900;           
            src: url("{{ asset('frontend/assets/fonts/fa-solid-900.woff2') }}") format("woff2");
 	    font-display: swap;
        }

	@font-face {
  	   font-family: 'Satoshi';
           src: url("{{ asset('frontend/assets/fonts/Satoshi.woff2') }}") format('woff2');
           font-display: swap;
       }


        /* USER DROPDOWN */
        .user-dropdown-wrapper {
            position: relative;
            z-index: 9999;
        }

        .user-name {
            cursor: pointer;
            color: #000;
        }

        .user-dropdown {
            position: absolute;
            top: 120%;
            right: 0;
            background: #fff;
            min-width: 200px;
            border-radius: 8px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.25s ease;
            z-index: 99999;
        }

        .user-dropdown a,
        .user-dropdown button {
            display: block;
            width: 100%;
            padding: 10px 15px;
            font-size: 14px;
            color: #333;
            text-decoration: none;
            background: none;
            border: none;
            text-align: left;
            cursor: pointer;
        }

        .user-dropdown a:hover,
        .user-dropdown button:hover {
            background: #f5f5f5;
        }

        /* HOVER EFFECT */
        .user-dropdown-wrapper:hover .user-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .search-btn-style {
            background-color: #7000fe;
            color: #fff;
            padding: 5px 10px;
            margin-top: 10px;
            float: inline-end;
        }


        .cart-icon {
            position: relative;
            background: transparent;
            border: none;
            padding: 0;
            cursor: pointer;
        }

        .cart-icon i {
            font-size: 22px;
        }

        .cart-count {
            position: absolute;
            top: -8px;
            right: -10px;
            background: #ff3c3c;
            color: #fff;
            font-size: 11px;
            font-weight: 600;
            min-width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }


        /* main css file */
        .work-process-card-items .icon img {
            width: 100%;
            max-width: 57px;

        }

        .service-wrapper-2 .service-box-items .icon img {
            width: 100%;
            max-width: 56px;
            vertical-align: text-top;
        }

        .text-theme-color {
            color: #7000fe;
            text-shadow: 1px 1px 10px white;
        }

        .black_box_shadow1 {
            box-shadow: 0px 0px 3px black;
        }

        .lightgrey_box_shadow {
            box-shadow: 0px 0px 20px lightgray;
        }

        .customBtnT {
            border: none;
            background-color: transparent;
            color: #fff;
        }
	.max177{
		max-width:177px;
	}
	.shop-catagories-item .thumb{
		max-width:198px;
	}

        .shop-catagory-items li a.active {
            color: #6c2bd9 !important;
            font-weight: 700 !important;
        }

        .shop-items .shop-image img {
            min-height: 180px;
            max-height: 181px
        }

        .cart-qty-wrap .qty-btn {
            background-color: grey;
            color: #fff;
            padding: 3px 10px;
            border-radius: 3px;
        }

        .cart-qty-wrap .cart-qty {
            max-width: 80px;
            padding: 1px 7px;
        }

        .offcanvas__info {
            z-index: 99999;
        }
	
        .align-content-center {
            align-content: center;
        }

        /* Default: hide both until breakpoint decides */
        .header-main {
            visibility: hidden;
        }

        /* Desktop */
        @media (min-width: 1200px) {
            .header-main {
                visibility: visible;
            }
        }

        /* Mobile */
        @media (max-width: 1199.98px) {
            .header-main {
                visibility: visible;
            }
        }

        @media (max-width: 992.98px) {

            .flexdirrev {
                flex-direction: column-reverse;
            }
        }

        @media (max-width: 767.98px) {
            .flexdirrev {
                flex-direction: column-reverse;
            }
        }


        @media(max-width:479.9px) {
            .signin-item {
                padding: 30px;
            }

            .max-w175 {
                max-width: 170px;
            }
        }