@font-face {
    font-family: 'notokufiarabic-black';
    src: url('../fonts/notokufiarabic-black.ttf') format('truetype');
}
@font-face {
    font-family: 'notokufiarabic-regular';
    src: url('../fonts/notokufiarabic-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'notokufiarabic-medium';
    src: url('../fonts/notokufiarabic-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'notokufiarabic-light';
    src: url('../fonts/notokufiarabic-light.ttf') format('truetype');
}


@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}
 



[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-email:before {
    content: "\f100";
}

.flaticon-map-with-position-marker:before {
    content: "\f101";
}

.flaticon-share:before {
    content: "\f102";
}

.flaticon-html5:before {
    content: "\f103";
}

.flaticon-black-graduation-cap-tool-of-university-student-for-head:before {
    content: "\f104";
}

.flaticon-computer-tool-for-education:before {
    content: "\f105";
}

.flaticon-download-business-statistics-symbol-of-a-graphic:before {
    content: "\f106";
}

.flaticon-arrows:before {
    content: "\f107";
}

.flaticon-monitor-tablet-and-smartohone:before {
    content: "\f108";
}

.flaticon-css-3:before {
    content: "\f109";
}

.flaticon-online-course:before {
    content: "\f10a";
}

.flaticon-coffee-cup:before {
    content: "\f10b";
}

.flaticon-add:before {
    content: "\f10c";
}

.flaticon-html-coding:before {
    content: "\f10d";
}


html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'notokufiarabic-regular';
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'notokufiarabic-black';
    text-align: right;
}
h1{
    font-size:18pt;
}
h2 {
    font-size: 16pt;
}
h3 {
    font-size: 14pt;
}
h4 {
    font-size: 12pt;
}
h5 {
    font-size: 10pt;
}
h6 {
    font-size: 8pt;
}
p {
    font-family: 'notokufiarabic-regular';
    text-align: right;
}
a {
    font-size: 12pt;
    font-family: 'notokufiarabic-light';
}