main{
    width: 100%;
    margin-top: 7dvw;
    margin-bottom: 7dvw;
    padding-top: 7dvh;
}





/*المان اول*/
#div1{
    background-color: var(--color1);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 3dvh 0 0 0;
    row-gap: 8dvw;
}
#div1_header{
    display: flex;
    flex-direction: column;
}
#div1_header h1{
    margin: 0;
    font-family: var(--typo1);
    font-size: clamp(none, 8dvw, 70px);
    font-family: var(--typo1);
    color: var(--color6);
}
#div1_title{
    margin: 0 auto 0 auto;
}
#div1_header p{
    margin: 0;
    font-family: var(--yekan2);
    color: var(--color2);
}
#div1_p{
    margin: 0 auto 0 auto;
    max-width: 70dvw;
    text-align: center;
    font-size: clamp(none, 2dvw, 15px);
}


#div1_cart_container{
    display: flex;
    flex-direction: column;
    row-gap: 3dvw;
}
#div1_carts1{
    display: flex;
    flex-direction: row;
    margin: 0 0;
    justify-content: space-evenly;
}
#div1_carts2{
    display: flex;
    flex-direction: row;
    margin: 0 0;
    justify-content: space-evenly;
}
.div1_cart {
    width: 17dvw;
    aspect-ratio: 1 / 1;
    background-color: var(--color6);
    border-radius: 2dvw;
    box-shadow: 0px 0px 2dvw 0dvh var(--shadow-color);
    animation: wave-effect 2.5s infinite;
}
@keyframes wave-effect/*real-wave*/ {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.9); opacity: 0.7; }
}
#div1_cart11 { animation-delay: 0.25s; }
#div1_cart12 { animation-delay: 0.5s; }
#div1_cart13 { animation-delay: 0.75s; }
#div1_cart14 { animation-delay: 1s; }
#div1_cart24 { animation-delay: 1.25s; }
#div1_cart23 { animation-delay: 1.5s; }
#div1_cart22 { animation-delay: 1.75s; }
#div1_cart21 { animation-delay: 2s; }

#div1_cart11{
    background-image: url(../images/hagh\ black.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart12{
    background-image: url(../images/hagh\ white.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart13{
    background-image: url(../images/hagh\ black.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart14{
    background-image: url(../images/hagh\ white.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart15{
    background-image: url(../images/hagh\ black.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart21{
    background-image: url(../images/hagh\ white.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart22{
    background-image: url(../images/hagh\ black.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart23{
    background-image: url(../images/hagh\ white.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart24{
    background-image: url(../images/hagh\ black.png);
    background-position: center center;
    background-size: cover;
}
#div1_cart25{
    background-image: url(../images/hagh\ white.png);
    background-position: center center;
    background-size: cover;
}





/*المان دوم*/
.nashr{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2dvw;
    margin-top: 7dvh;
}
.nashr_o{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nashr_title h2{
    font-size: clamp(none, 8dvw, 70px);
    font-family: var(--typo1);
    color: var(--color6);
    margin: 0;
}
.nashr_p p{
    font-family: var(--yekan2);
    color: var(--color2);
    max-width: 70dvw;
    font-size: clamp(none, 2.5dvw, 18px);
}
.nashr_gallery{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    row-gap: 5dvw;
}
.nashr_gallery_big{
    width: 90dvw;
    aspect-ratio: 3 / 2;
    border-radius: 6dvw;
    background-image: url(../images/صحن\ حضرت\ زهرا.jpg);
    background-position: center center;
    background-size: cover;
    box-shadow: 0px 1dvh 2dvw -1dvh var(--shadow-color);
}
.nashr_gallery_small{
    width: 90dvw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.nashr_gallery_small1{
    width: 42.5dvw;
    aspect-ratio: 3 / 2;
    border-radius: 6dvw;
    background-image: url(../images/hagh\ white.png);
    background-position: center center;
    background-size: cover;
    box-shadow: 0px 1dvh 2dvw -1dvh var(--shadow-color);
}
.nashr_gallery_small2{
    width: 42.5dvw;
    aspect-ratio: 3 / 2;
    border-radius: 6dvw;
    background-image: url(../images/hagh\ black.png);
    background-position: center center;
    background-size: cover;
    box-shadow: 0px 1dvh 2dvw -1dvh var(--shadow-color);
}