body{
    background-color: #f7f5f2
}
header .header-nav .header-nav-left .dropdown-category-2 {
    background: linear-gradient(93.33deg, #00558E 12.35%, #00558E 99.38%);
}
header .header-nav .header-nav-right .deal-button{
    background: linear-gradient(93.33deg, #00558E 12.35%, #00558E 99.38%);
}
body,
button,
.btn,
.navbar,
.nav-link,
a{
    font-family: 'Amiri', serif !important;
}
.product-box-3{
    background-color: unset;
}
header .top-nav{
    padding: 0px
}
/* الموبايل افتراضي */
header {
    padding-top: 150px; /* حطي القيمة اللي تناسب الموبايل */
}
/* التابلت */
@media (min-width: 768px) {
    header {
        padding-top: 150px;
    }
}
/* اللاب والديسكتوب */
@media (min-width: 1200px) {
    header {
        padding-top: 210px;
    }
}
/* تكبير الخط للروابط في الـ navbar */
.navbar-nav .nav-link {
    font-size: 1.2rem !important; /* حجم أكبر واضح */
    font-weight: 500 !important;
}
/* تكبير الخط في زر "طلب صيانة و تركيب" */
.header-nav-right .deal-button span {
    font-size: 1.3rem !important;
    font-weight: 500 !important;
}
/* تكبير الخط في زرار المشاريع dropdown */
.dropdown-category span,
.category-dropdown .category-list .category-name h6 {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
}
/* لو فيه زرار تاني في أي مكان محتاج تكبير الخط */
button,
input[type="submit"],
.btn {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
}
[dir=rtl] .custom-form-check .form-check-input {
    padding: 10px;
    /* نحرك الـ checkbox للجهة اليمنى من النص */
    float: right;           /* أو position إذا حبيت */
    margin-left: 0.5em;     /* مسافة بسيطة بين النص والـ checkbox */
    margin-right: 0;        /* نتخلص من السالب */
}
/* .modal {
    z-index: 99999;
} */
.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box {
    height: auto;
}
.top-left-header a {
    font-size: clamp(12px, 1.5vw, 15px);
}
header .top-nav .navbar-top .web-logo img {
    width: calc(60px + 42 * (100vw - 320px) / 1600);
}
.modal {
    z-index: 99999 !important;
}

.modal-backdrop {
    z-index: 99998 !important;
}

@media (min-width: 768px) {
    .pb-md-4 {
        padding-bottom: 0rem !important;
    }
}
header .top-nav .navbar-top .middle-box .location-box button .locat-name {
    color: #00558E;
}

.theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    background-color: #00558E;
}
.fullpage-loader span {
    width: 6vmin;
    height: 6vmin;
    background-color: #00558E;
}
.featured-sec {
    background-image: none;
    padding: calc(44px + 56 * (100vw - 320px) / 1600) 0;
}

.fixed-navbars{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    background: transparent;
    transition: all .3s ease;
}

/* بعد الاسكرول */
.fixed-navbars.scrolled{
    background: #F7F5F2;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.product-wrapper .slick-dots li.slick-active button {
    background-color: #00558E;
}

.about-us-title h2::before {
    content: "";
    background: #00558E;
}