/* info                     */
/* info                     */
 

/* Dark and Elegant Footer Design */
footer {
    background: var( --footerbg);
    border-top: 3px solid var(--border-color2);
    color: #f5f6fa; /* Light text color */
    padding-bottom: 5px;
    text-align: center;
    direction: ltr;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 0 40px;
    max-width: 1200px; /* Limits footer width */
    margin: 0 auto; /* Centers the footer */
}

.footer-info, .footer-services, .footer-partners {
    flex: 1 1 33%; /* Allow equal growth and basis for three columns */
    text-align: center; /* Center text for larger screens */
    display: flex; /* Use flexbox for centering */
    flex-direction: column; /* Stack content vertically */
    align-items: center; /* Center items horizontally */
    /* justify-content: center; Center items vertically */
}


.footer-services h3, .footer-partners h3 {
    /* color: #fcd00b; */
    color:  var(--text-color-h2);
    font-size: 1.4rem;
    margin-bottom: 20px;
}

.footer-bottom {
    border-top: 0.1px solid #66666679;
    padding-top: 10px;
    font-size: 0.8rem;
    color: #ccc;
}

.footer-services a, .footer-partners p {
    color: var( --text-color) !important;
    /* color: #f5f6fa; */
    text-decoration: none !important;
}

.footer-services a:hover {
    color: #fcd00b;
}

.partner-logo {
    max-width: 80px;
    margin: 15px;
    transition: transform 0.3s;
}

.partner-logo:hover {
    transform: scale(1.1);
}

footer p, footer label {
    color: var( --text-color);
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove any padding if necessary */
    margin-bottom: 10px; /* Add space under each item (adjust as needed) */

}

.footer-partners img {
    margin: 5px;
    animation: neonGlow 1.5s ease-out infinite;
}

@keyframes neonGlow {
    0%, 100% {
        filter: drop-shadow(0 0 10px var(--primary-hover-color));
    }
    50% {
        filter: drop-shadow(0 0 20px var(--primary-hover-color));
    }
}

/* Responsive layout adjustments */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* Stacks sections vertically on smaller screens */
        align-items: center;
    }

    .footer-info, .footer-services, .footer-partners {
        text-align: center;
        width: 100%; /* Full width for small screens */
    }
}


@media (max-width: 1200px) and (min-width: 769px) {
    .footer-container {
        flex-wrap: wrap; /* Allow wrapping for 2 rows */
    }

    .footer-info, .footer-services, .footer-partners {
        flex: 1 1 calc(50% - 20px); /* Allow 2 items per row with space */
        padding: 0 10% ;
    }
}








ul {
    list-style-type: none;
    padding-left: 0;
  }

  ul li a {
    font-size: 19px;
    margin-bottom: 5px;
    margin-left: -70px;
    display: block;
    text-align: left; /* Ensures left alignment */
  }
  @media (max-width: 350px) {
    ul li a {
        margin-left: 0px;
    }
}





/* Apply Cairo font to footer, card-16, and card-25 on all pages except main Arabic page */
body:not([data-page="main-ar"]) footer,
body:not([data-page="main-ar"]) footer p,
body:not([data-page="main-ar"]) footer h3,
body:not([data-page="main-ar"]) footer a,
body:not([data-page="main-ar"]) footer label,
body:not([data-page="main-ar"]) footer ul,
body:not([data-page="main-ar"]) footer li,
body:not([data-page="main-ar"]) .card-16,
body:not([data-page="main-ar"]) .card-16 p,
body:not([data-page="main-ar"]) .card-16 h2,
body:not([data-page="main-ar"]) .card-16 a,
body:not([data-page="main-ar"]) .card-16 b,
body:not([data-page="main-ar"]) .card-25,
body:not([data-page="main-ar"]) .card-25 p,
body:not([data-page="main-ar"]) .card-25 h2,
body:not([data-page="main-ar"]) .card-25 a,
body:not([data-page="main-ar"]) .card-25 ul,
body:not([data-page="main-ar"]) .card-25 li,
body:not([data-page="main-ar"]) .card-25 blockquote {
    font-family: 'Cairo', sans-serif !important;
}