/* common Styles */
body {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 24px !important;
    font: 400 14px sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover {
    text-decoration: none !important;
}
img {
    max-width: 100%;
}
/* Website Font */
/* English font */

@font-face {
    font-family: "Garamond";
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/Garamond/EBGaramond-Medium.ttf");
    src: local("Garamond"),
        url("./fonts/Garamond/EBGaramond-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Noto Sans Arabic";
    src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&display=swap")
        format("truetype");
}
/* Arabic font */

@font-face {
    font-family: "Almarai";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./fonts/amarai/Almarai-Regular.eot"); /* IE9 */
    src: url("./fonts/amarai/Almarai-Regular.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("./fonts/amarai/Almarai-Regular.woff2")
            format("woff2"),
        /* Modern Browsers */ url("./fonts/amarai/Almarai-Regular.woff")
            format("woff"),
        /* Modern Browsers */ url("./fonts/amarai/Almarai-Regular.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("./fonts/amarai/Almarai-Regular.svg#Almarai") format("svg"); /* Legacy iOS */
}

@font-face {
    font-family: "Sakkal Majalla";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/alfont_com_majalla.ttf");
    src: local("Sakkal Majalla"),
        url("./fonts/alfont_com_majalla.ttf") format("truetype");
}

/* colored social Icons */

.instagram {
    background: radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%
    );
    -webkit-background-clip: text;
    /*  standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 1.5rem;
}
.twitter {
    fill: #1da1f2 !important;
}
.youtube {
    fill: #ff0000 !important;
}
.facebook {
    fill: #4267b2 !important;
}