@font-face {
    font-family: 'FF Shamel Family Unique Bold';
    src: url('/fonts/SF-Bold.ttf');
}

@font-face {
    font-family: 'FF Shamel Family Unique Book';
    src: url('/fonts/SF-Book.ttf');
}

@font-face {
    font-family: 'FF Shamel Family Unique Light';
    src: url('/fonts/SF-Light.ttf');
}

@font-face {
    font-family: 'FF Shamel Family Unique Medium';
    src: url('/fonts/SF-Medium.ttf');
}

body {
    font-family: "FF Shamel Family Unique Bold";
    direction: rtl;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "FF Shamel Family Unique Bold";
}


#hero .btn-get-started {
    font-family: "FF Shamel Family Unique Bold";
}

.section-title h2 {
    font-family: "FF Shamel Family Unique Bold";
}

.section-title p {
    font-family: "FF Shamel Family Unique Medium";
}

.about .count-box p {
    font-family: "FF Shamel Family Unique Medium";
}

.about .count-box a {
    font-family: "FF Shamel Family Unique Medium";
}

#footer .footer-top .footer-info p {
    font-family: "FF Shamel Family Unique Medium";
}


.about .count-box i {
    float: right;
}

.member h4::after {   
    right: 0;
}

.member .social {
    right: auto;
    left: 15px;
}

.services .icon-box img {
    float: right;
}

.project-images-btn {
    left: auto;
    right: 7.4rem;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
    right: auto;
    left: 50px;    
}

.portfolio .portfolio-item .portfolio-info .details-link {
    right: auto;
    left: 15px;
}

.navbar-mobile .mobile-nav-toggle {
    right: auto;
    left: 15px;
}