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

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

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

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

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

@font-face {
    font-family: Cairo-SemiBold;
    src: url(../fonts/Cairo-SemiBold.ttf);
}
@font-face {
    font-family: AvenirLTStd-Book;
    src: url(../fonts/AvenirLTStd-Book_1.otf);
}
body {
    font-family: Cairo-Regular;
}
.switcher-btn {
    font-family: AvenirLTStd-Book;
}
.theam-heading {
    font-family: Cairo-Black;
}

.p-text {
    font-family: Cairo-Light;
}

.font-48 {
    font-family: Cairo-Black;
}

.font-20 {
    font-family: Cairo-Light;
}

.font-30 {
    font-family: Cairo-SemiBold;
}

.nav-pills>li+li {
    margin-left: 2px !important;
    margin-right: 0 !important;
}

.font-80 {
    font-family: Cairo-Regular;
}

.dir-ltr {
    direction: ltr;
}

.header-helpline li a {
    direction: ltr;
}

.slick-slider {
    direction: ltr;
}

.p-r-40 {
    padding-right: 0rem;
}

.img-box {
    margin-right: 0rem;
    margin-left: 4rem;
}

.img {
    margin-left: 2rem;
    margin-right: 0rem;
}

.border-right-gray {
    border-left: 2px solid #E1E1E1;
    border-right: none;
}

.android-points p::before {
    right: -22px;
    left: auto;
    transform: scale(-1);
}

.android-points .p-text {
    margin-right: 2rem;
    margin-left: 0rem;
}

.img-box .font-48 {
    direction: ltr;
    text-align: right;
}

footer .font-medium {
    text-align: right;
}

footer .font-small {
    text-align: right !important;
}

.riyadh-img {
    margin-left: 5rem;
    margin-right: 0rem;
}

.address img {
    margin-left: 1rem;
    margin-right: 0rem;
}

.phone img {
    margin-left: 1rem;
    margin-right: 0rem;
}

.mail img {
    margin-left: 1rem;
    margin-right: 0rem;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "\f104";
    font-family: FontAwesome;
    display: inline-block;
}

.recent-articles .col-md-4 {
    padding-right: 0;
    padding-left: 0;
}

.contact-info-box-call {
    direction: ltr;
    text-align: right;
}

.contact-info-box-mail {
    direction: ltr;
    text-align: right;
}

.social-icons-container li a {
    margin-left: 1rem;
    margin-right: 0rem;
}

.web-design-box .android-points .p-text {
    margin-left: 0rem;
    margin-right: 2rem;
}

.p-0 {
    padding: 0;
}

.submenu span {
    margin-left: 1rem;
    margin-right: 0rem;
}

.home-header-slider .slick-dots {
    top: 78%;
    width: 100%;
    list-style: none;
    text-align: center;
    right: auto;
    left: 37%;
}

.home-banner-left-box {
    text-align: right;
}

.link {
    float: right;
}

.home-banner-left-box .small-text-heading::before {
    left: auto;
    right: -54px;
}

.home-banner-left-box .small-text-heading {
    margin-right: 6rem;
    margin-left: 0rem;
}

@media screen and (max-width: 768px) {
    .home-banner-left-box .small-text-heading {
        margin-right: 0rem;
        margin-left: 0rem;
    }
    .home-banner-left-box {
        text-align: center;
    }
    .link {
        float: none;
    }
    .home-header-slider .slick-dots {
        top: 95%;
        left: 0%;
        right: auto;
    }
    .header-wrapper {
        text-align: right;
    }
    .navigation__button {
        right: auto;
        left: 3rem;
    }
    .navigation__background {
        right: auto;
        left: 3rem;
    }
    .navigation__link:link {
        direction: ltr;
    }
    .tech-stack .text-center {
        text-align: right;
    }
    .p-r-40 {
        padding-right: 0rem;
        padding-left: 0rem;
    }
    .border-right-gray {
        border-left: none;
        border-right: none;
    }
    .android-points .p-text {
        margin-right: 2rem;
        margin-left: 0rem;
    }
    .img-box {
        margin-right: 0rem;
        margin-left: 0rem;
    }
    .img {
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .img-box .font-48 {
        direction: ltr;
        text-align: center;
    }
    

}

@media only screen and (min-width:769px) and (max-width: 1199px) {
    .header-wrapper {
        text-align: right;
    }
    .navigation__button {
        right: auto;
        left: 3rem;
    }
    .navigation__background {
        right: auto;
        left: 3rem;
    }
    .navigation__link:link {
        direction: ltr;
    }
    .tech-stack .text-center {
        text-align: right;
    }
    .p-r-40 {
        padding-right: 0rem;
        padding-left: 0rem;
    }
    .border-right-gray {
        border-left: none;
        border-right: none;
    }
    .android-points .p-text {
        margin-right: 2rem;
        margin-left: 0rem;
    }
    .img-box {
        margin-right: 0rem;
        margin-left: 0rem;
    }
    .img {
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .img-box .font-48 {
        direction: ltr;
        text-align: center;
    }
}

.content-list {
    padding-right: 2rem;
}

.phone {
    display: flex;
    align-items: center;
    margin: 2rem 0rem;
    direction: ltr;
    text-align: left;
    justify-content: right;
    flex-direction: row-reverse;
}

.contact-info-box-call a,
.contact-info-box-mail a {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
}

.contact-info-box-call a span,
.contact-info-box-mail a span {
    display: inline-block;
    margin: 0 .8rem;
}

.contact-info-box-call a span,
.contact-info-box-mail a span {
    display: inline-block;
    margin-left: .8rem;
    margin-right: 0;
}
.header-wrapper {
  
    text-align: right;
   
}
.content-list li {

  
    padding-right: 2rem;
}
.content-list li::before {
    content: '';
  
    left: auto;
  
    right: 0;
}


.iosMenuIcon::before {
    right: 1.5rem;
}
.androidIcon::before{
    right: 1.5rem;
}
.webIcon::before{
    right: 1.5rem;
}
.domainIcon::before{
    right: 1.5rem;
}
.liveChatIcon::before{
    right: 1.5rem;
}
.hostingMenuIcon::before{
    right: 1.5rem;
}
.crmMenuIcon::before{
    right: 1.5rem;
}
.digitalMenuIcon::before{
    right: 1.5rem;
}
.apiMenuIcon::before{
    right: 1.5rem;
}
.TechnicalMenuIcon::before{
    right: 1.5rem;
}
.ecommerceMenuIcon::before{
    right: 1.5rem;
}
.heafer-left-box {
    text-align: right;
}
/* new css */
.contact-info-box-call a span{
    transform: rotateY(180deg);
}


.fitness-container{
    background:url("../images/fitness-banner.png"), url("../images/fitness-bg-shape.svg"),url("../images/fitness-bg.svg");
    background-position:center left,0% 101%, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 800px 400px,contain,cover;
    height: 75rem;
    padding-top: 85px;
}
.flex-rigth{
    text-align: left;
}
.crm-container{
    background:url("../images/crm-banner.png"), url("../images/fitness-bg-shape.svg"),url("../images/fitness-bg.svg");
    background-position:center left,0% 101%, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 600px 400px,contain,cover;
    height: 75rem;
    padding-top: 85px;
}
@media screen and (max-width: 1400px) {
    .fitness-container{
        background-size: 600px 300px,contain,cover;
        padding-top: 50px;
    }
    .crm-container{
        
        background-size: 400px 300px,contain,cover;
    }
}



@media screen and (max-width: 991px) {
    .fitness-container h1{
        font-size: 32px;
        margin-top: 50px;
    }
    .fitness-container p{
        font-size: 16px;
    }
    .fitness-container{
        background-position:bottom center, bottom, center;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 500px 250px,contain,cover;
        background-position:center bottom,0% 103%, center;
        height: 68rem;
        padding-top: 50px;
    }
    .crm-container{
        background-size: 400px 300px,contain,cover;
        background-position:center bottom,0% 103%, center;
    }

}
@media screen and (max-width: 650px) {

    .fitness-container{
        background-position:bottom center, bottom, center;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 400px 200px,contain,cover;
        height: 85rem;
        padding-top: 50px;
    }
    .crm-container{
        height: 72rem;

    }
}