/* ریست پایه */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Tahoma', sans-serif;
}

/* بدنه صفحه */
.index {
    width: 100%;
    background-color: #fff2ef;
    padding: 20px 10px;
}

/* متن اصلی */
.index-text, .text, .notice {
    margin: 15px auto;
    padding: 15px;
    line-height: 1.6;
    max-width: 900px;
    text-align: justify;
}

/* تیتر خوش‌آمدید */
.index h1 {
    text-align: center;
    font-size: 2em;
    margin-bottom: 30px;
    color: #4b3f72; /* رنگ بنفش ملایم */
}

/* باکس‌های Goals و Services */
.Goals, .Services {
    border-radius: 15px;
    padding: 25px 30px;
    margin: 20px auto;
    max-width: 900px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* رنگ ملایم برای باکس‌ها */
.Goals {
    background: #d6c1f7; /* بنفش خیلی روشن */
}

.Services {
    background: #c1e0f7; /* آبی ملایم */
}

/* افکت hover روی باکس */
.Goals:hover, .Services:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* عنوان باکس‌ها */
.Goals h3, .Services h3 {
    margin-bottom: 15px;
    color: #222;
    border-bottom: 2px solid #a18cd1; /* رنگ متناسب با باکس */
    display: inline-block;
    padding-bottom: 5px;
}

/* لیست‌ها */
.Goals-text, .Services-text {
    list-style: disc inside;
    padding-left: 15px;
    color: #444;
}

.Goals-text li, .Services-text li {
    margin-bottom: 10px;
}

/* واکنشگرایی */
@media (max-width: 768px) {
    .Goals, .Services {
        padding: 20px;
        margin: 15px 10px;
    }

    .index h1 {
        font-size: 1.7em;
    }
}