/* Google Font - Vazirmatn */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700&display=swap');


/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* Body */

body{
    background-color:antiquewhite;
    font-family:"Vazirmatn", Tahoma, sans-serif;
    color:#4A2C2A;
    direction:rtl;
}


/* Header */

header{
    background-color:#8B5E3C;
    color:white;
    text-align:center;
    padding:35px;
}

header h1{
    font-size:40px;
    margin-bottom:10px;
}

header p{
    font-size:18px;
}


/* Form Section */

.form-section{
    display:flex;
    justify-content:center;
    margin:40px 0;
}


fieldset{
    width:450px;
    padding:25px;
    background:white;
    border:2px solid #8B5E3C;
    border-radius:15px;
}


legend{
    color:#8B5E3C;
    font-weight:700;
    padding:0 10px;
}


label{
    display:block;
    margin-top:15px;
    margin-bottom:8px;
    font-weight:500;
}


input,
select{

    width:100%;
    padding:12px;

    border:1px solid #ccc;
    border-radius:10px;

    font-family:"Vazirmatn", Tahoma, sans-serif;
    font-size:15px;
}


input:focus,
select:focus{

    outline:none;
    border-color:#8B5E3C;

}


/* About Section */

.about{

    width:80%;
    max-width:900px;

    margin:40px auto;

    background:white;

    padding:30px;

    border-radius:15px;

    box-shadow:0 5px 15px rgba(0,0,0,0.2);

    line-height:2;

    text-align:justify;

}


.about h2{

    text-align:center;

    color:#8B5E3C;

    margin-bottom:20px;

}



/* Image Gallery */


.gallery{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:30px;

    padding:30px;

}



.box{

    width:250px;

    height:320px;

    background:white;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 5px 15px rgba(0,0,0,0.2);

    transition:0.3s;

}



.box:hover{

    transform:translateY(-8px);

    box-shadow:0 10px 25px rgba(0,0,0,0.3);

}



.box img{

    width:100%;

    height:100%;

    object-fit:cover;

}



/* Footer */


footer{

    margin-top:40px;

    background-color:#8B5E3C;

    color:white;

    text-align:center;

    padding:20px;

    font-size:14px;

}