@font-face {
    font-family: 'Tajawal-Bold';
    src: url('./../fonts/Tajawal/Tajawal-Bold.ttf');
}

@font-face {
    font-family: 'Tajawal-Light';
    src: url('./../fonts/Tajawal/Tajawal-Light.ttf');
}

@font-face {
    font-family: 'Tajawal-Medium';
    src: url('./../fonts/Tajawal/Tajawal-Medium.ttf');
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('./../fonts/Tajawal/Tajawal-Regular.ttf');
}

@font-face {
    font-family: 'Changa-Regular';
    src: url('./../fonts/Changa/Changa-Regular.woff2');
}

@font-face {
    font-family: 'Changa-semiBold';
    src: url('./../fonts/Changa/Changa-SemiBold.woff2');
}

body {
    direction: rtl;
    font-family: 'Changa-Regular';
}

h1,
h2,
h3,
.banner-partner h4,
.home-about h4,
.home-about.page-about h6,
.home-about.page-manager h6 {
    font-family: 'Changa-semiBold';
}
.content-banner h1,
.content-banner h2,
.content-banner h3{
    font-family: 'Changa-Regular';
}
.footer-bottom a img {
    margin-left: 10px;
    margin-right: unset;
}
.btn-call {
    right: 10px;
}
.bredcrumb .link-back img {
    left: 0;
    right: unset;
  transform: translate(0, -50%) rotate(0deg);
}
.input-live-search.input-group > .form-control:not(:last-child) {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.input-live-search.input-search-style.input-group > .input-group-append > .input-group-text {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.home-about .img-container {
    border-radius: 0 20px 20px 0;
}
.calculation-link span {
    left: -9px;
}
@media (min-width: 768px) {

    .navbar-header,
    .navbar-nav {
        float: right;
    }

    .navbar-right {
        float: left !important;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: right;
    }

    .navbar-nav>li {
        float: right;
    }
}

@media (max-width: 768px) {
    .navbar-toggle {
        float: left
    }

    .navbar-brand {
        float: right
    }
}