.html{
                font-family: "Tajawal", sans-serif !important;
            }
            .body{
                font-family: "Tajawal", sans-serif !important;
            }
            .nav-link{
                font-family: 'Tajawal' !important;
            }
            .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 ,a,p,span,label,ul ,ol,li{
                font-family: 'Tajawal' !important;
            } 
            .zain-font {
                font-family: 'Tajawal' !important;
            }  
            .subTitle {
                font-family: var(--font-Tajawal) !important;
                font-size: 20px !important;
                font-weight: 300 !important;
                line-height: 50px !important;
            }   
            .cservicertext{
                font-family: var(--font-Tajawal) !important;
                font-size: 18px !important;
                font-weight: 300 !important;
            }
            .fs-10{
                font-size: 10px !important;
            }

            .fs-15-fw-300{
                font-weight: 300 !important;
                font-size: 15px !important;
            }

            .fs-16-fw-300{
                font-weight: 300 !important;
                font-size: 16px !important;
            }

            .fs-16-fw-500{
                font-weight: 500 !important;
                font-size: 16px !important;
            }

            .fs-22-fw-300{
                font-weight: 300 !important;
                font-size: 22px !important;
            } 
            .productName{
                margin-top: 14px !important;                
                font-weight: 700 !important;
                font-size: 45px !important;
            }
            .productDescription{
                font-weight: 300 !important;
                font-size: 18px !important;
            }    
            .productPrice{
                font-weight: 700 !important;
                font-size: 45px !important;
            }
            .sar{
                font-weight: 300 !important;
                font-size: 14px !important;
            } 

           /* ------------------------------- */

           header.style-6 .main-menu ul > li a {
            color: #13141A !important;
            display: block !important;
            text-transform: capitalize !important;
            padding: 15px 20px !important;
            position: relative !important;
            font-family: var(--font-Tajawal) !important;
            text-transform: uppercase !important;
            font-weight: 400 !important;
            font-size: 16px !important;
            transition: all 0.5s ease-out 0s !important;
            position: relative !important;
        }

        .top-bar.style-6 .topbar-right ul li a {
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
            font-family: var(--font-Tajawal) !important;
            font-weight: 400 !important;
            font-size: 16px !important;
            color: #13141A !important;
        }      
        a {
            text-decoration: none !important;
        }

        .bg-light2 {
            background-color: #f3f3f3 !important;
        }

        .bg-lightred {
            background-color: #db575929 !important;
        }

        .beformpadding {
            padding: 13px !important;
        }

        .fweight-300 {
            font-weight: 300 !important;
        }

        footer .footer-btm-menu ul li a {
            color: #B3B3B3;
            font-size: 15px;
            font-family: var(--font-Zain);
            font-weight: 300  !important;
            transition: 0.35s;
        }
        
        .form-control:focus {
            color: #212529 !important;
            background-color: #fff !important;
            border-color: #db57594a !important;
            outline: 0 !important;
            box-shadow: 0 0 0 .25rem rgb(219 87 89 / 12%) !important;
        }

        .primary-btn3 {
            display: block !important;
            border-radius: 5px !important;
            background-color: var(--primary-color1) !important;
            font-family: var(--font-Tajawal) !important;
            font-weight: 300 !important;
            font-size: 18px !important;
            color: #ffffff !important;
            padding: 10px 28px !important;
            display: inline-flex !important;
            align-items: center !important;
            white-space: nowrap !important;
            gap: 10px !important;
            transition: 0.5s !important;
            position: relative !important;
            overflow: hidden !important;
            z-index: 1 !important;
            border: 0px !important;

        }

        .primary-btn3::after {
            position: absolute !important;
            content: "" !important;
            display: block !important;
            left: 15% !important;
            right: -20% !important;
            top: -4% !important;
            height: 150% !important;
            width: 150% !important;
            bottom: 0 !important;
            border-radius: 2px !important;
            background-color: #0A1019 !important;
            transform: skewX(45deg) scale(0, 1) !important;
            z-index: -1 !important;
            transition: all 0.5s ease-out 0s !important;
        }

        .primary-btn3:hover {
            color: var(--white-color) !important;
        }

        .primary-btn3:hover::after {
            transform: skewX(45deg) scale(1, 1) !important;
        }

        .primary-btn7 {
            border-radius: 5px !important;
            background-color: var(--title-color);
            font-family: var(--font-Tajawal);
            font-weight: 300 !important;
            font-size: 18px !important;
            color: var(--white-color);
            padding: 14px 28px !important;
            line-height: 1 !important;
            display: inline-flex !important;
            align-items: center !important;
            white-space: nowrap !important;
            gap: 10px !important;
            transition: 0.5s !important;
            position: relative !important;
            overflow: hidden !important;
            z-index: 1 !important;
            border-radius: 5px !important;
            border: 1px solid rgba(29, 29, 29, 0.3);
        }

        .hide-important {
            display: none !important;
        }

        /* ----------------------- */

        .moving-circle {
            background-color: #DB5759 !important;
        }

        /* ------------------------- */

        .agent-logo-img {
            width: 100%;
            height: 266px;
            object-fit: cover;
            border-radius: 8px; 
            border: 1px solid #ddd; 
        }

        .select2-container--default .select2-selection--single {
            width: 100%  !important;
            background: #F3F3F3 !important;
            border-radius: 5px !important;
            height: 50px  !important;
            /* display: flex !important; */
            display: grid !important;
            align-items: center !important;
            line-height: 1 !important;
            padding: 0px 25px !important;
            outline: none !important;
            box-shadow: none !important;
            border: 1px solid #F3F3F3 !important;
            color: #5E5E5E !important;
        }

        .select2-container--default .select2-selection--single:focus {
            background: #ffffff !important;
            border: 1px solid #5E5E5E !important;
            color: #5E5E5E !important;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #5E5E5E !important;
            line-height: 38px;
            text-align: left;
        }

        html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered {
            text-align: right;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #ffb2b3 !important; 
            color: #fff !important;
        }

        /* ---------------------- */

        .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 100% !important;
                left: 23px  !important;
            }