/*!* WhatsApp button - always visible at fixed position *!*/
/*.whatsapp-float {*/
/*    position: fixed;*/
/*    bottom: 20px;*/
/*    right: 20px;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    background-color: #25d366;*/
/*    color: #FFF;*/
/*    border-radius: 50%;*/
/*    text-align: center;*/
/*    font-size: 24px;*/
/*    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);*/
/*    z-index: 100;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: all 0.3s;*/
/*}*/

/*.whatsapp-float:hover {*/
/*    background-color: #128C7E;*/
/*    transform: scale(1.1);*/
/*    color: #FFF;*/
/*}*/


/*!* Mobile responsive adjustments *!*/
/*@media (max-width: 768px) {*/
/*    .whatsapp-float {*/
/*        bottom: 15px;*/
/*        right: 15px;*/
/*        width: 45px;*/
/*        height: 45px;*/
/*        font-size: 22px;*/
/*    }*/

/*    .scroll-top {*/
/*        bottom: 70px; !* Adjusted for mobile *!*/
/*        right: 15px;*/
/*        width: 45px;*/
/*        height: 45px;*/
/*        font-size: 18px;*/
/*    }*/
/*}*/
/*.footer-links {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    height: 100%;*/
/*}*/

/* Add this to your CSS section */

/* Language Switcher */
.language-switcher {
    position: relative;
}

.language-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: 2px solid var(--primary-color);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    color: var(--text-dark);
    transition: all 0.3s ease;
}

.language-btn:hover {
    background: var(--primary-color);
    color: var(--text-light);
}

.language-icon {
    font-size: 1.2rem;
}

.current-language {
    font-size: 0.9rem;
}

.dropdown-arrow {
    font-size: 0.7rem;
    transition: transform 0.3s ease;
}

.language-btn.active .dropdown-arrow {
    transform: rotate(180deg);
}

.language-dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: var(--bg-white);
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    /* ADD THESE: fro scrollbar */
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.language-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: var(--text-dark);
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.language-option:last-child {
    border-bottom: none;
}

.language-option:hover {
    background: var(--bg-light);
    color: var(--primary-color);
}

.language-option .flag {
    font-size: 1.5rem;
}

.language-option.active {
    background: var(--primary-color);
    color: var(--text-light);
}

/* Custom scrollbar for language dropdown */
.language-dropdown::-webkit-scrollbar {
    width: 6px;
}

.language-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.language-dropdown::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}

.language-dropdown::-webkit-scrollbar-thumb:hover {
    background: #a01828;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .language-switcher {
        order: -1;
        margin-left: 0;
        margin-right: auto;
    }

    .language-dropdown {
        right: auto;
        left: 0;
        /* ... existing properties ... */
        max-height: 300px;  /* ADD THIS */
    }
}

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

:root {
    --primary-color: #0f5c22;
    --secondary-color: #1a1a2e;
    --accent-color: #f39c12;
    --text-dark: #2c3e50;
    --text-light: #ffffff;
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
}

/*body {*/
/*    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
/*    line-height: 1.6;*/
/*    color: var(--text-dark);*/
/*    overflow-x: hidden;*/
/*}*/

/*!* Header & Navigation *!*/
/*.header {*/
/*    padding: 1rem 1rem;*/
/*    background: var(--bg-white);*/
/*    box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    z-index: 1000;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.header.scrolled {*/
/*    padding: 0;*/
/*    box-shadow: 0 4px 20px rgba(0,0,0,0.15);*/
/*}*/

/*.nav-container {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    padding: 0.5rem 0.5rem;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/

/*.logo {*/
/*    font-size: 1.8rem;*/
/*    font-weight: bold;*/
/*    color: var(--primary-color);*/
/*    text-decoration: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*}*/

/*.logo span {*/
/*    color: var(--secondary-color);*/
/*}*/

.nav-menu {
    display: flex;
    list-style: none;
    gap: 2rem;
    align-items: center;
}

.nav-menu a {
    text-decoration: none;
    color: var(--text-dark);
    font-weight: 500;
    transition: color 0.3s ease;
    position: relative;
}

.nav-menu a:hover {
    color: var(--primary-color);
}

.nav-menu a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary-color);
    transition: width 0.3s ease;
}

.nav-menu a:hover::after {
    width: 100%;
}

/*.cta-button {*/
/*    background: var(--primary-color);*/
/*    color: var(--text-light);*/
/*    padding: 0.8rem 1.5rem;*/
/*    border-radius: 25px;*/
/*    text-decoration: none;*/
/*    font-weight: 600;*/
/*    transition: all 0.3s ease;*/
/*    border: 2px solid var(--primary-color);*/
/*}*/

/*.cta-button:hover {*/
/*    background: transparent;*/
/*    color: var(--primary-color);*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 5px 15px rgba(196, 30, 58, 0.3);*/
/*}*/

/*!* Mobile Menu Toggle *!*/
/*.menu-toggle {*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    cursor: pointer;*/
/*}*/

/*.menu-toggle span {*/
/*    width: 25px;*/
/*    height: 3px;*/
/*    background: var(--primary-color);*/
/*    margin: 3px 0;*/
/*    transition: 0.3s;*/
/*}*/

/*.hero {*/
/*    background:*/
/*        linear-gradient(135deg, rgba(196, 30, 58, 0.9), rgba(26, 26, 46, 0.3)),*/
/*        url("/images/background.png");*/

/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-attachment: fixed;*/

/*    min-height: 100vh;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    text-align: center;*/
/*    color: var(--text-light);*/
/*    padding: 0 2rem;*/
/*    margin-top: 50px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/


/*.hero::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></svg>') repeat;*/
/*    animation: twinkle 3s infinite;*/
/*}*/

/*@keyframes twinkle {*/
/*    0%, 100% { opacity: 0.3; }*/
/*    50% { opacity: 0.6; }*/
/*}*/

/*.hero-content {*/
/*    max-width: 800px;*/
/*    z-index: 1;*/
/*    animation: fadeInUp 1s ease;*/
/*}*/

/*@keyframes fadeInUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(30px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*.hero h1 {*/
/*    font-size: 3.5rem;*/
/*    margin-bottom: 1.5rem;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);*/
/*}*/

/*.hero p {*/
/*    font-size: 1.3rem;*/
/*    margin-bottom: 2rem;*/
/*    opacity: 0.95;*/
/*}*/

/*.hero-buttons {*/
/*    display: flex;*/
/*    gap: 1rem;*/
/*    justify-content: center;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.primary-btn, .secondary-btn {*/
/*    padding: 1rem 2.5rem;*/
/*    border-radius: 30px;*/
/*    text-decoration: none;*/
/*    font-weight: 600;*/
/*    font-size: 1.1rem;*/
/*    transition: all 0.3s ease;*/
/*    display: inline-block;*/
/*}*/

/*.primary-btn {*/
/*    background: var(--text-light);*/
/*    color: var(--primary-color);*/
/*}*/

/*.primary-btn:hover {*/
/*    transform: translateY(-3px);*/
/*    box-shadow: 0 10px 25px rgba(255,255,255,0.3);*/
/*}*/

/*.secondary-btn {*/
/*    border: 2px solid var(--text-light);*/
/*    color: var(--text-light);*/
/*    background: transparent;*/
/*}*/

/*.secondary-btn:hover {*/
/*    background: var(--text-light);*/
/*    color: var(--primary-color);*/
/*    transform: translateY(-3px);*/
/*}*/

/*!* Stats Section *!*/
/*.stats {*/
/*    background: var(--bg-white);*/
/*    padding: 3rem 2rem;*/
/*    box-shadow: 0 -5px 20px rgba(0,0,0,0.1);*/
/*    position: relative;*/
/*    z-index: 10;*/
/*}*/

/*.stats-container {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
/*    gap: 2rem;*/
/*    text-align: center;*/
/*}*/

/*.stat-item {*/
/*    padding: 1rem;*/
/*}*/

/*.stat-number {*/
/*    font-size: 2.5rem;*/
/*    font-weight: bold;*/
/*    color: var(--primary-color);*/
/*    margin-bottom: 0.5rem;*/
/*}*/

/*.stat-label {*/
/*    color: var(--text-dark);*/
/*    font-size: 1rem;*/
/*    font-weight: 500;*/
/*}*/

/*!* the required class is used in applying section *!*/
/*.required{*/
/*    color: #dc3545;*/
/*    font-weight: 600;*/
/*}*/

/*.required{*/
/*    margin: 4px;*/
/*}*/
/*!* Services Section *!*/
/*.services {*/
/*    padding: 5rem 2rem;*/
/*    background: var(--bg-light);*/
/*}*/

/*.section-header {*/
/*    text-align: center;*/
/*}*/

/*.section-title {*/
/*    text-align: center;*/
/*    font-size: 2.5rem;*/
/*    margin-bottom: 1rem;*/
/*    color: var(--secondary-color);*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.section-title::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    inset-inline: 0;*/
/*    margin-inline: auto;*/
/*    width: 60px;*/
/*    height: 4px;*/
/*    background: var(--primary-color);*/
/*    border-radius: 2px;*/
/*}*/

/*.section-subtitle {*/
/*    text-align: center;*/
/*    color: #666;*/
/*    margin-bottom: 3rem;*/
/*    font-size: 1.1rem;*/
/*}*/

/*.services-grid {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*/
/*    gap: 2rem;*/
/*}*/

/*.service-card {*/
/*    background: var(--bg-white);*/
/*    padding: 2.5rem;*/
/*    border-radius: 15px;*/
/*    text-align: center;*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.08);*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.service-card::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 5px;*/
/*    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));*/
/*    transform: scaleX(0);*/
/*    transition: transform 0.3s ease;*/
/*}*/

/*.service-card:hover::before {*/
/*    transform: scaleX(1);*/
/*}*/

/*.service-card:hover {*/
/*    transform: translateY(-10px);*/
/*    box-shadow: 0 15px 35px rgba(196, 30, 58, 0.2);*/
/*}*/

/*.service-icon {*/
/*    font-size: 3rem;*/
/*    margin-bottom: 1.5rem;*/
/*    color: var(--primary-color);*/
/*}*/

/*.service-card h3 {*/
/*    font-size: 1.5rem;*/
/*    margin-bottom: 1rem;*/
/*    color: var(--secondary-color);*/
/*}*/

/*.service-card p {*/
/*    color: #666;*/
/*    line-height: 1.8;*/
/*}*/

/*!* Universities Section *!*/
/*.universities {*/
/*    padding: 5rem 2rem;*/
/*    background: var(--bg-white);*/
/*}*/

/*.universities-grid {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*/
/*    gap: 2rem;*/
/*    align-items: stretch; !* Makes all cards stretch to same height *!*/
/*}*/

/*.university-card-link {*/
/*    display: flex;*/
/*    text-decoration: none;*/
/*    color: inherit;*/
/*    height: 100%; !* Makes link take full height *!*/
/*}*/

/*.university-card {*/
/*    background: var(--bg-light);*/
/*    border-radius: 15px;*/
/*    overflow: hidden;*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.08);*/
/*    height: 100%; !* Makes card take full height *!*/
/*}*/

/*.university-card:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 15px 35px rgba(0,0,0,0.15);*/
/*}*/

/*.university-image {*/
/*    width: 100%;*/
/*    height: 200px;*/
/*    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));*/
/*    display: flex;*/
/*    align-items: center;*/
/*    text-align: center; !* Add this line *!*/
/*    justify-content: center;*/
/*    color: var(--text-light);*/
/*    font-size: 2rem;*/
/*    font-weight: bold;*/
/*}*/

/*.university-content {*/
/*    flex: 1; !* Makes content area expand to fill space *!*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    padding: 1rem;*/
/*}*/

/*.learn-more {*/
/*    color: var(--primary-color);*/
/*    text-decoration: none;*/
/*    font-weight: 600;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 0.5rem;*/
/*    transition: gap 0.3s ease;*/
/*}*/


/*.learn-more:hover {*/
/*    gap: 1rem;*/
/*}*/

/*!* Testimonials *!*/
/*.testimonials {*/
/*    padding: 5rem 2rem;*/
/*    background: var(--bg-light);*/
/*}*/

/*.testimonials-container {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
/*    gap: 2rem;*/
/*}*/

/*.testimonial-card {*/
/*    background: var(--bg-white);*/
/*    padding: 2rem;*/
/*    border-radius: 15px;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.08);*/
/*    position: relative;*/
/*}*/

/*.quote-icon {*/
/*    font-size: 3rem;*/
/*    color: var(--primary-color);*/
/*    opacity: 0.2;*/
/*    position: absolute;*/
/*    top: 1rem;*/
/*    right: 1rem;*/
/*}*/

/*.testimonial-text {*/
/*    font-style: italic;*/
/*    color: #666;*/
/*    margin-bottom: 1.5rem;*/
/*    line-height: 1.8;*/
/*}*/

/*.testimonial-author {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 1rem;*/
/*}*/

/*.author-avatar {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    border-radius: 50%;*/
/*    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: var(--text-light);*/
/*    font-weight: bold;*/
/*    font-size: 1.2rem;*/
/*}*/

/*.author-info h4 {*/
/*    color: var(--secondary-color);*/
/*    margin-bottom: 0.25rem;*/
/*}*/

/*.author-info p {*/
/*    color: #666;*/
/*    font-size: 0.9rem;*/
/*}*/

/*!* Contact Section *!*/
/*.contact {*/
/*    padding: 5rem 2rem;*/
/*    background: var(--bg-white);*/
/*}*/

/*.contact-container {*/
/*    max-width: 1000px;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
/*    gap: 3rem;*/
/*}*/

/*.contact-info h3 {*/
/*    font-size: 2rem;*/
/*    margin-bottom: 1rem;*/
/*    color: var(--secondary-color);*/
/*}*/

/*.contact-info p {*/
/*    color: #666;*/
/*    margin-bottom: 2rem;*/
/*    line-height: 1.8;*/
/*}*/

/*.contact-details {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 1.5rem;*/
/*}*/

/*.contact-item {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    gap: 1rem;*/
/*}*/

/*.contact-item-icon {*/
/*    font-size: 1.5rem;*/
/*    color: var(--primary-color);*/
/*    margin-top: 0.25rem;*/
/*}*/

/*.contact-form {*/
/*    background: var(--bg-light);*/
/*    padding: 2rem;*/
/*    border-radius: 15px;*/
/*}*/

/*.form-group {*/
/*    margin-bottom: 1.5rem;*/
/*}*/

/*.form-group label {*/
/*    display: block;*/
/*    margin-bottom: 0.5rem;*/
/*    color: var(--secondary-color);*/
/*    font-weight: 500;*/
/*}*/

/*.form-group input,*/
/*.form-group textarea {*/
/*    width: 100%;*/
/*    padding: 0.8rem;*/
/*    border: 2px solid #ddd;*/
/*    border-radius: 8px;*/
/*    font-family: inherit;*/
/*    font-size: 1rem;*/
/*    transition: border-color 0.3s ease;*/
/*}*/

/*.form-group input:focus,*/
/*.form-group textarea:focus {*/
/*    outline: none;*/
/*    border-color: var(--primary-color);*/
/*}*/

/*.form-group textarea {*/
/*    resize: vertical;*/
/*    min-height: 120px;*/
/*}*/

/*.submit-btn {*/
/*    width: 100%;*/
/*    padding: 1rem;*/
/*    background: var(--primary-color);*/
/*    color: var(--text-light);*/
/*    border: none;*/
/*    border-radius: 8px;*/
/*    font-size: 1.1rem;*/
/*    font-weight: 600;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.submit-btn:hover {*/
/*    background: var(--secondary-color);*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 5px 15px rgba(196, 30, 58, 0.3);*/
/*}*/

/*!* Footer *!*/
/*.footer {*/
/*    background: var(--secondary-color);*/
/*    color: var(--text-light);*/
/*    padding: 3rem 2rem 1rem;*/
/*}*/

/*.footer-content {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
/*    gap: 2rem;*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.footer-section h3 {*/
/*    margin-bottom: 1rem;*/
/*    color: var(--text-light);*/
/*}*/

/*.footer-section p,*/
/*.footer-section a {*/
/*    color: rgba(255,255,255,0.8);*/
/*    text-decoration: none;*/
/*    display: block;*/
/*    margin-bottom: 0.5rem;*/
/*    transition: color 0.3s ease;*/
/*}*/

/*.footer-section a:hover {*/
/*    color: var(--primary-color);*/
/*}*/

/*.social-links {*/
/*    display: flex;*/
/*    gap: 1rem;*/
/*    margin-top: 1rem;*/
/*}*/

/*.social-links a {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    background: rgba(255,255,255,0.1);*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.social-links a:hover {*/
/*    background: var(--primary-color);*/
/*    transform: translateY(-3px);*/
/*}*/

/*.footer-bottom {*/
/*    text-align: center;*/
/*    padding-top: 2rem;*/
/*    border-top: 1px solid rgba(255,255,255,0.1);*/
/*    color: rgba(255,255,255,0.6);*/
/*}*/

/* Responsive */
@media (max-width: 768px) {
/*    .menu-toggle {*/
/*        display: flex;*/
/*    }*/

    .nav-menu {
        position: fixed;
        top: 80px;
        right: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: var(--bg-white);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: right 0.3s ease;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }

    .nav-menu.active {
        right: 0;
    }

/*    .hero h1 {*/
/*        font-size: 2.5rem;*/
/*    }*/

/*    .hero p {*/
/*        font-size: 1.1rem;*/
/*    }*/

/*    .hero-buttons {*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*    }*/

/*    .primary-btn, .secondary-btn {*/
/*        width: 100%;*/
/*        max-width: 300px;*/
/*    }*/
}

/*@media (max-width: 480px) {*/
/*    .hero h1 {*/
/*        font-size: 2rem;*/
/*    }*/

/*    .section-title {*/
/*        font-size: 2rem;*/
/*    }*/

/*    .services-grid,*/
/*    .universities-grid,*/
/*    .testimonials-container {*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .language-dropdown {*/
/*        max-height: 250px;  !* ADD THIS *!*/
/*    }*/
/*}*/



:root {
    --g900: #062a10;
    --g800: #0a4018;
    --g700: #0f5c22;
    --g600: #168030;
    --g500: #1fa040;
    --g400: #3cbd5a;
    --g300: #68d47e;
    --g100: #d6f5de;
    --g50:  #edfbf1;
    --white: #ffffff;
    --off:  #f4faf5;
    --ink:  #071a0c;
    --ink2: #1c3525;
    --muted:#4a6b55;
    --line: #c8e8d0;
    --gold: #c8922a;
    --gold2:#e8b044;
    --shadow: 0 4px 32px rgba(6,42,16,0.10);
    --shadowL: 0 12px 56px rgba(6,42,16,0.16);
    --serif: 'Playfair Display', Georgia, serif;
    --dari: 'Noto Naskh Arabic', 'Segoe UI', sans-serif;
    --sans: 'Outfit', sans-serif;
    --mono: 'DM Mono', monospace;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--sans); background: var(--white); color: var(--ink); overflow-x: hidden; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--g50); }
::-webkit-scrollbar-thumb { background: var(--g400); border-radius: 99px; }

/* NAV */
nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 200;
    height: 70px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 4vw;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
    transition: box-shadow 0.3s;
}
nav.scrolled { box-shadow: 0 2px 24px rgba(6,42,16,0.12); }
.logo { display: flex; align-items: center; gap: 13px; text-decoration: none; }
.logo-mark {
    width: 44px; height: 44px;
    background: var(--g700);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.logo-mark svg { width: 26px; height: 26px; }
.logo-text { display: flex; flex-direction: column; gap: 1px; }
.logo-en { font-family: var(--serif); font-size: 1.05rem; font-weight: 700; color: var(--g800); line-height: 1.1; }
.logo-fa { font-family: var(--dari); font-size: 0.78rem; color: var(--g500); direction: rtl; font-weight: 600; }
.nav-links { display: flex; align-items: center; gap: 6px; list-style: none; }
.nav-links a { font-size: 0.82rem; font-weight: 500; color: var(--ink2); text-decoration: none; padding: 7px 14px; border-radius: 6px; transition: background 0.2s, color 0.2s; }
.nav-links a:hover { background: var(--g50); color: var(--g700); }
.nav-phone { font-family: var(--mono); font-size: 0.78rem; color: var(--g600) !important; border: 1px solid var(--line) !important; display: flex; align-items: center; gap: 6px; }
.nav-phone:hover { border-color: var(--g400) !important; background: var(--g50) !important; }
.nav-book { background: var(--g700) !important; color: white !important; padding: 9px 20px !important; border-radius: 8px !important; font-weight: 600 !important; }
.nav-book:hover { background: var(--g600) !important; }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
.hamburger span { width: 22px; height: 2px; background: var(--ink); border-radius: 2px; }
.mobile-nav {
    position: fixed; top: 70px; left: 0; right: 0; z-index: 199;
    background: white; border-bottom: 1px solid var(--line);
    padding: 16px 4vw 20px;
    transform: translateY(-8px); opacity: 0; pointer-events: none;
    transition: 0.25s ease;
    box-shadow: 0 8px 32px rgba(6,42,16,0.1);
}
.mobile-nav.open { transform: translateY(0); opacity: 1; pointer-events: all; }
.mobile-nav ul { list-style: none; }
.mobile-nav ul li a { display: block; padding: 13px 0; border-bottom: 1px solid var(--g50); color: var(--ink2); font-size: 0.92rem; font-weight: 500; text-decoration: none; }

/* HERO */
.hero {
    min-height: 100vh;
    display: flex; align-items: center;
    background: var(--off);
    position: relative; overflow: hidden;
    padding: 70px 4vw 0;
}
.hero-shape {
    position: absolute; right: -60px; top: 0; bottom: 0;
    width: 52%;
    background: linear-gradient(160deg, var(--g700) 0%, var(--g500) 55%, var(--g400) 100%);
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    z-index: 0;
}
.hero-shape::after {
    content: '';
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M20 20.5V18H0v5h5v5H0v5h20v-9.5zm-2 9.5H2V21h16v9zM20 18H2v-2h18v2zM2 14h16v-2H2v2zM0 2h20v2H0V2z'/%3E%3C/g%3E%3C/svg%3E");
}
.hero-inner {
    position: relative; z-index: 2;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 60px; align-items: center;
    max-width: 1300px; margin: 0 auto;
    width: 100%; padding: 60px 0;
}
.hero-text { animation: slideRight 0.8s ease both; }
.hero-badge {
    display: inline-flex; align-items: center; gap: 10px;
    background: white; border: 1px solid var(--line);
    border-radius: 99px; padding: 7px 16px 7px 10px;
    margin-bottom: 24px;
}
.hero-badge-dot {
    width: 26px; height: 26px; background: var(--g100);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.hero-badge-dot svg { width: 13px; height: 13px; fill: var(--g700); }
.hero-badge span { font-size: 0.72rem; font-weight: 700; color: var(--g700); letter-spacing: 0.06em; text-transform: uppercase; }
.hero h1 {
    font-family: var(--serif);
    font-size: clamp(2.4rem, 4.2vw, 3.8rem);
    font-weight: 700; color: var(--ink);
    line-height: 1.15; margin-bottom: 12px;
}
.hero h1 em { color: var(--g700); font-style: italic; }
.hero-dari { font-family: var(--dari); font-size: 1.05rem; color: var(--muted); direction: rtl; margin-bottom: 18px; font-weight: 600; }
.hero p { font-size: 1rem; color: var(--muted); line-height: 1.75; max-width: 460px; margin-bottom: 34px; }
.hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; border: none; cursor: pointer; font-family: var(--sans); font-weight: 600; border-radius: 8px; transition: all 0.2s; font-size: 0.88rem; }
.btn-green { background: var(--g700); color: white; padding: 13px 28px; }
.btn-green:hover { background: var(--g600); transform: translateY(-1px); }
.btn-ghost { background: white; color: var(--g700); padding: 13px 28px; border: 1.5px solid var(--line); }
.btn-ghost:hover { border-color: var(--g400); background: var(--g50); }
.hero-trust {
    margin-top: 36px; display: flex; align-items: center; gap: 20px;
    padding-top: 28px; border-top: 1px solid var(--line); flex-wrap: wrap;
}
.hti strong { display: block; font-size: 1.4rem; font-family: var(--serif); color: var(--g700); line-height: 1; }
.hti span { font-size: 0.68rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 3px; display: block; }
.htd { width: 1px; height: 34px; background: var(--line); }
/* Hero Visual */
.hero-visual { display: flex; flex-direction: column; gap: 16px; animation: slideLeft 0.9s ease 0.2s both; }
.hv-card {
    background: white; border-radius: 14px; padding: 24px;
    box-shadow: var(--shadow); border: 1px solid var(--line);
    display: flex; align-items: center; gap: 18px;
}
.hv-icon {
    width: 52px; height: 52px; flex-shrink: 0;
    background: var(--g50); border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
}
.hv-icon svg { width: 24px; height: 24px; stroke: var(--g700); fill: none; stroke-width: 1.8; }
.hv-card h3 { font-size: 0.92rem; font-weight: 700; color: var(--ink); margin-bottom: 3px; }
.hv-card p { font-size: 0.78rem; color: var(--muted); }
.hv-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hv-mini {
    background: white; border-radius: 12px; padding: 18px;
    border: 1px solid var(--line); box-shadow: var(--shadow);
}
.hv-mini-num { font-family: var(--serif); font-size: 1.7rem; font-weight: 700; color: var(--g700); line-height: 1; }
.hv-mini-label { font-size: 0.68rem; color: var(--muted); margin-top: 5px; }
.hv-emergency {
    background: linear-gradient(135deg, var(--g800), var(--g600));
    border-radius: 12px; padding: 18px 22px;
    display: flex; align-items: center; justify-content: space-between;
}
.hv-emerg-tag { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); display: block; margin-bottom: 4px; }
.hv-emerg-num { font-family: var(--mono); font-size: 1.1rem; color: white; }
.pulse { width: 13px; height: 13px; background: #ef4444; border-radius: 50%; animation: pulseDot 1.8s infinite; }
@keyframes pulseDot { 0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.5)} 50%{box-shadow:0 0 0 8px rgba(239,68,68,0)} }

/* SECTIONS */
.sec { padding: 90px 4vw; }
.sec-inner { max-width: 1300px; margin: 0 auto; }
.sec-label {
    display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px;
}
.sec-label::before { content:''; display:block; width:18px; height:2px; background:var(--g500); border-radius:2px; }
.sec-label span { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--g600); }
.sec-title { font-family: var(--serif); font-size: clamp(1.8rem, 3.2vw, 2.7rem); font-weight: 700; color: var(--ink); line-height: 1.2; margin-bottom: 12px; }
.sec-title em { font-style: italic; color: var(--g700); }
.sec-fa { font-family: var(--dari); font-size: 0.92rem; color: var(--muted); direction: rtl; display: block; margin-bottom: 8px; line-height: 1.7; }
.sec-sub { font-size: 0.95rem; color: var(--muted); max-width: 520px; line-height: 1.75; }

/* ABOUT */
.about { background: var(--off); }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.about-img-wrap { position: relative; }
.about-img {
    width: 100%; aspect-ratio: 4/3;
    background: linear-gradient(140deg, var(--g900) 0%, var(--g700) 40%, var(--g400) 100%);
    border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    position: relative; overflow: hidden;
}
.about-img::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 60% 30%, rgba(255,255,255,0.07) 0%, transparent 60%); }
.about-img svg { width: 130px; height: 130px; fill: white; opacity: 0.1; position: relative; z-index: 1; }
.about-float {
    position: absolute; bottom: -20px; right: -20px;
    background: white; border-radius: 14px; padding: 16px 20px;
    box-shadow: var(--shadowL); border: 1px solid var(--line);
    display: flex; align-items: center; gap: 13px;
}
.af-icon { width: 44px; height: 44px; background: var(--g100); border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.af-icon svg { width: 20px; height: 20px; stroke: var(--g700); fill: none; stroke-width: 2; }
.af-text strong { display: block; font-size: 1.3rem; font-family: var(--serif); color: var(--g700); }
.af-text span { font-size: 0.7rem; color: var(--muted); }
.about-pillars { margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pillar {
    background: white; border: 1.5px solid var(--line); border-radius: 12px;
    padding: 18px; display: flex; gap: 12px; align-items: flex-start;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.pillar:hover { border-color: var(--g300); box-shadow: var(--shadow); }
.pl-icon { width: 36px; height: 36px; flex-shrink: 0; background: var(--g50); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.pl-icon svg { width: 17px; height: 17px; stroke: var(--g600); fill: none; stroke-width: 2; }
.pillar h4 { font-size: 0.8rem; font-weight: 700; color: var(--ink); margin-bottom: 3px; }
.pillar p { font-size: 0.73rem; color: var(--muted); line-height: 1.5; }

/* STATS */
.stats-bar { background: var(--g700); padding: 52px 4vw; }
.stats-inner { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.stat-box { text-align: center; padding: 8px 16px; border-right: 1px solid rgba(255,255,255,0.14); }
.stat-box:last-child { border-right: none; }
.stat-num { font-family: var(--serif); font-size: 2.4rem; font-weight: 700; color: white; line-height: 1; margin-bottom: 6px; }
.stat-num sup { font-size: 1rem; }
.stat-label { font-size: 0.7rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.12em; }
.stat-fa { font-family: var(--dari); font-size: 0.76rem; color: rgba(255,255,255,0.45); direction: rtl; margin-top: 3px; }

/* SERVICES */
.services { background: white; }
.svc-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px; flex-wrap: wrap; gap: 16px; }
.svc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.svc-card {
    border: 1.5px solid var(--line); border-radius: 14px; padding: 28px 24px;
    position: relative; overflow: hidden; background: white;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
}
.svc-card:hover { border-color: var(--g400); box-shadow: var(--shadowL); transform: translateY(-3px); }
.svc-card:hover .svc-arrow { opacity: 1; transform: translate(0,0); }
.svc-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 18px; }
.svc-ico { width: 50px; height: 50px; border-radius: 11px; background: var(--g50); display: flex; align-items: center; justify-content: center; }
.svc-ico svg { width: 22px; height: 22px; stroke: var(--g700); fill: none; stroke-width: 1.8; }
.svc-n { font-family: var(--mono); font-size: 0.68rem; color: var(--line); }
.svc-card h3 { font-size: 0.97rem; font-weight: 700; color: var(--ink); margin-bottom: 5px; }
.svc-fa-tag { font-family: var(--dari); font-size: 0.76rem; color: var(--g600); direction: rtl; display: block; margin-bottom: 10px; }
.svc-card p { font-size: 0.78rem; color: var(--muted); line-height: 1.65; }
.svc-arrow {
    position: absolute; bottom: 18px; right: 18px;
    width: 30px; height: 30px; background: var(--g700);
    border-radius: 7px; display: flex; align-items: center; justify-content: center;
    opacity: 0; transform: translate(4px,4px); transition: all 0.25s;
}
.svc-arrow svg { width: 13px; height: 13px; stroke: white; fill: none; stroke-width: 2.5; }

/* DOCTORS */
.doctors { background: var(--off); }
.doc-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 44px; flex-wrap: wrap; gap: 14px; }
.doc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.doc-card { background: white; border-radius: 14px; overflow: hidden; border: 1.5px solid var(--line); transition: box-shadow 0.3s, transform 0.3s; }
.doc-card:hover { box-shadow: var(--shadowL); transform: translateY(-4px); }
.doc-photo { height: 175px; display: flex; align-items: center; justify-content: center; position: relative; }
.doc-photo svg { width: 75px; height: 75px; opacity: 0.18; fill: white; }
.doc-pill { position: absolute; top: 12px; left: 12px; background: rgba(255,255,255,0.92); color: var(--g700); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.1em; padding: 4px 10px; border-radius: 99px; text-transform: uppercase; }
.doc-info { padding: 16px; }
.doc-name { font-family: var(--serif); font-size: 0.97rem; font-weight: 700; color: var(--ink); margin-bottom: 2px; }
.doc-title { font-size: 0.73rem; color: var(--g600); font-weight: 500; margin-bottom: 4px; }
.doc-fa-label { font-family: var(--dari); font-size: 0.72rem; color: var(--muted); direction: rtl; display: block; margin-bottom: 12px; }
.doc-stats { display: flex; gap: 14px; border-top: 1px solid var(--g50); padding-top: 12px; }
.ds strong { font-size: 0.92rem; font-weight: 700; color: var(--g700); display: block; }
.ds span { font-size: 0.62rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; }
.doc-book-btn { display: block; width: 100%; margin-top: 12px; padding: 9px; background: var(--g50); border: 1px solid var(--line); border-radius: 7px; font-family: var(--sans); font-size: 0.74rem; font-weight: 600; color: var(--g700); text-align: center; text-decoration: none; cursor: pointer; transition: all 0.2s; }
.doc-book-btn:hover { background: var(--g700); color: white; border-color: var(--g700); }

/* APPOINTMENT */
.appt { background: white; }
.appt-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 68px; align-items: start; }
.appt-perks { display: flex; flex-direction: column; gap: 14px; margin-top: 28px; }
.appt-perk { display: flex; align-items: center; gap: 13px; }
.ap-chk { width: 26px; height: 26px; flex-shrink: 0; background: var(--g100); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.ap-chk svg { width: 12px; height: 12px; stroke: var(--g700); fill: none; stroke-width: 2.5; }
.ap-en { font-size: 0.84rem; color: var(--ink); font-weight: 600; display: block; }
.ap-fa { font-family: var(--dari); font-size: 0.74rem; color: var(--muted); direction: rtl; display: block; margin-top: 1px; }
.appt-contact-box { margin-top: 36px; padding: 22px; background: var(--g50); border-radius: 13px; border: 1px solid var(--line); }
.acr { display: flex; align-items: center; gap: 11px; margin-bottom: 11px; }
.acr:last-child { margin-bottom: 0; }
.acr svg { width: 16px; height: 16px; stroke: var(--g600); fill: none; stroke-width: 2; flex-shrink: 0; }
.acr span { font-size: 0.83rem; color: var(--ink2); }
.acr strong { color: var(--g700); font-family: var(--mono); }
/* Form */
.form-wrap { background: var(--ink); border-radius: 20px; padding: 38px; box-shadow: var(--shadowL); }
.form-wrap h3 { font-family: var(--serif); font-size: 1.45rem; font-weight: 700; color: white; margin-bottom: 3px; }
.form-fa-sub { font-family: var(--dari); font-size: 0.88rem; color: var(--g400); direction: rtl; display: block; margin-bottom: 26px; }
.frow { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.fg { display: flex; flex-direction: column; gap: 5px; margin-bottom: 13px; }
.fg label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.55); }
.fg input, .fg select, .fg textarea {
    padding: 11px 14px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 7px;
    font-family: var(--sans); font-size: 0.86rem; color: white; outline: none;
    transition: border-color 0.2s, background 0.2s; width: 100%;
}
.fg input::placeholder, .fg textarea::placeholder { color: rgba(255,255,255,0.28); }
.fg select { color: rgba(255,255,255,0.65); }
.fg select option { color: var(--ink); background: white; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--g400); background: rgba(255,255,255,0.1); }
.fg textarea { min-height: 78px; resize: vertical; }
.form-btn { width: 100%; padding: 13px; background: var(--g600); color: white; border: none; border-radius: 8px; font-family: var(--sans); font-size: 0.83rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; cursor: pointer; transition: background 0.2s; margin-top: 4px; }
.form-btn:hover { background: var(--g500); }

/* TESTIMONIALS */
.testimonials { background: var(--off); }
.testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px; }
.tc { background: white; border-radius: 14px; padding: 28px; border: 1.5px solid var(--line); transition: box-shadow 0.3s; }
.tc:hover { box-shadow: var(--shadow); }
.tc-stars { display: flex; gap: 3px; margin-bottom: 14px; }
.star { color: var(--gold2); font-size: 0.82rem; }
.tc-text { font-family: var(--serif); font-size: 0.97rem; font-style: italic; color: var(--ink2); line-height: 1.7; margin-bottom: 14px; }
.tc-fa { font-family: var(--dari); font-size: 0.84rem; color: var(--muted); direction: rtl; display: block; border-right: 2px solid var(--g300); padding-right: 11px; line-height: 1.85; margin-bottom: 20px; }
.tc-author { display: flex; align-items: center; gap: 11px; border-top: 1px solid var(--g50); padding-top: 16px; }
.tc-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--g100); display: flex; align-items: center; justify-content: center; font-family: var(--dari); font-size: 1rem; color: var(--g700); font-weight: 700; flex-shrink: 0; }
.tc-name { font-size: 0.83rem; font-weight: 700; color: var(--ink); }
.tc-loc { font-size: 0.7rem; color: var(--muted); }

/* NEWS */
.news { background: white; }
.news-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 44px; flex-wrap: wrap; gap: 12px; }
.news-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.nc { border-radius: 14px; overflow: hidden; border: 1.5px solid var(--line); background: white; transition: box-shadow 0.3s, transform 0.3s; }
.nc:hover { box-shadow: var(--shadowL); transform: translateY(-3px); }
.nc-thumb { height: 175px; position: relative; overflow: hidden; }
.nc-thumb-bg { width: 100%; height: 100%; transition: transform 0.4s; }
.nc:hover .nc-thumb-bg { transform: scale(1.05); }
.nc-cat { position: absolute; bottom: 12px; left: 12px; background: var(--g700); color: white; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.12em; padding: 4px 10px; border-radius: 99px; text-transform: uppercase; }
.nc-body { padding: 20px; }
.nc-date { font-family: var(--mono); font-size: 0.68rem; color: var(--muted); margin-bottom: 9px; }
.nc-title { font-family: var(--serif); font-size: 1.02rem; font-weight: 700; color: var(--ink); line-height: 1.4; margin-bottom: 7px; cursor: pointer; transition: color 0.2s; }
.nc-title:hover { color: var(--g700); }
.nc-title-fa { font-family: var(--dari); font-size: 0.8rem; color: var(--muted); direction: rtl; display: block; margin-bottom: 10px; line-height: 1.7; }
.nc-excerpt { font-size: 0.78rem; color: var(--muted); line-height: 1.7; }
.nc-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 0.74rem; font-weight: 600; color: var(--g700); cursor: pointer; text-decoration: none; transition: gap 0.2s; }
.nc-more:hover { gap: 10px; }
.nc-more svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.5; }

/* CTA BAND */
.cta-band { background: linear-gradient(135deg, var(--g900) 0%, var(--g800) 50%, var(--g700) 100%); padding: 68px 4vw; position: relative; overflow: hidden; }
.cta-band::before { content:''; position:absolute; right:-80px; top:-80px; width:280px; height:280px; border-radius:50%; border:45px solid rgba(255,255,255,0.04); }
.cta-inner { max-width: 1300px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 28px; position: relative; z-index: 1; }
.cta-text h2 { font-family: var(--serif); font-size: clamp(1.5rem, 2.8vw, 2.2rem); color: white; font-weight: 700; line-height: 1.2; margin-bottom: 7px; }
.cta-text h2 em { font-style: italic; color: var(--g300); }
.cta-fa-sub { font-family: var(--dari); font-size: 0.95rem; color: rgba(255,255,255,0.55); direction: rtl; display: block; }
.cta-btns { display: flex; gap: 13px; flex-wrap: wrap; }
.btn-white { background: white; color: var(--g800); padding: 13px 28px; border-radius: 8px; }
.btn-white:hover { background: var(--g50); transform: translateY(-1px); }
.btn-outw { background: transparent; color: white; padding: 12px 26px; border-radius: 8px; border: 1.5px solid rgba(255,255,255,0.35); font-weight: 600; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-family: var(--sans); font-size: 0.88rem; transition: all 0.2s; }
.btn-outw:hover { border-color: white; background: rgba(255,255,255,0.08); }

/* FOOTER */
footer { background: var(--ink); color: rgba(255,255,255,0.5); padding: 60px 4vw 26px; }
.footer-grid { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 44px; padding-bottom: 44px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.fb-logo { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; }
.fb-lm { width: 38px; height: 38px; background: var(--g700); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.fb-lm svg { width: 20px; height: 20px; }
.fb-ln-en { font-family: var(--serif); font-size: 0.97rem; font-weight: 700; color: white; display: block; }
.fb-ln-fa { font-family: var(--dari); font-size: 0.72rem; color: var(--g400); direction: rtl; display: block; }
.footer-brand p { font-size: 0.8rem; line-height: 1.7; max-width: 265px; margin-bottom: 6px; }
.fb-fa { font-family: var(--dari); font-size: 0.76rem; color: rgba(255,255,255,0.32); direction: rtl; max-width: 265px; line-height: 1.7; margin-bottom: 18px; display: block; }
.accred { display: flex; gap: 9px; flex-wrap: wrap; }
.abadge { padding: 4px 12px; border: 1px solid rgba(31,160,64,0.25); border-radius: 5px; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.1em; color: var(--g400); text-transform: uppercase; }
.fsocial { display: flex; gap: 9px; margin-top: 18px; }
.fsoc { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.38); text-decoration: none; font-size: 0.68rem; font-weight: 700; transition: all 0.2s; }
.fsoc:hover { border-color: var(--g400); color: var(--g300); background: rgba(31,160,64,0.1); }
.fc-col h4 { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: white; margin-bottom: 16px; }
.fc-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.fc-col ul li a { color: rgba(255,255,255,0.44); text-decoration: none; font-size: 0.8rem; transition: color 0.2s; display: flex; align-items: center; gap: 5px; }
.fc-col ul li a::before { content:''; display:block; width:10px; height:1px; background:rgba(255,255,255,0.13); transition:width 0.2s,background 0.2s; }
.fc-col ul li a:hover { color: var(--g300); }
.fc-col ul li a:hover::before { width:14px; background:var(--g400); }
.fct { display: flex; gap: 9px; align-items: flex-start; margin-bottom: 10px; }
.fct svg { width: 13px; height: 13px; stroke: var(--g400); fill: none; stroke-width: 2; margin-top: 2px; flex-shrink: 0; }
.fct span { font-size: 0.78rem; color: rgba(255,255,255,0.44); line-height: 1.6; }
.fct strong { color: rgba(255,255,255,0.72); }
.footer-bottom { max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding-top: 22px; flex-wrap: wrap; gap: 10px; }
.footer-bottom span { font-size: 0.7rem; color: rgba(255,255,255,0.25); }
.fb-links { display: flex; gap: 18px; }
.fb-links a { font-size: 0.7rem; color: rgba(255,255,255,0.25); text-decoration: none; transition: color 0.2s; }
.fb-links a:hover { color: white; }

/* REVEAL */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes slideRight { from{opacity:0;transform:translateX(-30px)} to{opacity:1;transform:translateX(0)} }
@keyframes slideLeft { from{opacity:0;transform:translateX(30px)} to{opacity:1;transform:translateX(0)} }

/* RESPONSIVE */
@media(max-width:1100px) {
    .about-grid { grid-template-columns:1fr; gap:44px; }
    .appt-grid { grid-template-columns:1fr; gap:44px; }
    .doc-grid { grid-template-columns:repeat(2,1fr); }
    .footer-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:860px) {
    .nav-links { display:none; }
    .hamburger { display:flex; }
    .hero-inner { grid-template-columns:1fr; }
    .hero-visual { display:none; }
    .hero-shape { display:none; }
    .svc-grid { grid-template-columns:repeat(2,1fr); }
    .testi-grid { grid-template-columns:1fr; }
    .news-grid { grid-template-columns:1fr; }
    .stats-inner { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px) {
    .sec { padding:60px 4vw; }
    .svc-grid { grid-template-columns:1fr; }
    .doc-grid { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr; }
    .frow { grid-template-columns:1fr; }
    .form-wrap { padding:24px 16px; }
    .about-pillars { grid-template-columns:1fr; }
}