:root {
    --pastel-green: #91aba1;
    --pastel-pink: #f6adb9;
    --txtGreen: #1b1f1e;
}


body {
    font-family: Mitra;
}

.baner {
    width: 100%;
    float: right;
    background-image: url(../images/papers/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 3vw;
    margin-top:13vw !important;
}

    .baner img {
        height: 38vmax;
        width: 30vw;
        float: right;
    }

.head_title {
    font-family: Lalezar;
    font-size: 4vmax;
    margin-left: 45vw;
    margin-top: 10vw;
    color: white;
}

.name {
    font-family: Aptos;
    font-size: 4vw;
    width: 70vw;
    margin: auto;
    color: white;
}

.subtitle {
    font-family: Mitra !important;
    font-size: 2vw;
    width: 50vw;
    margin: auto;
    color: white;
}

.dl {
    width: 85vw;
    margin: auto;
    text-align: center;
}

.eggShape {
    background: url(../images/box.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
}

    .eggShape img {
        position: absolute; /* مهم برای قرارگیری داخل eggShape */
        transform: translateX(-50%); /* تنظیم دقیق وسط */
        width: 18vw; /* کوچک‌تر کردن نسبت به کادر */
        height: 20vw; /* حفظ تناسب */
        border-radius: 48% 48% 0 0;
        margin-top: -1vw;
        z-index: -1; /* قرار دادن پشت محتوای متن */
    }

    .eggShape a {
        font-size: 3vmin;
        margin-top: -0.1vw;
        color: var(--pastel-pink) !important;
        text-decoration:none;
        margin-right:4vw !important;
    }

.title {
    background: url(../images/titleShape.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 3vw;
    width: 10vw;
    margin: auto;
    margin-bottom: 1.5vw;
    z-index: 2;
    font-family: Lalezar;
    font-size: 2.5vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: white;
    margin-top: 17.5vw;
}

.img-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.text {
    margin-left:6.5vw;
    /*padding-right:2.5vw;*/
    position: relative;
    width: 7vw;
    max-height:8vw;
    height:7vw !important;
    font-family: Mitra;
    font-size: 2.1vmin;
    direction: rtl;
    text-align: center;
    unicode-bidi: plaintext;
    margin-top: -1vw;
    text-align: justify !important;
    text-align-last: right !important;
}

/*mobile mode*/
.eggShapeM {
    background: url(../images/box.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 76vw;
    margin: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
    width: 40vw;
}

    .eggShapeM img {
        position: absolute; /* مهم برای قرارگیری داخل eggShape */
        /*transform: translateX(-50%);  تنظیم دقیق وسط */
        width: 42vw; /* کوچک‌تر کردن نسبت به کادر */
        height: 48vw; /* حفظ تناسب */
        border-radius: 48% 48% 0 0;
        margin-top: -1vw;
        z-index: -1; /* قرار دادن پشت محتوای متن */
        margin-left:-21vw;
    }

    .eggShapeM a {
        font-size: 3vmin;
        margin-top: -0.1vw;
        color: var(--pastel-pink) !important;
        text-decoration:none;
        margin-right:12vw !important;
    }

.titleM {
    background: url(../images/titleShape.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 6vw;
    width: 20vw;
    margin: auto;
    margin-bottom: 1.5vw;
    z-index: 2;
    font-family: Lalezar;
    font-size: 2.5vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: white;
    margin-top: 44vw;
}

.img-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.text {
    position: relative;
    width: 9vw;
    height:7vw;
    font-family: Mitra;
    font-size: 2.1vmin;
    direction: rtl;
    text-align: center;
    unicode-bidi: plaintext;
    margin-top: -1vw;
    text-align: justify !important;
    text-align-last: right !important;
}