@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Readex+Pro:wght@160..700&display=swap');

:root {
    --arabic-main-font: "Cairo", sans-serif;
}

body {
    font-family: var(--arabic-main-font) !important;
}

.rtl {
    direction: rtl;
    text-align: right;
}

.white-btn {
    margin-left: 0px;
    margin-right: 10px;
}

.succes-boxes {
    margin-left: 70px;
    margin-right: 0px;
}

.succes-boxes h6 {
    margin: 0px 14px 0px 0px;
}

.btn1 .button-text {
    left: 63px;
}

.btn1 .circle .icon.arrow {
    transform: rotate(180deg);
}

.btn1 .circle .icon.arrow::before {
    right: 8px;
    top: -4px;
    transform: rotate(223deg);
}

.button-text-ex-1 {
    left: 48px !important;
}

.button-text-ex-2 {
    left: 38px !important;
}

.job-title {
    text-align: right;
}

.apply {
    margin-left: 0px;
    margin-right: 10px;
}

.hiring-dtil {
    margin: 0px 7px;
}

.form-rdio-label {
    margin-right: 0px;
}

.mr-25 label {
    margin-right: 10px;
}

.chkbox-cntnt {
    margin-right: 10px;
}

.background-video::after{
    background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.7) 30.42%, rgba(0, 0, 0, 0) 61.23%, rgba(115, 115, 115, 0) 100%) !important;
}

.footer-link {
    padding: 35px 100px 0px 0px;
}

footer .nav-section-2 .dropdown {
    border-right: 1px solid #242424;
    border-left: none;
}

footer .nav-section-2 a {
    padding-right: 20px;
}

.social-icons li {
    padding-right: 0px;
    padding-left: 18px;
}

.globe-icon {
    margin-right: 0px;
    margin-left: 8px;
}

.career-box {
    min-height: 390px;
}

.pdng-left{
    padding-left: 0px;
    padding-right: 15px;
}

.career-detail::before{
    transform: rotate(180deg);
    right: -25px;
    left: auto;
}
.career-detail{
    margin-right: 26px;
    padding-right: 13px;
}

.blog-inner-sub-head{
    margin-right: 20px;
    padding-right: 15px;
}

.blog-inner-sub-head::before{
    right: -25px;
}

.search-div svg{
    left: 15px;
    right: auto;
}

.nav-links li .active{
    color: #DD4242 !important;
}

.servic-sec-des img{
    rotate: -10deg !important;
}

.servic-sec-des img:hover{
    transform: rotate(10deg) !important;
}

.main-home-btn svg {
    margin-right: 0px;
    margin-left: 5px;
}

.btn-svg-icon{
    margin-left: 5px;
}

.image-box-column h3{
    text-align: right;
}

.timeline-box p{
    text-align: right;
}

.career-detail p::before{
    right: -25px;
    left: auto;
    transform: rotate(180deg);
}

.arbic-border{
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.brdr-rigt{
    border: none;
}

.arbic-border{
    border-right: 2px solid #6C6C6C;
    border-left: 2px solid #6C6C6C;
    padding-left: 5px;
}

.resposble{
    margin-right: -25px;
}
.upload-label img{
    margin-right: 0px;
    margin-left: 5px;
}

.ar-section-padding{
    margin-bottom: 80px;
}
.nav-section-2 .dropdown-item{
    direction: ltr;
}

.border-lft{
    border-left: none;
    border-right: 1px solid var(--border);
}

.privacy-main-div ul li:before{
    right: -40px;
}

.contact-main-icons h6{
    margin-right: 10px;
    margin-left: 0px;
}

.dark-mode{
    left:30px !important;
    right: auto;
}

.footer-left-contact a{
    float: right;
    text-align: right;
    margin-bottom: 10px;
}

.footer-left-contact{
    width: 40%;
}

.footer-about ul{
    direction: rtl !important;
}
.footer-left-contact a svg {
    width: auto;
    margin-left: 10px;
}

@media screen and (max-width: 1600px) {
    .banner-head{
        font-size: 40px;
    }
    .abt-content h2 {
        font-size: 50px;
    }
    .inner-sub-heading{
        font-size: 35px;
    }
    .timeline-content {
        min-height: 400px;
    }
    .nav-links li a{
        margin-left: 30px;
    }
}

@media screen and (max-width: 1400px) {
    .footer-right-contact a {
        margin-right: 10px;
    }
}


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

    .btn1 .circle .icon.arrow::before{
        right: 2px;
    }
    .btn1 .circle .icon.arrow{
        width: 13px;
    }
    .btn1 .button-text {
        left: 62px;
    }

    .button-text-ex-2 {
        left: 30px !important;
    }
    .career-box{
        min-height: 370px;
    }
    .border-lft{
        padding-right: 20px;
    }
    .career-box{
        min-height: 360px;
    }

}

@media screen and (max-width: 1024px) {
    .servic-sec-des:before{
        left: 0px;
    }
    .banner-head {
        font-size: 30px;
    }
    .footer-left-contact a svg{
        display: none;
    }
    .footer-right-contact {
        width: 90%;
    }
}

@media screen and (max-width: 987px) {
    .servic-sec-des:before{
        left: 0px;
    }
    .social-icons li {
        padding-right: 0px !important;
        padding-left: 12px !important;
    }
    .ar-sam-nav{
        padding-right: 0px !important;
    }
    .nav-box .navbar-collapse{
        left: 0px !important;
        right: auto !important;
        padding: 30px 20px;
    }
    .ipad-nav{
        margin-left: 10px;
    }
    .mob-nav .navbar-brand{
        margin-right: 0px;
    }
}

@media screen and (max-width: 600px) {
    .btn1 .circle .icon.arrow::before {
        right: 5px;
    }
    .btn1 .circle .icon.arrow {
        width: 16px;
    }
    .footer-link {
        padding: 25px 0px 15px 0px;
    }
    .abt-count-no{
        font-size: 60px;
    }
    .main-para br{
        display: none;
    }
    .inner-sub-heading{
        font-size: 25px;
    }

    footer .nav-section-2 a {
      padding-right: 0px; 
    }
    
    .footer-cntry-btn{
        padding-right: 15px;
    }
    
    .mob-nav .navbar-brand img{
        float: left;
    }
   
    .ar-sam-nav{
        padding-right: 20px !important;
    }
    .nav-section-2{
        margin: 15px 20px 0px 0px;
    }
    .ar-section-padding {
        margin-bottom: 40px;
    }
    .servic-sec-des:before {
        left: 0px;
    }
    .footer-left-contact a svg{
        display: block;
    }
    .footer-right-contact {
        width: 60%;
    }
}


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

    .ar-sam-nav {
        padding-right: 0px !important;
    }
}