/* color: $primary-color; */
/* rgba(47, 85, 212, .03) */
/* ------------------------------------------------
  Project:   Techstation
  coder: Bassem Ahmed
----------------------------------------------- */
/* @import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500&display=swap');

* {
    font-family: 'El Messiri', sans-serif;
} */

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@500&display=swap');

* {
    font-family: 'Noto Kufi Arabic', sans-serif;
} */

/* @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500&display=swap');

* {
    /* font-family: 'Almarai', sans-serif; */
    font-family: 'Cairo', sans-serif;
}

/*--------------------------------------
----------------------------------------
	AR Style sheet
  --------------------------------------
---------------------------------------*/

.sv-icon-btn-cl {
    margin-left: 6px;
    margin-right: initial;
    transform: rotateY(180deg);
}

.img-rotate-ar-cl {
    transform: rotateY(180deg);
}

/* --------------- clients style 9 --------------- */

.clients.style-9 .client-card:hover .info a {
    margin-right: 0;
    margin-left: initial;
}

.clients.style-9 .client-card .info a {
    margin-right: -20px;
    margin-left: initial;
}

.clients.style-9 .client-card .info a .icon-arrow-wid-cl {
    -webkit-animation: initial;
    animation: initial;
    transform: rotateY(180deg);
}

/* --------------- projects style-7 --------------- */

.projects.style-7 .content {
    padding-right: calc(calc(100vw - 1170px) / 2);
    padding-left: initial;
}

.projects.style-7 .projects-tabs .nav-pills .nav-item .nav-link {
    margin-right: -20px;
    margin-left: initial;
}

.projects.style-7 .projects-tabs .nav-pills .nav-item .nav-link:hover,
.projects.style-7 .projects-tabs .nav-pills .nav-item .nav-link.active {
    margin-right: 0;
    margin-left: initial;
}

.projects.style-7 .projects-tabs .swiper-button-next,
.projects.style-7 .projects-tabs .swiper-container-rtl .swiper-button-prev {
    left: auto;
}

.projects.style-7 .projects-tabs .swiper-button-prev {
    right: 60px;
}

@media screen and (min-width: 991px) {
    .projects.style-7 .section-head {
        padding-left: 50px;
        padding-right: initial;
    }
}

/* --------------- screenshots style-11 --------------- */

.screenshots.style-11 .links .img::after {
    right: 25px;
    left: initial;
}

.screenshots.style-11 .links .row .col-lg-2:nth-of-type(1) .img::after {
    -webkit-transform: rotate(74deg);
    -ms-transform: rotate(74deg);
    transform: rotate(74deg);
}
.screenshots.style-11 .links .row .col-lg-2:nth-of-type(2) .img::after {
    -webkit-transform: rotate(66deg);
    -ms-transform: rotate(66deg);
    transform: rotate(66deg);
}
.screenshots.style-11 .links .row .col-lg-2:nth-of-type(3) .img::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.screenshots.style-11 .links .row .col-lg-2:nth-of-type(4) .img::after {
    -webkit-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    transform: rotate(-17deg);
}
.screenshots.style-11 .links .row .col-lg-2:nth-of-type(5) .img::after {
    -webkit-transform: rotate(-57deg);
    -ms-transform: rotate(-57deg);
    transform: rotate(-57deg);
}
.screenshots.style-11 .links .row .col-lg-2:nth-of-type(6) .img::after {
    -webkit-transform: rotate(-71deg);
    -ms-transform: rotate(-71deg);
    transform: rotate(-71deg);
}

.screenshots.style-11 .main-img .link-icon {
    right: calc(50% - 28px);
    left: initial;
}

.projects.style-7 .projects-tabs .nav-pills .nav-item .nav-link i {
    transform: rotateY(180deg);
}
/* end */

.section-head h6 {
    letter-spacing: initial;
}

/* --------------- choose-us style-7 --------------- */

.choose-us.style-7 .top-wave {
    right: 0;
    left: initial;
}
.choose-us.style-7 .bottom-wave {
    right: 0;
    left: initial;
}
.choose-us.style-7 .choose-circle {
    left: -165px;
    right: initial;
}

.choose-us.style-7 .info li .icon {
    margin-left: 25px;
    margin-right: initial;
}

/* --------------- inner-header style-5 --------------- */
.inner-header.style-5 .content .links a {
    padding-left: 20px;
    padding-right: initial;
    border-left: 1px solid #9993;
    border-right: none;
    margin-left: 20px;
    margin-right: initial;
}

.inner-header.style-5 .content .side-img {
    left: 0;
    right: initial;
}

/* ------- about us ------ */
.about-page.style-2 .about.style-2 .info .nav .nav-item .nav-link::before {
    right: 0;
    top: 10px;
    left: initial;
}

.about-page.style-2 .about.style-2 .info .nav .nav-item .nav-link {
    padding-right: 20px;
    padding-left: initial;
}

/* -------- pricing--------- */
.pricing.style-5 .pop-info .hidden_content {
    left: initial;
    right: 15px;
}

.pricing.style-5 .content .price-head .slide-hand-cl {
    right: -10px;
    left: initial;
    transform: rotateY(180deg);
}

.to_top.show {
    left: 30px;
right: initial;
}
/* ========== Start quick call action ========= */
#quick-call-div {
    left: 20px;
    right: initial;
}

#quick-call-butt-hash {
    left: 0;
    right: initial;
}

#quick-call-butt-hash ~ button {
    left: 0;
    right: initial;
}

#quick-call-butt-hash.open-cl ~ button {
    left: 70px;
    right: initial;
}

#quick-call-butt-hash ~ a {
    left: 0;
    right: initial;
}
.ad-banner-close-svg {
    right: 6px;
}
/* ========== end quick call action ========= */