/* ================= ABOUT SECTION ================= */


.about-section {

    padding: 90px 20px;

    background: linear-gradient(
        135deg,
        rgba(0,87,37,0.08),
        rgba(239,172,31,0.08)
    );

}



.about-container {

    max-width: 1200px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;

}



/* ================= ABOUT CONTENT ================= */


.about-content {

    flex: 1;

}



/* عنوان سبز */

.about-title-box {

    background: var(--green);

    padding: 28px 35px;

    border-radius: 0px;

    margin-bottom: 35px;

    border-right: 6px solid var(--gold);

    box-shadow:
    0 15px 35px rgba(0,87,37,0.25);

}



.about-title-box h2 {

    color:#fff;

    font-family: Extender, sans-serif;

    font-size:34px;

    font-weight:700;

    margin:0 0 12px;

}



.about-title-box h4 {

    color:var(--gold);

    font-size:18px;

    font-weight:400;

    opacity:.9;

    margin:0;

}





/* متن معرفی */


.about-description {


    background:rgba(255,255,255,0.65);

    backdrop-filter:blur(15px);

    padding:35px;

    border-radius:25px;

    box-shadow:

    0 15px 35px rgba(0,0,0,.08);

}



.about-description p {


    color:#444;

    font-size:16px;

    line-height:2.3;

    text-align:justify;

    margin-bottom:18px;

}



.about-description p:last-child {

    margin-bottom:0;

}





/* ================= IMAGE ================= */


.about-image {


    flex:0 0 420px;

    position:relative;

}



.about-image img {


    width:100%;

    height:430px;

    object-fit:cover;

    border-radius:35px;


    box-shadow:

    0 25px 50px rgba(0,0,0,.18);

}



/* قاب طلایی پشت تصویر */


.about-image::before {


    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border:2px solid var(--gold);

    border-radius:35px;

    top:25px;

    right:-25px;

    z-index:-1;

}





/* ================= TABLET ================= */


@media(max-width:1100px){


.about-container {

    gap:40px;

}



.about-image {

    flex:0 0 360px;

}



.about-image img {

    height:380px;

}


}





/* ================= MOBILE ================= */


@media(max-width:900px){


.about-section {

    padding:60px 15px;

}



.about-container {

    flex-direction:column-reverse;

    gap:35px;

}



.about-content {

    width:100%;

}



.about-title-box {


    padding:22px 25px;

    border-radius:0px;

    border-right-width:4px;

}



.about-title-box h2 {


    font-size:26px;

}



.about-title-box h4 {


    font-size:15px;

}



.about-description {


    padding:22px;

    border-radius:18px;

}



.about-description p {


    font-size:15px;

    line-height:2.1;

}



.about-image {


    width:100%;

}



.about-image img {


    height:300px;

    border-radius:25px;

}



.about-image::before {


    top:15px;

    right:-15px;

    border-radius:25px;

}


}





/* ================= SMALL MOBILE ================= */


@media(max-width:480px){


.about-title-box h2 {

    font-size:22px;

}



.about-title-box h4 {

    font-size:14px;

}



.about-description {

    padding:18px;

}



.about-description p {

    font-size:14px;

    line-height:2;

}



.about-image img {

    height:250px;

}


}