@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

body {
    font-family: 'Cairo', Arial, sans-serif;
    background: #f8f9fa;
    color: #222;
    margin: 0;
    direction: rtl;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.site-header,
.site-footer {
    background: #1a2940;
    color: #fff;
    padding: 20px 0;
}

a {
    color: #1a2940;
    text-decoration: none;
}

.btn {
    background: #1a2940;
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    display: inline-block;
}

.hero-section {
    background: #25406b url('../images/hero-bg.jpg') center/cover no-repeat;
    color: #fff;
    padding: 80px 0 60px 0;
    text-align: center;
}