/* Dana Font Face Definitions */

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana demibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
/*
 YekanBakh Font Face Definitions */

@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Dana', 'Tahoma', 'Arial', sans-serif;
    background-color: white;
}

.testimonial-card {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.testimonial-card.slide-in {
    animation: slideIn 0.5s ease-in-out;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.world-map {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 500"><path d="M150,200 Q200,150 250,200 T350,200 Q400,180 450,200 T550,200 Q600,220 650,200 T750,200 Q800,180 850,200" stroke="%23681AFF" stroke-width="2" fill="none" opacity="0.1"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-shadow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}

.thin-border {
    border-width: 0.5px;
}

/* Mobile Menu Styles */
#mobileMenu {
    backdrop-filter: blur(4px);
}

#mobileMenuPanel {
    background-color: #ffffff !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1) !important;
    will-change: transform;
    opacity: 1 !important;
    z-index: 9999 !important;
}

/* Force solid white background - highest priority */
div#mobileMenuPanel {
    background-color: #ffffff !important;
    background: #ffffff !important;
    background-image: none !important;
}

/* Ensure all child elements have white background */
#mobileMenuPanel * {
    background-color: transparent !important;
}

#mobileMenuPanel > div:first-child {
    background-color: #ffffff !important;
}

#mobileMenuPanel nav {
    background-color: #ffffff !important;
}

#mobileMenuPanel.translate-x-full {
    transform: translateX(100%);
}

/* Ensure proper RTL layout for mobile menu */
#mobileMenu nav a {
    direction: rtl;
    text-align: right;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Custom smooth scroll with offset for fixed header */
.scroll-offset {
    scroll-margin-top: 80px;
}

.glass-effect {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.input-focus:focus {
    outline: none;
    border-color: #681AFF;
    box-shadow: 0 0 0 3px rgba(104, 26, 255, 0.1);
}