@font-face {
        font-family: 'Tajawal';
        font-style: normal;
        font-weight: 400;
        src: url('../../../fonts/Tajawal/Tajawal-Medium.ttf');
        unicode-range: U+30-39;
    }
    
    *:not(i):not(.fa):not(.fas):not(.far) {
        font-family: 'Tajawal', 'El Messiri', sans-serif !important;
        letter-spacing: -0.8px;
    }
    
    .owl-carousel {
        direction: ltr;
    }
    
    .product-default .product-title {
        width: 215px;
        direction: rtl;
    }
    
    section .section-title h2,
    .product-panel .section-title h2,
    .product-category-panel .section-title h2 {
        font-size: 2.2rem;
    }
    
    .product-label.label-cut {
        font-size: 12px;
    }
    
    .product-category {
        font-size: 14px;
    }
    
    .old-price {
        margin-right: 7px;
    }
    
    .header-search .btn {
        border-radius: 30px 0px 0px 30px;
    }
    
    .header-search .form-control {
        border-radius: 0px 30px 30px 0px;
    }
    
    .footer {
        background-color: #22252a;
    }
    
    .footer .widget-title {
        color: #fff !important;
        font-size: 21px !important;
    }
    
    .footer .contact-widget span {
        display: block;
        font-size: 19px;
        color: #01a9ec;
        font-weight: 700;
    }
    
    .breadcrumb-item+.breadcrumb-item:before {
        transform: rotate(180deg);
        padding-right: 1rem;
    }
    
    .ui-widget-header {
        background: #0075ff;
    }
    
    .product-main-attribute {
        padding-bottom: 10px;
        font-size: 15px;
    }
    
    .product-main-attribute strong {
        color: #21293c;
    }
    
    .mobile-menu li {
        padding-right: 20px;
        font-size: 15px;
    }
    
    .list li a {
        font-size: 13px;
    }
    
    .list li a:before {
        left: 0
    }
    
    .btn-add-cart.selected {
        background-color: #01abec !important;
        border-color: #01abec !important;
        color: #fff !important;
    }
    
    .btn-add-cart.disabled {
        opacity: 0.4
    }
    
    .form-error {
        color: red !important;
        margin-top: -15px;
    }
    
    .footer .contact-widget span,
    footer .widget a {
        color: #fff;
    }
    
    .footer .contact-widget span:hover,
    footer .widget a:hover {
        color: #fdd316;
    }
    
    .header-middle {
        background: #fff;
    }
    
    .logo {
        width: 60px;
    }
    
    .logo:hover {
        transition: 0.5s ease;
        transform: scale(1.2);
        max-width: none;
    }
    
    .header-center {
        border: 2px solid;
        border-radius: 17px;
    }
    
    .header-bottom {
        background: #d7d7d7;
    }
    
    .header-userinfo {
        color: #000;
    }
    
    .cart-dropdown .dropdown-toggle .cart-count {
        left: 5px;
        top: -0.7rem;
    }
    
    .header-bottom .menu>li .megamenu {
        transform: translateX(16px);
    }
    
    .menu .megamenu {
        width: 400px;
    }
    
    .menu ul::-webkit-scrollbar {
        width: 5px;
        direction: rtl;
    }
    
    .menu ul::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    .menu ul::-webkit-scrollbar-thumb {
        background-color: darkgrey;
    }
    /*laptop screen*/
    
    @media (min-width: 1200px) {
        .owl-carousel:not(.product-sliders) .owl-stage-outer .home-slide {
            height: 540px;
        }
        .owl-carousel:not(.product-sliders) .owl-stage-outer .home-slide.installment-slider {
            height: 300px;
        }
    }
    
    @media (max-width: 679px) {
        .product-default .product-title {
            width: 26vw;
        }
        .header-center {
            border: 0;
        }
        .cart-count {
            padding: 8px;
            font-size: 10px;
        }
        .dropdown-cart-products .product-title a {
            height: 35px;
        }
        .banner-container div {
            height: auto !important;
        }
        .icon-bar {
            margin-bottom: 7px;
            text-align: center;
        }
        .owl-carousel:not(.product-sliders) .owl-stage-outer .home-slide {
            max-height: 200px;
            height: 200px;
        }
    }
    
    @media (max-width: 479px) {
        footer .contact-widget,
        footer .widget {
            text-align: center;
            margin: auto;
        }
        footer .contact-widget {
            margin-bottom: 20px;
        }
        footer .widget a {
            font-size: 1.8rem;
        }
        .product-default .product-title {
            width: 34vw;
        }
    }