:root{
    --primary : #475F7C;
    --primary-light : #5a7aa1;
}
*{
    font-family: "Almarai", sans-serif;
    /* font-weight: 400; */
    font-style: normal;
}


.bg-img{
    background-image: url(../images/banner2.jpg);
    background-size: 130% 130%;
    background-position: bottom;
}
.custom-logo{
    width: 140px;
}
.custom-icon{
    width: 3.5rem;
    height: 3.5rem;
}

.app-text-primary{
    color: var(--primary);
}
.app-bg-primary{
    background-color: var(--primary);
}
.app-border{
    border-color: var(--primary) !important;
}
.app-border-dashed{
    border: dashed 1.5px var(--primary);
}
.btn.app-bg-primary:hover , .custom-icon-social:hover{
    background-color: var(--primary-light) !important ;
    color: white;
}
.custom-icon-social{
    width: 35px;
    height: 35px;
}