/* Primary Font Light */

@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Primary Font Regular */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Primary Font Italic */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-Italic.ttf") format("truetype");
    font-weight: normal;
    font-display: swap;
    font-style: italic;
}

/* Primary Font Medium */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

/* Primary Font SemiBold */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

/* Primary Font Bold */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

/* Primary Font ExtraBold */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

/* Primary Font Black */
@font-face {
    font-family: "Primary Font";
    src: url("/assets/fonts/montserrat/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}

/* Arabic Font Light */

@font-face {
    font-family: "Arabic Font";
    src: url("/assets/fonts/almarai/Almarai-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Arabic Font Regular */
@font-face {
    font-family: "Arabic Font";
    src: url("/assets/fonts/almarai/Almarai-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Arabic Font Bold */
@font-face {
    font-family: "Arabic Font";
    src: url("/assets/fonts/almarai/Almarai-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

/* Arabic Font ExtraBold */
@font-face {
    font-family: "Arabic Font";
    src: url("/assets/fonts/almarai/Almarai-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

html {
    --main-font: "Primary Font", sans-serif;
}

html[lang="ar"] {
    --main-font: "Arabic Font", sans-serif;
}

body {
    font-family: var(--main-font) !important;
}

.head-text {
    color: var(--primary-color)
}

.head-text2 {
    color: var(--primary2-color)
}

.text-primary2 {
    color: var(--primary2-color)
}

.bg-light-primary {
    background-color: #eaddff;
}

.bg-light-primary2 {
    background-color: var(--light-primary2-color)
}

@media (min-width: 768px) {
    .home-header>div{
        flex-basis: 48%; 
    }
    .project>div {
        flex-basis: 43%;
    }
}

@media (max-width: 767px) {
    .project>div {
        flex-basis: 95%;
    }
}


.active {
    color: var(--primary2-color);
}