@font-face {
    font-family: "Cairo-Black";
    src: url("fonts/Cairo-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo-Bold";
    src: url("fonts/Cairo-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo-ExtraBold";
    src: url("fonts/Cairo-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo-Medium";
    src: url("fonts/Cairo-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Cairo-Light";
    src: url("fonts/Cairo-Light.ttf") format("truetype");
}

@font-face {
    font-family: "DroidKufi-Bold";
    src: url("fonts/DroidKufi-Bold.ttf") format("truetype");
}

body {
    font-family: "Cairo-Medium", sans-serif;
    font-weight: normal;
    font-style: normal;
}

.content-header h1 {
    font-size: 25px;
}

#hero h1,
#hero h1 span {
    font-size: 43px;
}

#hero h2 {
    font-size: 17px;
    line-height: 29px;
}

#hero .btn-watch-video span {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
#hero h1 , #hero h2 , #hero .btn-get-started{
    font-family: "DroidKufi-Bold", sans-serif !important;
}

.navbar a,
.navbar a:focus {
    font-family: "DroidKufi-Bold", sans-serif;
}

.about .content h3 {
    line-height: 35px;
    font-size: 17px;
}

.featured-services .title{
    font-size: 16px !important;
}

.about .content ul i {
    margin-right: 0 !important;
    margin-left: 15px;
}

#topbar .contact-info i a,
#topbar .contact-info i span {
    padding-right: 5px;
}

.modal-body input,
.modal-body textarea {
    font-family: "DroidKufi-Bold", sans-serif;
    font-size: 14px;
    font-weight: 200;
}

@media only screen and (max-width: 768px) {
    .section-title h3 {
        font-size: 20px !important;
    }
}

.about .content ul .img-box {
    margin-right: 0;
    margin-left: 6px;
}

.modal-header .btn-close {
    margin: 0 !important;
}


.featured-services .title a{
    color: #393939;
    line-height: 25px;
    font-weight: 300;
    font-size: 16px;
}