@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap');


body{
    direction: rtl;
    /*font-family: 'Vazirmatn', sans-serif;*/
    font-family: Helvetica_ar_roman;
}

*,
.butn,
.navs-container .navbar .nav-link,
.header .item .title,
.services-sec .serv_item .content .label,
.link_butn span,
.contact-pg .contact_box .contact_data .contact_item .title,
.services-pg2 .service_card .title,
.about-sec .text-box .p,
.timeline-sec .timeline_item .det,
.pg-header .bread .pg_link,
.about-pg .text-box .p,
.story-pg .story_inner .card-body .p,
.story-pg2 .main_inner .box .text_box .p,
.contact-pg .careers_box .text_box .p,
.impact-pg .main_inner .box .text_box .p,
.services-pg .text_box .p,
.services-pg .text_box .p *,
.footer .content .links a,
.features-pg .txt_p *,
.doing-pg .text_box .custom_ul .li .txt .p,
.support-operational .custom_ul .li .txt .p{
    /*font-family: 'Vazirmatn', sans-serif;*/
    font-family: Helvetica_ar_roman;
}

.header .item .headline{
    /*font-family: 'Vazirmatn', sans-serif !important;*/
    font-family: Helvetica_ar_roman;
}

.progress-wrap {
    right: 20px;
    left: unset;
}

.services-sec .route{
    left: auto;
    right: -3%;
    transform: rotateY(180deg);
}

.link_butn::before{
    transform: translate(-8px, 8px);
}

.link_butn:hover span {
    transform: translate(-8px, 8px);
}

.timeline-sec .route{
    transform: translateY(-50%) rotateY(180deg);
}

.timeline-sec .timeline_item:nth-child(1) {
    left: auto;
    right: 0%;
}

.timeline-sec .timeline_item:nth-child(2) {
    left: auto;
    right: 0%;
}

.timeline-sec .timeline_item:nth-child(3) {
    top: 80px;
    left: auto;
    right: -3%;
}

.timeline-sec .timeline_item:nth-child(4) {
    left: auto;
    right: 12%;
}

.timeline-sec .timeline_item:nth-child(5) {
    left: auto;
    right: 19%;
}

.timeline-sec .timeline_item .det{
    left: auto;
    right: 45px;
}

.downloading-sec .col-lg-4 {
    margin-right: auto;
}

.services-pg .text_box{
    margin-left: auto;
    margin-right: -100px;
}

.features-pg::before{
    left: unset;
    right: 0;
}

.drives-pg .box .txt_content .custom_ul .li p, .drives-pg .box .txt_content ul li p{
    color: #fff;
}

.drives-pg .box .txt_content .custom_ul .li::before {
    right: -17px;
    left: auto;
}

.our-impact h1, .our-impact .h1 {
    font-size: 30px;
}

.contact-pg .careers_box .img_box::before{
    right: 0;
    left: auto;
}

.navs-container .navbar .nav-link{
    font-weight: bold;
    font-size: 18px;

}

.about-sec .text-box .title{
    font-size: 80px;
}

[type="tel"], [type="url"], [type="email"], [type="number"] {
    direction: rtl;
}

.job-det .form_box .upload-main-wrapper .upload-wrapper .file-upload-text{
    left: auto;
    right: 65px;
}

.contact-sec .form_box .num-grpup .flag_dropdown{
    left: auto;
    right: 13px;
}

.drop_down .nav-link::after {
    right: auto;
    left: -5px;
    top: 45px;
}

.drop_down .drop_down_menu {
    left: auto;
    right: 0;
}

.navs-container .navbar .nav-link {
    padding: 35px 30px;
}

.fa-angle-right,
.link_butn span .send_icon{
    transform: rotate(180deg);
}









@media (max-width: 992px) {
    .mob_line {
        left: auto;
        right: 0;
    }
    
    .timeline-sec .timeline_item .timeline_mark{
        transform: rotate(-90deg);
        left: auto;
        right: -100px;
    }
    
    .timeline-sec {
        padding-right: 100px;
    }
    
    .timeline-sec .timeline_item:nth-child(1) {
        margin-right: 95px;
    }
    
    .timeline-sec .timeline_item:nth-child(2) {
        margin-right: 77px;
    }
    
    
    .timeline-sec .timeline_item:nth-child(3) {
        margin-right: 140px;
    }
    
    .timeline-sec .timeline_item:nth-child(4) {
        margin-right: 60px;
    }
    
    .timeline-sec .timeline_item:nth-child(5) {
        margin-right: 30px;
        width: 320px;
    }
    
    .timeline-sec .timeline_item .det{
        right: 0;
    }
    
    .navs-container .navbar .nav-link {
        padding: 10px 20px;
    }
    
    .drop_down .nav-link::after {
        right: auto;
        left: -5px;
        top: 20px;
    }

    
    
}