@font-face {
    font-family: 'swissra_thin';
    src: url(../fonts/swissra/thin.otf);
}
@font-face {
    font-family: 'swissra_normal';
    src: url(../fonts/swissra/normal.otf);
}
@font-face {
    font-family: 'swissra_medium';
    src: url(../fonts/swissra/medium.otf);
}
@font-face {
    font-family: 'swissra_bold';
    src: url(../fonts/swissra/bold.ttf);
}
@font-face {
    font-family: 'swissra_heavy';
    src: url(../fonts/swissra/heavy.otf);
}

@font-face {
    font-family: 'myriadpro_regular';
    src: url(../fonts/myriadpro-regular.OTF);
}


* {
    font-family: 'swissra_normal';
}

body{
    direction: rtl;
    overflow-x: hidden;
}

.navs-container .navbar .nav-link {
    font-family: 'swissra_thin';
}
.navs-container .navbar .has_dropdown .drop_down a {
    font-size: 13px;
}
.navs-container .navbar .lang_butn {
    font-family: 'myriadpro_regular';
    direction: ltr;
    display: flex;
    align-items: center;
}
.navs-container .navbar .lang_butn .icon {
    margin-left: 10px ;
}
.navs-container .navbar .lang_butn:hover {
    color: #fff !important;
}

.header .item .txt_box {
    margin-inline-start: auto;
}
.header .item .txt_box .title {
    font-family: 'swissra_heavy';
}
.header .item .txt_box .p {
    font-size: 31px;
    margin-top: 15px !important ; 
}
.header .act_butns .swiper-button-next::before {
    transform: rotateY(0deg);
}
.header .act_butns .swiper-button-prev::before {
    transform: rotateY(180deg);
}

.has_line {
    font-family: 'swissra_medium';
    font-weight: unset !important;
}

.butn {
    font-family: 'swissra_medium';
}

.service_partner .p {
    font-family: 'swissra_normal';
    font-size: 22px !important;
}

.strategic_division .strategic_box .on_hvr .p {
    display: block;
    width: 100%;
}

.key_proj .txt_box .p {
    font-family: 'swissra_medium';
    font-weight: unset !important;
}
.key_proj .pattern {
    transform: rotateY(180deg);
    right: 0;
    left: unset;
}

.blog_sec .blog_card .card-body .butn {
    margin-inline-start: auto;
}

.shaping_pg .item .shap_card .card-body .title {
    font-size: 25px;
}

.scope_work_pg .item .data_box .txt_box .p {
    font-family: 'swissra_thin';
    line-height: 1.4;
}

.about_comp .journy_box .item:nth-of-type(2) h4.me-3.mb-0.fs-1 {
    color: #00b9d4;
}
.about_comp .historical_box .hist_title {
    font-size: 29px;
}
.about_comp .historical_box .inner_box .inner .item .p {
    -webkit-text-stroke: unset;
}

.governance_pg .governance_txt .p {
    font-size: 28px;
}

.shaping_sec .pattern {
    transform: rotateY(180deg);
    left: 0;
    right: unset;
}

.shaping_sec .txt_box .p {
    font-size: 25px !important;
}

.about_comp .journy_box .item .year {
    order: -1;
}
.about_comp .journy_box .item h4 {
    margin-left: 1rem !important;
    margin-inline-start: 1rem !important;
}

.governance_pg .governance_txt .p {
    line-height: 3rem;
}
.governance_pg .chairman_box .img_box .chairman_data {
    inset-inline-start: unset;
    left: -20px ;
    padding: 10px 4vw;
}
.governance_pg .chairman_box .img_box .chairman_data .name {
    font-family: 'swissra_medium';
    font-weight: unset !important;
}
.governance_pg .chairman_box .col-lg-7 {
    order: -1;
}
.governance_pg .chairman_box .txt_box .p {
    line-height: 1.5;
}
.governance_pg .board_members .txt_box .p {
    line-height: 1.7;
}
.governance_pg .board_members .txt_box .text-end {
    text-align: start !important;
}
.governance_pg .board_members .txt_box .job_title {
    margin-inline-start: unset !important;
}
.governance_pg .pattern1 {
    bottom: 8%;
}

.pg_header .bread .item::after {
    transform: rotateY(180deg);
}

.pillars_pg .pillars_txt .p {
    font-size: 29px;
    line-height: 1.5;
}
.pillars_pg .pillars_txt .subtitle {
    margin-top: 12px;
}
.pillars_pg .pillars_txt .title {
    font-weight: unset !important;
    font-family: 'swissra_medium';
}
.pillars_pg .item_row .row {
    flex-direction: row-reverse;
}
.pillars_pg .item_row .txt_box .icon {
    margin-inline-start: unset;
}
.pillars_pg .item_row .img_box .img_title.text-end {
    text-align: unset !important;
}
.pillars_pg .item_row .img_box .img_title {
    padding-inline-start: 12vw;
    padding-inline-end: unset;
}
.pillars_pg .item_row.last_child .img_box .img_title {
    padding-inline-start: unset;
    padding-inline-end: 12vw;
    text-align: end;
}
.pillars_pg .values_box .sec_head .ms-lg-5 {
    margin-inline-start: 0 !important;
}
.governance_pg .pattern2 {
    bottom: -7%;
}

.ceo_pg .col-lg-6:last-child {
    order: -1;
}
.ceo_pg .img_box .chairman_data {
    padding-inline-start: 45px;
    inset-inline-start: unset;
    left: 0;
}
.ceo_pg .txt_box .title {
    font-size: 40px;
    width: fit-content;
}
.ceo_pg .txt_box .p {
    font-size: 23px;
    line-height: 1.6;
}


.shaping_pg .sec_head {
    width: 100%;
}
.shaping_pg .sec_head .title{
    font-weight: unset !important;
}
.shaping_pg .sec_head .p {
    font-size: 25px;
    line-height: 1.4;
    text-align: start !important;
}
.shaping_pg .item .shap_card .img_box .date {
    padding-inline-start: 0;
    justify-content: end;
    padding-inline-end: 3vw;
}
.shaping_pg .row{
    flex-direction: row-reverse;
}
.shaping_pg .item .shap_card .card-body .logo {
    left: 45px;
    right: unset;
}
.shaping_pg .item .shap_card .card-body .title.col-lg-10 {
    width: 100%;
}
.shaping_pg .item .shap_card .card-body .p {
    margin-top: 15px;
    line-height: 1.4;
}

.tech_system_pg .row:first-child .col-lg-4 {
    order: -1;
}
.tech_system_pg .txt_box .p {
    line-height: 1.5;
}
.tech_system_pg .tech_box .inner .txt_inner .p {
    font-size: 18px;
    line-height: 1.8;
}
.tech_system_pg .tech_box .inner .icon_box .badge {
    padding-block: 0.2rem;
    line-height: 1.4;
    padding-inline: 1rem;
    font-size: 14px;
}

.landscaping_pg .pattern {
    left: 0;
    right: unset;
    transform: rotateY(180deg);
}
.landscaping_pg .landscaping_txt .lg_title {
    line-height: 1.4;
    font-weight: unset !important;
    font-family: 'swissra_medium';
}

.key_projects_pg .item .row {
    flex-direction: row-reverse;
}

.facility_management_pg .txt_box .badge  {
    clip-path: polygon(100% 0, 100% 55%, 97% 100%, 0 100%, 0 0);
}
.facility_management_pg .tech_box .inner .icon_box .badge {
    font-size: 14px;
}

.blog_sec .blog_card .card-body .title {
    height: 96px;
    font-weight: unset !important;
}
.blog_det_pg .pg_title {
    font-size: 39px !important;
    font-weight: unset !important;
}
.blog_det_pg .card-body .p {
    font-size: 29px;
    line-height: 1.8;
}

.gallery_pg .gallery_card .inner .row {
    flex-direction: row-reverse;
}
.gallery_pg .gallery_card .inner .icon {
    margin-inline-start: auto;
    display: block;
}
.gallery_pg .gallery_card .inner .label {
    font-size: 40px;
}
.gallery_pg .pg_title {
    font-size: 55px !important;
    font-weight: unset !important;
}


.spacemaker_pg .sec_head_box .p {
    font-size: 28px;
}
.spacemaker_pg .item .row {
    flex-direction: row-reverse;
}

.contact_pg .txt_contact_head .p {
    font-size: 26px;
    line-height: 1.5;
}
.contact_pg .txt_contact_head .social_links .link a {
    margin-inline-start: unset;
}
.contact_pg .career_box .txt_box .subtitle {
    font-size: 27px;
}
.contact_pg .career_box .txt_box .p {
    font-size: 25px;
}
.contact_pg .form_outer .row.justify-content-between.mt-3 {
    flex-direction: row-reverse;
}
.contact_pg .form_outer form .uploading_file {
    margin-inline-start: auto;
}
.contact_pg .form_outer .row {
    flex-direction: row-reverse;
}

.key_projects_pg .sec_head .p {
    line-height: 1.5; 
}
.key_projects_pg .item .proj_box_lg .txt_box .p {
    font-size: 23px;
    line-height: 1.5;
}
.key_projects_pg .item:last-child .proj_box_lg .txt_box .title {
    font-size: 30px;
    line-height: 1.5;
}


@media (min-width: 992px) {
   .gallery_pg .gallery_card .inner .col-lg-5 {
        width: 60.666667%;
    }
    .pillars_pg .item_row .txt_box.pe-lg-5 {
        padding-left: 0rem !important;
        padding-right: 3rem !important;
    }
    .pillars_pg .item_row .col-lg-7.pe-lg-5 {
        padding-left: 0rem !important;
        padding-right: 3rem !important;
    }
    .key_projects_pg .sec_head .p {
        width: 70%;
        margin: auto;
    }


}

@media (max-width: 992px)  {

    .blog_det_pg .pg_title ,
    .ceo_pg .txt_box .title ,
    .gallery_pg .pg_title ,
    .governance_pg .governance_txt .has_line ,
    .key_projects_pg .sec_head .title ,
    .shaping_pg .sec_head .title ,
    .spacemaker_pg .item .txt_box .title   {
        font-size: 30px !important;
    }

    .about_comp .historical_box .hist_title  {
        font-size: 22px;
    }

    .about_comp .main_box .txt_box .p, 
    .about_comp .journy_box .item .p, 
    .blog_det_pg .card-body .p, 
    .key_projects_pg .sec_head .p, 
    .key_projects_pg .item .proj_box_lg .txt_box .p, 
    .pillars_pg .pillars_txt .p, 
    .pillars_pg .item_row .txt_box .p, 
    .pillars_pg .values_box .value_item .inner .p  ,
    .governance_pg .governance_txt .p ,
    .governance_pg .chairman_box .txt_box .p  ,
    .governance_pg .board_members .txt_box .p ,
    .spacemaker_pg .item .txt_box .p ,
    .contact_pg .career_box .txt_box .p ,
    .contact_pg .whistleblowing_box .p ,
    .spacemaker_pg .sec_head_box .p  ,
    .shaping_pg .sec_head .p ,
    .ul li ,
    .ceo_pg .txt_box .p ,
    .contact_pg .txt_contact_head .p ,
    .contact_pg .career_box .txt_box .subtitle , 
    .service_partner .p ,
    .key_proj .txt_box .p {
        
        font-size: 16px !important;
        line-height: 1.5;
    }

    .facility_management_pg .txt_box .badge {
        font-size: 14px;
        line-height: 1.4;
    }


    .gallery_pg .gallery_card .inner .icon {
        margin-inline: auto;
    }

    .contact_pg .form_outer .row.justify-content-between.mt-3 {
        flex-direction: column-reverse;
    }


}