.englishTitle {
    text-align: center;
    font-size: 2em;
    font-weight: 100;
    line-height: 1.5em;
    margin: 0 0 0px 0;
    letter-spacing: .06em;
    word-spacing: 6px;
    gap: 0px 16px;
    text-transform: uppercase;
    font-family: var(--FontFamilyFuturaPt);
}

.arabicTitle {
    line-height: 2;
    font-size: 27px;
    text-align: center;
    font-weight: 400;
    font-family: var(--arabicFont);
}

.dateeeeeeee {
    margin: 20px 0 0 0;
    display: grid;
    place-items: center;
    font-weight: 600;
    letter-spacing: .1em;
    color: #b6afaf;
    font-family: var(--FontFamilyFuturaPt);
}

.containerForTheLogo {
    padding: 20px 0 0 0;
}

.containerForTheLogo .logoContent {
    display: grid;
    place-items: center;
}

.containerForTheLogo .logoContent img {
    width: 100%;
    max-width: 510px;
}

.aboutttt {
    display: grid;
    margin: 30px 0 0;
    padding: 0 0 30px 0;
    justify-content: space-between;
    grid-template-columns: 46% 2% 46%;
}

.aboutttt div.border div {
    height: 100%;
    border-left: 0.1px solid #DDD;
}

.aboutttt div.arabicTitle-OHP {
    line-height: 2;
    font-size: 17px;
    font-size: 15px;
    text-align: end;
    font-weight: 400;
    font-family: var(--arabicFont);
    padding: 10px 0;
}

.aboutttt div.englishTitle-OHP {
    padding: 10px 0;
    line-height: 2;
    font-size: 17px;
    font-size: 13.747px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
}

.moreThanArtistProject {
    margin: 130px 0 0;
}

.moreThanArtistProject .MTATitle {
    text-align: center;
}

.moreThanArtistProject .MTATitle h1 span.MTAET {
    text-align: center;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5em;
    letter-spacing: .06em;
    word-spacing: 6px;
    text-transform: uppercase;
    font-family: var(--FontFamilyFuturaPt);
}

.moreThanArtistProject .MTATitle h1 span.MTAAT {
    line-height: 2;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    font-family: var(--arabicFont);
}

.dateMTAProject {
    font-family: var(--FontFamilyFuturaPt);
    letter-spacing: 1px;
    color: #222222;
}

.MTAPicture {
    display: grid;
    margin: 10px 0 0 0;
    place-items: center;
}

.MTAPicture img {
    width: 100%;
    max-width: 510px;
}

.moreThanArtistProject .photosFromTHeShow {
    width: 100%;
    display: grid;
    place-items: center;
    grid-template-columns: 48% 48%;
    gap: 0 20px;
    margin: 70px 0 0 0;
}

.moreThanArtistProject .photosFromTHeShow div.imgContainerr-r {
    width: 100%;
    scroll-snap-align: center;
}

.moreThanArtistProject .photosFromTHeShow img {
    width: 100%;
}

.add-fes {
    display: flex;
    flex-direction: column;
}

.arabicTitle-OHP {
    font-family: var(--arabicFont);
}

/* to respone the img huseein */
#oiuessauskfhc {
    width: 40%;
}

#ryddugmrepoche {
    width: 80%;
}

#zucUlofcB {
    display: flex;
    gap: 10px 0;
    justify-content: center;
    flex-direction: column;
    margin: 10px 0 0 0;
}

.paddingPMADB {
    padding: 20px 0;
}

.thePlanetsStreet {
    border-bottom: 1px solid #DDD;
}

.oneHandPuppetPhotos {
    margin: 200px 0 0 0;
    display: flex;
    flex-direction: column;
}

.firstTOwBigIMg {
    display: block;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 45% 45%;
}

.wertyuiop {
    margin: 20px 0;
    display: grid;
    gap: 10px 0;
    justify-content: space-between;
    grid-template-columns: 23% 23% 23% 23%;
}

.wertyuiop img {
    width: 100%;
}

.firstTOwBigIMg img {
    width: 100%;
}

@media all and (max-width: 1000px) {
    .aboutttt {
        gap: 10px 0;
        display: flex;
        flex-direction: column;
    }

    .aboutttt .border div {
        display: none;
    }

    .firstTOwBigIMg {
        display: flex;
        gap: 3px;
        flex-direction: column;
    }

    .wertyuiop {
        display: grid;
        grid-template-columns: 49% 49%;
    }
}

@media all and (max-width: 450px) {
    .englishTitle {
        font-size: 1.7em;
    }
}