.title {
    font-family: Arial, sans-serif;
    background-color: #4a148c;
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: kalameh;


}

.about-us {
    padding: 50px;
}

.aboutdivs {

    justify-content: center;
    align-items: center;

}

h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

p {
    font-size: 1.2em;
    margin-bottom: 30px;
    line-height: 1.6;
}

.creator {
    font-size: 1.5em;
    margin-top: 20px;
}

#typing {
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 0 10px #ffffff, 0 0 20px #a3a3a3, 0 0 40px #ffffff;
}


@font-face {
    font-family: kalameh;
    font-style: normal;
    font-weight: 900;
    src: url('../font/WebFonts/_Woff/KalamehWeb-Black.woff') format('woff');
}
@font-face {
    font-family: kalameh;
    font-style: normal;
    font-weight: bold;
    src: url('../font/WebFonts/_Woff/KalamehWeb-Bold.woff') format('woff');
}

@font-face {
    font-family: kalameh;
    font-style: normal;
    font-weight: normal;
    src: url('../font/WebFonts/_Woff/KalamehWeb-Regular.woff') format('woff');
}

.about-style {
    background-image: url(../img/Back/Bg1.png);
    clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0 100%);
    margin-top: 100px;padding-top: 100px;
}

@media screen and (max-width:992px) {
.about-style {
    background-image: url(../img/Back/Bg1.png);
    clip-path: polygon(0 2%, 100% 0%, 100% 98%, 0 100%);
    margin-top: 100px;padding-top: 100px;
}
}