:root {
  --primary-black: #101010 !important;
  --secondary-yellow: #FACE1C !important;
  --secondary-red: #DB1D1D !important;
  --secondary-gray: #363636 !important;
  --secondary-black: #212121 !important;
  --secondary-white: #F9F9F9 !important;
}






/*=========================   FONTS STRT =================================*/
    
   .page-title .breadcrumbs-area .category-name span ,
   .canvas-body .widget-facet .facet-title span ,
   .canvas-body .widget-facet ul li label span ,
   .card_product--V01 .card_product-info a ,
    .badge-box .new ,
    .badge-box .sale ,
    .footer-col-2 h3, .footer-col-3 h3, .footer-col-4 h3
    {
        font-family: 'Optima' !important;
    }
    .
    {
        font-family: 'Optima Bold' !important;
    }

    .page-title .breadcrumbs-area .bread-wrap li , 
    .card_product-info .price-wrap span ,
    .tf-dropdown-sort .text-sort-value ,
    .box-navigation .item-link ,
    .sub-menu .menu-heading ,
    .sub-menu .menu-link-text ,
    .tf-control-filter .tf-btn-filter span ,
    .breadcrumbs-area ul li a, .breadcrumbs-area ul li span, .breadcrumbs-area ul li p ,
    .card_product--V01 .price-wrap .price-old ,
    .card_product--V01 .price-wrap .price-new ,
    .announcement-text p ,
    .footer-col-1 ul li span ,
    .mb-menu-link
    {
        font-family: 'DM Sans' !important;
    }
    .
    {
        font-family: 'DM Sans Bold' !important;
    }

    /*

        font-family: 'DM Sans' !important;
        font-family: 'DM Sans Bold' !important;

    */

 

      @media (max-width: 680px) 
      {
            


      }

        
/*=========================   FONTS END =================================*/

    .sld-content .content-sld p .fst-italic
    {
        font-size: 50px;
        color: var(--secondary-white) !important;
    }
    .announcement-bar
    {
        padding: 5px;
        background-color: var(--secondary-yellow) !important;
    }
    .social_icons ul
    {
        display: inline-flex;
    }
    .social_icons ul li img
    {
    	margin: 0px 7px;
    	padding: 1px;
    }
    .social_icons ul li .facebook  {  width: 22px; }
    .social_icons ul li .twitter   {  width: 16px; }
    .social_icons ul li .instagram {  width: 18px; }
    .social_icons ul li .tik-tok   {  width: 20px; }
    .social_icons ul li .youtube   {  width: 22px; }


    .announcement-text p
    {
        text-align: center;
        color: var(--primary-black) !important;
    }

    .announcement-bar-pages ul
    {
        display: inline-flex;
    }
    .announcement-bar-pages ul li a
    {
        margin: 0 10px;
        color: var(--primary-black) !important;
    }
    .tf-header
    {
        background-color: var(--primary-black);
    }


    .sld-content .content-sld p
    {
        font-size: 18px;
    }

 
/*=========================   LISTING PAGE START =================================*/

    .product-listing-color .variant-picker-item .color-btn.active
    {
         border-color: red !important; 
    }
    .product-listing-color .variant-picker-item
    {
        text-align: center;
    }
    .variant-box .infiniteslide_wrap
    {
        display: none;
    }
    .breadcrumbs-area ul
    {
        display: inline-flex;
    }
    .breadcrumbs-area ul li span 
    {
        padding: 0 10px;
    }
    .breadcrumbs-area ul li a , .breadcrumbs-area ul li span , .breadcrumbs-area ul li p 
    {
        color: var(--secondary-white);
        font-size: 17px;
    }
    .page-title .breadcrumbs-area .category-name
    {
        padding: 15px;
    }
    .page-title .breadcrumbs-area .category-name span
    {
        color: var(--secondary-white);
        font-size: 25px;
    }

    .card_product--V01 .card_product-info a
    {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 15px;
        font-size: 20px;
    }
    .card_product-wrapper  .card_product-info  .price-wrap .h5
    {
        font-size: 18px !important;
    }
    .card_product-wrapper  .card_product-info  .price-wrap .price-old
    {
        font-size: 16px !important;
    }



/*=========================   LISTING PAGE END =================================*/



/*=========================   PRODUCT PAGE START =================================*/
    


    .tf-product-info-heading .product-brand
    {
        color: var(--secondary-white);
        font-size: 14px;
    }

    .tf-product-info-heading .product-brand span
    {
        color: var(--secondary-yellow);
        font-size: 14px;
        text-transform: uppercase;
    }

    .tf-product-info-heading .product-info-name
    {
        font-size: 30px;
    }


    [class^="icon-"], [class*=" icon-"] 
    {
        color: var(--secondary-white);
    }

    .flex-wrap-reverse
    {
        /*background-color: var(--secondary-gray) !important;*/
    }
    .login-background , .account-background
    {
        background-color: var(--secondary-gray);
    }
 
/*=========================   PRODUCT PAGE END =================================*/


    .table-shop-cart td:nth-child(2), .table-shop-cart td:nth-child(4), .table-shop-cart td:nth-child(3)
    {
        color: var(--secondary-white);
    }
    .table-shop-cart  thead , .table-shop-cart tbody
    {
        background-color: var(--secondary-black) ;
    }

    .table-shop-cart table
    {
        overflow-x: scroll;
        display: flow-root;
        overflow-y: hidden;
    }
    .list-order-product .name , .list-order-product .variant , .list-total .total-item
    {
        color: var(--secondary-white);
    }

    .discount-code .tf-field-2
    {
        margin-top: 25px;
        margin-bottom: -15px;
    }

    .discount-code .tf-field-2 .tf-input 
    {
        background: var(--secondary-white);
        color: var(--primary-black);
        border: 1px solid  var(--secondary-white);
        border-radius: 10px;
            width: 100%;
    }

    .discount-code .tf-field-2 label ,  .discount-code .tf-field-2  .tf-lable
    {
        color: var(--primary-black) !important;
    }
    .description-heading
    {
        color: var(--secondary-yellow);
    }
    .description-heading p
    {
        color: var(--secondary-white);
    }
    .tab-content .tab-pane .description-panel
    {
        padding: 30px 150px;
    }

    .tab-content .tab-pane .description-panel p
    {
        padding: 20px 0px;
        color: var(--secondary-white);
    }


    .tab-content .tab-pane .description-panel h6
    {
        color: var(--secondary-white);
        margin-top: 1rem;
        font-weight: 700;
    }
    .tab-content .tab-pane .description-panel li
    {
        color: var(--secondary-white);
        margin-left: 1rem;
        list-style: disc;
    }
    .tab-content .tab-pane .description-panel li span
    {
        color: var(--secondary-white);
  
    }
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link
    {
        background-color:transparent;
        border: 0px;
        border-bottom: 2px solid var(--secondary-yellow);
    }
    .product-page-descr
    {
        background-color: var(--secondary-black);
    }
    .product-page-descr .col-md-12 
    {
        border: 1px solid var(--secondary-gray);
    }
    .product-page-descr .nav-pills
    {
        border-bottom: 1px solid var(--secondary-gray);
        padding: 0px 10px;
    }

    .product-page-descr .nav-pills .nav-item
    {
        width: 50%;
        padding: 0 20%;
    }
    .product-page-descr .nav-pills .nav-item .nav-link
    {
        color: var(--secondary-white);
        font-weight: 600;
        padding: 15px;
    }

    .product-page-descr .nav-pills .nav-link
    {
        border-radius: 0;
    }

 

/*=========================================================================*/
 
    .forget-pass
    {
        color: var(--secondary-white);
    }
    .tf-footer
    {
        padding-top: 3rem;
        background-color: var(--secondary-gray);
    }

    .footer-col-1 .box-title img
    {
        width: 150px;
    }
    .footer-col-1  .footer-contact-details ul
    {
        margin-top: 30px;
    }

    .footer-col-1 ul li span
    {
        color: var(--secondary-white);
        font-size: 16px;

    }
    .footer-col-2 h3 , .footer-col-3 h3 , .footer-col-4 h3
    {
        color: var(--secondary-white);
        font-size: 25px;
        text-transform: capitalize;
    }
    .footer-col-2 ul ,
    .footer-col-3 ul , 
    .footer-col-4 ul 
    {
        margin-top: 35px;
    }
    .footer-col-1 ul li ,
    .footer-col-2 ul li , 
    .footer-col-3 ul li , 
    .footer-col-4 ul li 
    {
        padding: 8px;
    }

    .footer-col-2 ul li a , 
    .footer-col-3 ul li a , 
    .footer-col-4 ul li a ,
    .footer-col-4 ul p
    {
        color: var(--secondary-white);
        font-size: 16px;
        font-weight: 500;
    }
    .footer-col-4 ul li .form-email fieldset
    {
        background-color: var(--secondary-white);
        margin-top: 10px;
    
    } 

    .footer-col-1 ul li span img
    {
        width: 22px;
        margin: 0 8px;
    }

    .footer-col-1 ul li span:hover,
    .footer-col-2 ul li a:hover , 
    .footer-col-3 ul li a:hover ,
    .footer-col-4 ul li a:hover ,
    .footer-col-4 ul p:hover 
    {
        color: var(--secondary-yellow);
    }


    .desktop-only
    {
        display: block;
    }
    .mobile-only
    {
        display: none;
    }
    .breadcrumbs-area ul li a, .breadcrumbs-area ul li span, .breadcrumbs-area ul li p
    {
        font-size: 16px;
    }
    .page-title .breadcrumbs-area .category-name span
    {
        font-size: 28px;
    }
    .canvas-body .widget-facet ul li label span
    {
        font-size: 17px;
    }


	.box-navigation .box-nav-menu li a
    {
        color: var(--secondary-white);
    }

	.box-navigation .box-nav-menu li a:hover
	{
    	color: var(--secondary-yellow);
	}

	.tf-footer .footer-body
	{
    	margin-bottom: 2rem;
	}
 
	

    @media (max-width: 680px) 
    {
    
    
    	.container
    	{
    		max-width: 100%;
    	} 
    
        .sld-content .content-sld p .fst-italic
        {
            font-size: 22px;
            color: var(--secondary-white) !important;
        }
        .desktop-only
        {
            display: none;
        }
        .mobile-only
        {
            display: block;
        }
        .row > * 
        {
            padding-left: 5px;
            padding-right: 5px;
        }
        .variant-picker-item .color-btn .check-color
        {
            width: 20px;
            height: 20px;
        }
        .variant-picker-item .color-btn
        {
            width: 25px;
            height: 25px;
        }
        .price-wrap
        {
            padding-bottom: 10px;
        }
        .card_product--V01 .card_product-info
        {
            gap: 5px;
        }
        .tf-btn-filter
        {
            font-size: 15px;
        }
        .tf-dropdown-sort .text-sort-value
        {
            font-size: 10px;
            text-transform: capitalize !important;

        }
        .tf-dropdown-sort .dropdown-menu
        {
            border: 1px solid white;
        }
        .tf-dropdown-sort
        {
            padding: 5px 8px 3px 8px;
        }
        .card_product--V01 .card_product-info a
        {
            padding: 0 5px 3px 5px;
            font-size: 12px;

        }
        .page-title
        {
            padding: 5px 10px 5px 10px;
        }
        .breadcrumbs-area ul li a, .breadcrumbs-area ul li span, .breadcrumbs-area ul li p
        {
            font-size: 11px;
        }
        .page-title .breadcrumbs-area .category-name
        {
            padding: 5px;
        }
        .page-title .breadcrumbs-area .category-name span
        {
            font-size: 18px;
        }
        .canvas-body
        {
            background-color: var(--secondary-black);
        }


        .tf-control-filter .tf-btn-filter span
        {
            font-size: 10px;
        }
        .card_product--V01 .card_product-info a 
        {
            font-size: 12px !important;
        }
        .badge-box .new , .badge-box .sale
        {
            font-size: 10px;
        }
        .announcement-text p
        {
            font-size: 14px !important;
            height: 20px;
        	margin: -5px 0px 0px 0px;
        }
        .mobile-set-resoulation
        {
            padding-left: 0px;
            padding: ;adding-right: 0px;
        }
        .tf-control-filter
        {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px 20px;
            padding: 4px 8px 4px 8px;
            background-color: var(--secondary-gray);
        }
    
    	.nav-icon .nav-icon-item .icon
    	{
            font-size: 28px;
        	margin: -1px;
    	}
    	.nav-icon .nav-icon-item
    	{
        	display: flex;
    	}
    	.tf-product-info-heading .product-info-name
    	{
        	 font-size: 18px;
    	}
    	.tf-product-info-list .tf-product-info-heading
    	{
        	  gap: 5px;
    	}
    
    	.variant-picker-item .color-btn
    	{
        	 margin: 5px 0 10px 0;
    	}
    	.variant-picker-item .size-btn
    	{
        	  margin: 10px 0 0px 0;
    	}
    	.tab-content .tab-pane .description-panel
    	{
        	padding: 30px 10px;
    	}
    	.product-page-descr .nav-pills .nav-item .nav-link
    	{
			padding: 15px 0px 5px 0;	
    	}
    	.product-page-descr .nav-pills .nav-item
    	{
     	   padding: 0 10%;
     	   font-weight: 500;
      	  font-size: 14px;
    	}
    
    	.nav-ul-mb li a
    	{
        	color: var(--secondary-white);
    	}
    	.flat-spacing-16
    	{
    		padding-top: 25px;
    	}
    	.tf-product-info-list .tf-product-info-heading
    	{
			margin-bottom: 0px;
    	}
    
    	.tf-mini-cart-item .tf-mini-cart-info p
    	{
    		font-size: 12px;
    	}
    	.tf-mini-cart-sroll
    	{
        	padding: 10px;
    	}
    
    	.tf-mini-card-price
    	{
    		font-size: 14px;
    	}
    
    	.tf-field-2 .tf-input:not(:placeholder-shown) ~ .tf-lable, .tf-field-2 .tf-input:focus ~ .tf-lable 
    	{
			font-size: 13px;
		}






		.tf-footer
   	 	{
        	padding-top: 1rem;
    	}

        .footer-col-1 ul li, .footer-col-2 ul li, .footer-col-3 ul li, .footer-col-4 ul li
        {
            padding: 3px 8PX;
        }

        .footer-col-2 ul li a, .footer-col-3 ul li a, .footer-col-4 ul li a, .footer-col-4 ul p
        {
            margin-left: 10px;
        	font-size: 13px;
        }

        .footer-col-2 ul, .footer-col-3 ul, .footer-col-4 ul
        {
            margin-top: 5px;
        }
        .footer-col-2 h3, .footer-col-3 h3, .footer-col-4 h3
        {
            font-size: 18px;
            margin-top: 1rem;
            margin-left: 10px;
        }
        .footer-col-1 ul li span img
        {
            width: 18px;
        }

        .footer-col-1 ul li span
        {
            font-size: 13px;
        }

        .footer-body
        {
            padding: 35px 0px 20px 0px;
        }
        .footer-bottom
        {
            padding: 10px 10px 30px 10px;
        }

 
    }