@media (max-width: 1080px) {
        .ds-live-event-card

    {
        width: 100%;
    }

    }

   
    .cd-gallery li {
        list-style: none;
    }

    .cd-gallery .cd-fail-message {
        display: none;
        text-align: center;
    }

    /* form check */
    .form-check label {
        font-size: 1rem;
        max-width: 100%;
    }

    .form-check-input:checked::before {
        background-color: #00958a;
    }

    .form-check-input:checked {
        background-color: #00958a;
        border-color: #00958a;
        box-shadow: none;
    }

    .form-check-input {
        accent-color: #00958a;
    }

    /* links */
    a {
        text-decoration: none;
        font-size: 1rem;
    }

        a:hover {
            text-decoration: none;
        }

    /* البحث */
    .searching .head > .form-group {
        height: 40px;
        margin: 0;
        position: relative;
    }

        .searching .head > .form-group .icon {
            top: 50%;
            transform: translateY(-50%);
            right: 1rem;
            position: absolute;
        }

    .searching input.search {
        height: 100%;
        padding: 0.5rem 3rem;
        box-shadow: none !important;
    }

        .searching input.search:hover,
        .searching input.search:focus,
        .searching input.search:active {
            border-color: #00958a;
        }

    /* التصنيفات */
    .categories .card-category {
        background: #ffffff;
        padding: 1rem;
        border: 1px solid #d2d6db;
        border-radius: 0.5rem;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .categories .card-category .icon {
            background-color: #f3fcf6;
            padding: 1rem;
            border-radius: 50%;
        }

        .categories .card-category .title {
            font-size: 1.5rem;
            font-weight: bold;
        }

        .categories .card-category .sub-text {
            font-size: 1rem;
            color: #1F2A37;
        }

        .categories .card-category .services-count {
            font-size: 0.8rem;
        }

        .categories .card-category:hover,
        .categories .card-category.active {
            border-color: #00958a;
        }

    /* القائمة الجانبية */
    aside {
        background-color: #ffffff;
        border-radius: 0.5rem;
        border: 1px solid #d2d6db;
    }

        aside .sub-categories .form-check {
            display: flex;
            align-items: center;
            padding-block: 0.2rem;
            padding-right: 1.5em;
        }

            aside .sub-categories .form-check label {
                padding-right: .5rem;
                cursor: pointer;
                font-weight: 500;
            }

            aside .sub-categories .form-check input {
                width: 1.4em;
                height: 1.4em;
                float: right;
                margin-right: -1.5em;
            }

    /* الكروت */
    .cards .card {
        border-radius: 0.5rem;
        font-size: .8rem;
    }

        .cards .card .card-title {
            font-size: 1.1em;
            min-height: 19px;
        }

        .cards .card .sub-services .sub-text {
            font-size: 12px;
            padding: 5px;
        }

            .cards .card .sub-services .sub-text.primary {
                background-color: #ecfdf3;
                border: 1px solid #abefc6;
                color: #00958a;
            }

            .cards .card .sub-services .sub-text.secondary {
                background-color: #eff8ff;
                border: 1px solid #b2ddff;
            }

        .cards .card .btns a {
            padding: .5rem;
        }

    /* الفلترة */
    .input-group-append {
        position: relative;
        display: inline-block;
    }

        .input-group-append .btn-outline-primary {
            --bs-btn-active-bg: #00958a !important;
            --bs-btn-border-color: #00958a !important;
            --bs-btn-active-border-color: #00958a !important;
        }

    .dropdown-menu {
        display: none;
        position: absolute;
        padding: 0;
        overflow: hidden;
        left: 0;
        right: unset;
        min-width: fit-content;
    }

        .dropdown-menu .dropdown-item {
            --bs-dropdown-link-active-bg: #00958a;
            text-align: center;
            border-bottom: 1px solid #d2d6db;
            cursor: pointer;
            padding: 0.25rem 1.5rem !important;
        }

            .dropdown-menu .dropdown-item:last-child {
                border-bottom: none;
            }

    .input-group-append .dropdown-menu.show {
        display: block;
        width: 100%;
    }

    /* تجاوب */
    @media only screen and (max-width: 576px) {
        .input-search, .dropdown-toggle {
            height: 40px;
            padding: 0.5em 1em !important;
        }

            .dropdown-toggle::after {
                display: none !important;
            }
    }

    /* التصنيف المحدد */
    .selected-category {
        border-color: #00958a !important;
        background-color: #00b1a433 !important;
    }

    /* القائمة المنسدلة */
    .dropdown-menu {
        min-width: fit-content;
    }

    .dropdown-item {
        padding: 0.25rem 1.5rem !important;
    }

    @media (max-width: 768px) {
        .searching input.search {
            padding-right: 3rem;
            padding-left: .5rem;
        }
    }

    /* الأيقونات */
    .icon-container img {
        height: 2rem;
    }

    /* حجم خط صغير */
    .fs-13 {
        font-size: 0.8rem !important;
    }
.card.card-icon-container {
    border: 1px solid #d2d6db !important;
    border-radius: 0.9rem !important;
    padding: 4px !important;
}

/* ===================== تنسيق حقل البحث ===================== */
.searching .form-group {
    position: relative;
    width: 100%;
}

/* حقل الإدخال */
.searching input.search {
    height: 44px;
    border-radius: 0.375rem;
    border: 1px solid #d2d6db;
    padding: 0.5rem 2.5rem 0.5rem 1rem; /* مساحة للأيقونة على اليمين */
    font-size: 1rem;
    color: #1f2a37;
    direction: rtl; /* لأن النص عربي */
}

    .searching input.search::placeholder {
        color: #9ca3af;
    }

/* الأيقونة داخل الحقل */
.searching .icon {
    position: absolute;
    top: 50%;
    right: 0.75rem; /* الأيقونة على يمين الحقل */
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

    .searching .icon img {
        width: 18px;
        height: 18px;
        object-fit: contain;
        opacity: 0.9;
    }

/* تأثير بسيط عند التركيز */
.searching input.search:focus {
    border-color: #00958a;
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(0, 149, 138, 0.15);
}

/* تجاوب الشاشات الصغيرة */
@media (max-width: 576px) {
    .searching input.search {
        height: 40px;
        font-size: 0.9rem;
        padding: 0.4rem 2.2rem 0.4rem 0.8rem;
    }

    .searching .icon {
        right: 0.6rem;
        width: 18px;
        height: 18px;
    }
}
.icon.d-flex.position-absolute {
    background: transparent;
    padding: 1px;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

@media (max-width:1300px) {
    .up-open-inr-bt {
        margin-left: -50px;
    }
}

@media (max-width:1200px) {
    .up-open-inr-bt {
        margin-left: -110px;
    }
}

@media (max-width:992px) {
    .up-open-inr-bt {
        margin-left: 18rem;
    }
}

@media (max-width:768px) {
    .up-open-inr-bt {
        margin-left: 7rem;
    }
}

@media (max-width:543px) {
    .up-open-inr-bt {
        margin-left: 4rem;
    }
}

.service-category-bills .item {
    margin: .3em .5em;
    padding: .25em .55em;
    font-weight: 500;
    border-radius: .3em;
    border: #e5e7eb 1px solid;
    text-decoration: none;
    font-size: .75rem;
}

    .service-category-bills .item.active {
        color: #1F2A37;
        border: #E5E7EB 1px solid;
        background: #F9FAFB;
    }

.service-card-description {
    color: #161616;
    font-weight: 400;
    width: 93%;
}

.url-link {
    color: #074D31;
    font-size: 1rem;
    font-weight: 400;
}

.start-service-btn, .contact-us-btn, .rating-btn {
    font-size: 1rem !important;
    background: #074D31 !important;
    font-weight: 500 !important;
    color: #fff;
}

    .start-service-btn:hover, .contact-us-btn:hover, .rating-btn:hover {
        color: #fff;
    }

.download-btn button {
    background: transparent;
    color: #384250;
    border: 1px solid #384250;
    border-radius: .2em;
    font-size: 1rem;
}

.service-card-more-inf {
    border: 1px solid #D2D6DB;
}

.payment-imgs {
    margin: 0;
}

.main_first_text {
    color: #1F2A37;
    margin-bottom: .5em !important;
    font-weight: 700;
    font-size: 1rem;
}

.sub_first_text {
    font-size: 1rem;
    color: #1F2A37;
    font-weight: 400;
}

.contact-font-size {
    font-size: .9rem;
}

.sub-contact-data {
    color: #1B8354;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    width: fit-content;
    margin: .5em 0;
    padding-inline-end: .9em
}

    .sub-contact-data::after {
        content: "";
        background-image: url('~/new-imgs/link-square.svg');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 1.25rem;
        height: 1.25rem;
        inset-inline-end: -15%;
    }

.download-btn {
    font-weight: 520;
}

.rating-card {
    border: 1px solid #D2D6DB !important;
    border-radius: 1rem !important;
}

.rating-section hr {
    background: #1B8354;
    height: .1rem;
}

.card-title {
    font-weight: 700;
    color: #1F2A37;
}

.logo {
    height: 3rem;
    width: 3rem;
}

.dir-rtl {
    direction: rtl !important;
}

.service-details {
    background: linear-gradient(to bottom, #f5f7f7 0%, #f5f7f7 28%, #fff 25%, #fff 100%);
}

@media (min-width:769px) and (max-width:1346px) {
    .service-details {
        background: linear-gradient(to bottom, #f5f7f7 0%, #f5f7f7 25%, #fff 25%, #fff 100%);
    }
}

@media (max-width:1023px) {
    .service-details {
        background: #fff;
    }
}
body{
    background:#fff;
}
[dir="rtl"] .pr-4 {
    padding-left: 2.5rem !important;
}

[dir] body {
    background-color: #f5f7f7 !important;
    font-size: unset !important;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

/* ====== الشاشات المختلفة ====== */
@media (max-width:1300px) {
    .up-open-inr-bt {
        margin-left: -50px;
    }
}

@media (max-width:1200px) {
    .up-open-inr-bt {
        margin-left: -110px;
    }
}

@media (max-width:992px) {
    .up-open-inr-bt {
        margin-left: 18rem;
    }
}

@media (max-width:768px) {
    .up-open-inr-bt {
        margin-left: 7rem;
    }
}

@media (max-width:543px) {
    .up-open-inr-bt {
        margin-left: 4rem;
    }
}

/* ====== أقسام الخدمات ====== */
.service-category-bills .item {
    margin: 0.3em 0.5em;
    padding: 0.25em 0.55em;
    font-weight: 500;
    border-radius: 0.3em;
    border: #e5e7eb solid 1px;
    text-decoration: none;
    font-size: 0.75rem;
}

    .service-category-bills .item.active {
        color: #1F2A37;
        border: #E5E7EB solid 1px;
        background-color: #F9FAFB;
    }

/* ====== كارت الخدمة ====== */
.service-card-description {
    color: #161616;
    font-weight: 400;
    width: 93%;
}

.url-link {
    color: #074D31;
    font-size: 1rem;
    font-weight: 400;
}

.start-service-btn,
.contact-us-btn,
.rating-btn {
    font-size: 1rem !important;
    background-color: #074D31 !important;
    font-weight: 500 !important;
    color: #fff;
}

    .start-service-btn:hover,
    .contact-us-btn:hover,
    .rating-btn:hover {
        color: #fff;
    }

.download-btn button {
    background-color: transparent;
    color: #384250;
    border: solid 1px #384250;
    border-radius: 0.2em;
    font-size: 1rem;
}

.service-card-more-inf {
    border: 1px solid #D2D6DB;
}

/* ====== تفاصيل الخدمة ====== */
.payment-imgs {
    margin: 0;
}

.main_first_text {
    color: #1F2A37;
    margin-bottom: 0.5em !important;
    font-weight: 700;
    font-size: 1rem;
}

.sub_first_text {
    font-size: 1rem;
    color: #1F2A37;
    font-weight: 400;
}

.contact-font-size {
    font-size: 0.9rem;
}

.sub-contact-data {
    color: #1B8354;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    width: fit-content;
    margin: 0.5em 0;
    padding-inline-end: 0.9em;
}

    .sub-contact-data::after {
        content: "";
        cursor: pointer;
        background-image: url('~/new-imgs/link-square.svg');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 1.25rem;
        height: 1.25rem;
        inset-inline-end: -15%;
    }

.download-btn {
    font-weight: 520;
}

.rating-card {
    border: 1px solid #D2D6DB !important;
    border-radius: 1rem !important;
}

.rating-section hr {
    background: #1B8354;
    height: 0.1rem;
}

.card-title {
    font-weight: 700;
    color: #1F2A37;
}

.logo {
    height: 3rem;
    width: 3rem;
}

/* ====== النصوص العامة ====== */
.services-cards h1 {
    font-size: 2em !important;
}

.services-cards p {
    font-size: 1em !important;
    font-weight: 100 !important;
}

.dir-rtl {
    direction: rtl !important;
}

/* ====== الخلفية ====== */
.service-details {
    background: linear-gradient(to bottom, #f5f7f7 0%, #f5f7f7 28%, white 25%, white 100%);
}

@media (min-width:769px) and (max-width:1346px) {
    .service-details {
        background: linear-gradient(to bottom, #f5f7f7 0%, #f5f7f7 25%, white 25%, white 100%);
    }
}

@media (max-width: 1023px) {
    .service-details {
        background: white;
    }
}

/* ====== المسافات ====== */
.container-margin {
    margin-top: 6.4rem;
}

@media (max-width: 768px) {
    .container-margin {
        margin-top: 1.4rem;
      
    }
}

@media (min-width: 769px) and (max-width: 1142px) {
    .container-margin {
        margin-top: 9.4rem;
    }
}

.margin-right-2rem {
    margin-right: 2rem;
}

.py-download {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

/* ====== عناصر النصوص ====== */
.service-card-desc-head h2 {
    color: #161616 !important;
    font-size: 1.875rem;
}

.rounded-1rem {
    border-radius: 1rem !important;
}

.custom-padding {
    padding: 2.5rem !important;
}

.download-btn-bg {
    background-color: #F9FAFB !important;
}

.fs-18px {
    font-size: 1.125rem !important;
}


/* ====== قسم تطبيقات الأمانة ====== */
.related-apps-section {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1.5rem 1.75rem;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .related-apps-section:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .related-apps-section .main_first_text {
        font-size: 1.25rem;
        font-weight: 700;
        color: #1f2a37;
        margin-bottom: 0.75rem;
        text-align: center;
    }

    .related-apps-section .row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .related-apps-section a {
        display: inline-block;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

        .related-apps-section a:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 10px rgba(0, 149, 138, 0.2);
            border-radius: 0.5rem;
        }

    .related-apps-section img {
        height: 45px;
        width: auto;
        border-radius: 0.4rem;
        object-fit: contain;
    }

/* ====== تجاوب الشاشات الصغيرة ====== */
@media (max-width: 576px) {
    .related-apps-section {
        padding: 1rem;
    }

        .related-apps-section img {
            height: 40px;
        }

        .related-apps-section .main_first_text {
            font-size: 1.1rem;
        }
}


.service-details {
    background: linear-gradient(to bottom, #f5f7f7 0%, #f5f7f7 28%, white 25%, white 100%)
}

@media (min-width:769px) and (max-width:1346px) {
    .service-details {
        background: linear-gradient(to bottom, #f5f7f7 0%, #f5f7f7 25%, white 25%, white 100%)
    }
}

@media (max-width: 1023px) {

    .service-details {
        background: white;
    }
}

.container-margin {
    margin-top: 6.4rem;
    /* margin-bottom:5.4rem; */
}
@media (max-width: 768px) {
    .container-margin {
        margin-top: 2.4rem;
    }
}

@media (min-width: 769px) and (max-width: 1142px) {
    .container-margin {
        margin-top: 9.4rem;
    }
}


.margin-right-2rem {
    margin-right: 2rem;
}

.py-download {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}



.service-card-desc-head h2 {
    color: #161616 !important;
    font-size: 1.875rem;
}

.rounded-1rem {
    border-radius: 1rem !important;
}

.custom-padding {
    padding: 2.5rem !important;
}

.download-btn-bg {
    background-color: #F9FAFB !important;
}

.fs-18px {
    font-size: 1.125rem !important;
}

.gap-12 {
    gap: 0.75rem !important;
}

.mb-12 {
    margin-bottom: 0.75rem;
}

.max-height-title {
    max-height: 3.4rem;
}

.mt-nav {
    margin-top: 3.375rem;
}

@media(max-width:768px) {
    .mt-nav {
        margin-top: 1rem;
    }
}

.mb-40 {
    margin-bottom: 2.5rem;
}

.owl-carousel .owl-dots {
    inset-block-start: 76%;
    inset-inline-end: 6rem
}

@media(max-width: 768px) {
    .owl-carousel .owl-dots {
        inset-inline-end: 0;
    }
}

@media(min-width:769px) {
    .section-action-btn {
        transform: translateX(6rem);
    }
}

/* ====== قسم التواصل ====== */
.contact-section {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 1.5rem 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

    .contact-section .main_first_text {
        font-size: 1rem;
        font-weight: 700;
        color: #1f2a37;
        margin-bottom: 0.25rem;
    }

    .contact-section .sub-contact-data {
        color: #00958a;
        font-size: 1rem;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        transition: color 0.2s ease, transform 0.2s ease;
    }

        .contact-section .sub-contact-data:hover {
            color: #016b68;
            transform: translateX(-2px);
        }

        .contact-section .sub-contact-data img {
            width: 16px;
            height: 16px;
            object-fit: contain;
            opacity: 0.8;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .contact-section .sub-contact-data:hover img {
            opacity: 1;
            transform: scale(1.1);
        }

    /* ====== الأيقونات الجانبية ====== */
    .contact-section .icon {
        width: 29px;
        height: 34px;
        padding: 5px;
        background: transparent;
    }

        .contact-section .icon:hover {
            opacity: 1;
            transform: scale(1.05);
        }

    /* ====== المسافات ====== */
    .contact-section .row {
        align-items: flex-start;
    }

    .contact-section .download-btn {
        border: 1px solid #d2d6db;
        background-color: #f9fafb;
        font-weight: 600;
        border-radius: 0.5rem;
        color: #1f2a37;
        transition: all 0.2s ease;
    }

        .contact-section .download-btn:hover {
            background-color: #00958a;
            color: #fff;
            border-color: #00958a;
        }

/* ====== تجاوب الشاشات ====== */
@media (max-width: 768px) {
    .contact-section {
        padding: 1.25rem;
    }

        .contact-section .icon {
            width: 20px;
            height: 20px;
        }

        .contact-section .sub-contact-data {
            font-size: 0.95rem;
        }
}
.card.rating-card {
    border: 1px solid #D2D6DB !important;
    border-radius: 1rem !important;
    padding: 5px !important;
}

.card-body.d-flex.flex-column.row-gap-3 {
    padding: 1.25rem !important;
}

.rating-footer.bg-white.py-0 {
    margin-top: 0rem;
    /* background: white !important; */
    padding-block: 1.5rem;
    overflow: visible !important;
    margin-bottom: -2rem;
}

img {
    max-width: none !important;
}

h3.title.mb-0 {
    color: #016b68 !important;
}