@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notonaskharabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);


@font-face{
src: url(../fonts/Sukar_Black.ttf);
font-family:sukar_black;
}

@font-face{
src: url(../fonts/Sukar_Bold.ttf);
font-family:sukar_bold;
}
@font-face{
src: url(../fonts/Sukar_Regular.ttf);
font-family:sukar_regular;
}


body {
  padding-top: 54px;
      text-align: right;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

h1.my-4{
	font-family: sukar_black, arial;

}

h3{
font-family: 'Noto Kufi Arabic', Courier, 'Courier New', arial;
	font-family: sukar_black, arial;

}
p{

	font-family: sukar_regular, arial;
}

a{
	font-family: sukar_bold, arial;

}

footer p{
font: 13px/1.7 Arial,Helvetica,sans-serif;
}


.bg-header{
background-color: #6699cc!important;
}

.bg-body{
background-color: #99cccc!important;
}


.bg-footer{
background-color: #336666!important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(0,0,0);
}

.navbar-dark .navbar-nav .active>.nav-link{
    color: #fff;
}

.portfolio-item{
margin-bottom:10px;
}

.my-4 {
    margin-top: 2.5rem!important;
    }

.navbar{
padding: 0rem 1rem;
}

#categoriesContent h3{
color:#fff;
}

#cardItem{
margin: 14px;
min-height:300px;
}