@font-face {
    font-family: 'Araboto';
    src: url('assets/fonts/Araboto-Black.eot');
    src: url('assets/fonts/Araboto-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Araboto-Black.woff2') format('woff2'),
        url('assets/fonts/Araboto-Black.woff') format('woff'),
        url('assets/fonts/Araboto-Black.ttf') format('truetype'),
        url('assets/fonts/Araboto-Black.svg#Araboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Araboto';
    src: url('assets/fonts/Araboto-Bold.eot');
    src: url('assets/fonts/Araboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Araboto-Bold.woff2') format('woff2'),
        url('assets/fonts/Araboto-Bold.woff') format('woff'),
        url('assets/fonts/Araboto-Bold.ttf') format('truetype'),
        url('assets/fonts/Araboto-Bold.svg#Araboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Araboto';
    src: url('assets/fonts/Araboto-Normal.eot');
    src: url('assets/fonts/Araboto-Normal.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Araboto-Normal.woff2') format('woff2'),
        url('assets/fonts/Araboto-Normal.woff') format('woff'),
        url('assets/fonts/Araboto-Normal.ttf') format('truetype'),
        url('assets/fonts/Araboto-Normal.svg#Araboto-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1{font-family:"Araboto";font-weight:900;font-size:4.8rem;line-height: 1.4;}
h2{font-family:"Araboto";font-weight:900;font-size:4rem;line-height: 1.4;}
@media (max-width: 1250px) {
  /* Same small-phone floor fix as English h1/h2 in style.css - this file loads after
     style.css and its bare h1/h2 rules (no media query of their own) were overriding
     that fix back to the plain fluid scale (43.2px/36px minimum), so headings still
     looked huge on small screens even though English was already fixed. Continuous
     with the >1250px 4.8rem/4rem sizes, only the small-phone end moved. */
  h1{font-size:clamp(26px, calc(22.27px + 0.9947vw), 34.7px);}
  h2{font-size:clamp(24px, calc(21.89px + 0.5623vw), 28.92px);}
}
h3{font-family:"Araboto";font-weight:bold;font-size:2.1rem;line-height: 1.4;}

.text{font-family:"Araboto";font-weight:normal;font-size:1.8rem;line-height: 2.4rem;}
.text strong, .text b{font-weight:600;}
.text ul{margin-right:0;}

.text1{font-family:"Araboto";font-weight:normal;font-size:1.8rem;line-height: 2.4rem;}
.text1 strong, .text1 b{font-weight:bold;}

.page-info-layer-left{left:auto;right:-25px;}
.page-info-layer-right{right:auto;left:0;}
.pageinfolayerleft, .pageinfolayerright{transform: scaleX(-1);}

.page-loader-bar{left:auto;right:0;}
.animate-intro-bar{left:auto;right:0;}
.simple-button .button-text{font-family: 'Araboto';font-weight:bold;font-size:1.4rem;line-height:1.6rem;}
.custom-button .button-text{font-family: 'Araboto';font-weight:bold;font-size:1.4rem;line-height:1.4rem;}

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

.language-switcher ul li a{font-family: 'Poppins';font-weight:400;font-size:1.4rem; line-height: 1;}
.language-switcher ul li.current-lang a{font-weight:600;}
.language-switcher ul li a:after {left:auto;right: 50%;margin-left:0;margin-right: -6px;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{transform: translate(50%, -130%);}
#mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {transform: translate(50%, 0);}
.mega-indicator{margin: 0 6px 0 0 !important;}
.mega-menu-link{font-family:"Araboto" !important;font-weight:bold !important;font-size:1.4rem !important;}
#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {padding: 25px 110px 45px 25px !important;left:auto !important;right: 50% !important;}
#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu:before{left:auto;right:0;transform: scaleX(-1);}
#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu:after{right:auto;left:0;transform: scaleX(-1);}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {float: right !important;}
.mega-menu-column:last-child{margin-right: 0 !important;margin-left: 0 !important;}
.mega-menu-full-box .mega-menu-item, .mega-menu-full-box .mega-menu-item .mega-block-title{font-family:"Araboto" !important;font-weight:bold !important;font-size:1.8rem !important;line-height: 1.4 !important;text-align:right !important;}

.mega-menu-full-box .mega-menu-item .mega-menu-link{font-family:"Araboto" !important;font-weight:normal !important;font-size:1.6rem !important;line-height: 1 !important;}

.footer-logo:before{left:auto;right:-120px;transform: scaleX(-1);}
.footer-nav ul li a{font-family:"Araboto";font-weight:normal;font-size:1.4rem;line-height: 1.2;}
.footer-nav ul li.footer-menu-header a{font-family:"Araboto";font-weight:bold;font-size:1.6rem;line-height: 1;}
.footer-social-title{font-family:"Araboto";font-weight:bold;font-size:1.6rem;line-height: 1;}
.footer-row .header-button:before{right:auto;left:0;transform: scaleX(-1);}

.copyright, .credits{font-family:"Araboto";font-weight:normal;font-size:1.2rem;line-height: 1;}

.vision{margin-left:0;margin-right: auto;text-align: left;}
.button-icon{margin-right:0;margin-left:10px;}
.button-icon svg {transform: scaleX(-1);}
.home-bottom-z{right:auto;left:-1px;}
.home-bottom-z svg{transform: scaleX(-1);}
.project-card a .card-icon{right:auto;left:10px;}
.bottom-z{right:auto;left:-1px;}
.bottom-z svg{transform: scaleX(-1);}

.inside-banner-file{left:auto;right:50%;}
.inside-banner-section .page-section:before{left:auto;right:0;transform:scaleX(-1);}
.wpcf7 form{text-align: right;}
.contact-form-wrapper .form-row label{font-family:"Araboto";font-weight:bold;font-size:1.4rem;line-height: 1;text-align: right;}
.contact-form-wrapper input, .contact-form-wrapper textarea {font-family: 'Araboto';font-weight: normal;font-size: 1.6rem;line-height:1;text-align: right;}
.iti input {padding-left:0 !important;padding-right: 100px !important;}
.contact-form-wrapper .wpcf7-submit {font-family: 'Araboto';font-weight: bold;font-size: 1.4rem;}
.contact-page-layer{right:auto;left:0;transform: scaleX(-1);}
.iti__country-container{right:2px !important;}
.iti__country-container button{flex-direction: row-reverse;justify-content: left;}
.breadcrumb-back{padding-left:0;padding-right:35px;background-position: center right;background-image: url("assets/images/back-button-ar.svg");}
.supply-list-title{font-family:"Araboto";font-weight:bold;font-size:1.4rem;line-height: 1;}
.page-media-file:before{left:5rem;right:-5rem;}
.page-section-container.reverse .page-media-file:before {left: -5rem;right: 5rem;}
.project-card a .card-footer .card-footer-col{padding-right:0;padding-left: 45px;}
.vendor-quote-title{font-family: 'Araboto';font-weight: bold;}


.about-info h2{font-size: 4rem;}
@media (max-width: 1250px) {
  /* same smaller mobile clamp as the base h2 rule - more specific selector was overriding it back to the old size on small phones. */
  .about-info h2{font-size:clamp(24px, calc(21.89px + 0.5623vw), 28.92px);}
}

.odometer-strip {left:auto;right: 0;}

.stat-item{font-weight: normal;}
.stat-number {justify-content: right;flex-direction: row-reverse;font-family: "Objectivity" !important;}

.marquee-track ul {padding-right:0;padding-left: 40px; }
.home-contact-link .home-contact-arrow {transform: translateX(0) scaleX(-1);}
.home-contact-link:hover .home-contact-arrow {transform: translateX(-4px) scaleX(-1);}

.framer-cloud .framer-box h2{font-size:4rem;line-height: 1.4;}
@media (max-width: 1250px) {
  /* same smaller mobile clamp as the base h2 rule - more specific selector was overriding it back to the old size on small phones. */
  .framer-cloud .framer-box h2{font-size:clamp(24px, calc(21.89px + 0.5623vw), 28.92px);}
}
.productsSwiper .swiper-slide a .card-header .card-item-file img, .productsSwiper .swiper-slide a .card-header .card-item-file video{transform: translate(50%, -50%) scale(1);left:auto;right:50%;}
.productsSwiper .swiper-slide a:hover .card-header .card-item-file img, .productsSwiper .swiper-slide a:hover .card-header .card-item-file video{ transform: translate(50%, -50%) scale(1.075);}

.project-item-title{line-height: 1.3;}

.productsSwiper .swiper-slide a .card-footer .card-explore-button{font-family:"Araboto";font-weight:bold;font-size:1.4rem;line-height: 1;}
.productsSwiper .swiper-slide a .card-footer .card-explore-button em{right:auto;left: 0;transform: scaleX(-1);}
.productsSwiper .swiper-slide a .card-footer .card-explore-button em:before{background: url(assets/images/arrow.svg) no-repeat left 0;left:auto;right:0;-webkit-transition: right 0.5s;transition: right 0.5s;}
.productsSwiper .swiper-slide a .card-footer .card-explore-button em:after{background: url(assets/images/arrow.svg) no-repeat left 0;left:auto;right: 100%;-webkit-transition: right 0.5s;transition: right 0.5s;}
.productsSwiper .swiper-slide a:hover .card-footer .card-explore-button em:before{left:auto;right:-100%;}
.productsSwiper .swiper-slide a:hover .card-footer .card-explore-button em:after{left:auto;right: 0;}
.project-card a .card-footer .card-location{font-family:"Araboto";font-weight:normal;font-size:1.8rem;}
.project-card a .card-footer .card-footer-col .card-footer-text{font-family:"Araboto";font-weight:normal;font-size:1.8rem;}
.home-services-wrapper ul li .industry-item:hover .home-services-info-content{transform: translateX(-40px);}

.home-products-content{padding-left:0;}
.page-industries-info h2{font-size:4rem;}
@media (max-width: 1250px) {
  /* same smaller mobile clamp as the base h2 rule - more specific selector was overriding it back to the old size on small phones. */
  .page-industries-info h2{font-size:clamp(24px, calc(21.89px + 0.5623vw), 28.92px);}
}
.page-industries-media:before{left:0;right:50px;}
.home-service-button{right:auto;left:80px;}
.home-services-wrapper ul li .industry-item:hover .home-service-button svg{right:auto;left: 5px;}
.home-service-title{font-family: 'Araboto';font-weight:bold;font-size:2.4rem;}
.home-product-subtitle{font-family:"Araboto";font-weight:bold;font-size:2.4rem;line-height: 1.1;}
.home-products-wrapper .home-product-title{font-family:"Araboto";font-weight:normal;font-size:2rem;line-height: 1;}
.home-product-text{font-family:"Araboto";font-weight:normal;font-size:1.8rem;}
.home-contact-link{font-family:"Araboto";font-weight:bold;font-size:1.8rem;line-height: 1;}
.footer-details .custom-button, .footer-details-products .custom-button{margin-right: auto;}
.srvtitle .about-our-experience-media-bottom{margin-right:0;margin-left: 50px;}
.home-service-image {left:auto;right: 0;}
.home-product-file img, .home-product-file video{left:auto;right:50%;transform: translate(50%, -50%) scale(1);}
.productsSwiper .swiper-slide a:hover .home-product-file img, .productsSwiper .swiper-slide a:hover .home-product-file video {transform: translate(50%, -50%) scale(1.075);}

/** About **/
.service-title {text-align: right;}
.product-item::before {margin-right:0;margin-left: 10px;}
.tbl-content .custom-button{margin-left: auto;margin-right: 0;}
.page-media:before {right: 0;left: 50px;}
.page-media-file{margin-left:0;margin-right: 50px;}
.inside-arrow-layer{right:auto;left:0;transform: scaleX(-1);}
.page-section-container.reverse .page-media:before {right: 50px;left: 0;}
.page-section-container.reverse .page-media-file{margin-left: 50px;margin-right:0;}
.accordion-header:after {left:auto;right: 0;}

/** Products **/
.vendor-logo {margin-right:0;margin-left: 30px;}
.vendor-link {position: relative;font-family: "Araboto";font-weight: bold;font-size: 1.4rem;line-height: 1;}
.vendor-link em {right:auto;left: 0;transform: scaleX(-1);}
.vendor-link em:before {background: url(assets/images/arrow.svg) no-repeat left 0;left:auto;right: 100%;-webkit-transition: right 0.5s;transition: right 0.5s;}
.vendor-link em:after {background: url(assets/images/arrow.svg) no-repeat left 0;left:auto;right: 0;-webkit-transition: right 0.5s;transition: right 0.5s;}
.vendor-link:hover em:after{left:auto;right:-100%;}
.vendor-link:hover em:before{left:auto;right: 0;}

.mission-item:before{left:60%;right:0;}
.vendor-link-icon svg{transform: scaleX(-1);}

.service-card {border-right: none;border-left: 1px solid #d7d9e4;}
.service-card:nth-child(4n){border-left: none;}


@media screen and (max-width: 1200px) {
	.footer-logo:before{left:auto;right:-60px;}
}

@media screen and (max-width: 1024px) {
	.nav__mobile-wrapper {left:auto;right:0;}
	.primary-mobile-list li a {text-align: right;font-family:"Araboto";font-weight:bold;font-size:2.4rem;line-height: 1;}
	.primary-mobile-list .sub-menu li a {font-family:"Araboto";font-weight:normal;font-size:1.8rem;line-height: 1;}
	.primary-mobile-list .sub-menu{margin-right: 0;}
	.mobile-submenu-item a .dropdown-menu-toggle{right:auto;left: 0;}
	.service-card:nth-child(2n){border-left: none;}
}

@media screen and (max-width: 921px) {
	.footer-row .header-button{padding-left: 0;}
	.footer-row .header-button:before {right:auto;left:-20px;}
	.inside-banner-file {left: -20px;right:auto;}
	.projectsSwiper .swiper-slide a:hover .card-footer .card-footer-col {border-right:0;border-left: 1px solid #001d51;}
	.projectsSwiper .swiper-slide a:hover .card-footer .card-footer-col:last-child {border-right: 0;border-left:0;}
	.srvtitle .about-our-experience-media-bottom{margin-right:0;margin-left: 30px;}
	.srvtitle .about-our-experience-media-bottom.mobile:before{left:-30px;right:30px;}
	.page-media:before {right:auto;left: 30px;}
	.page-media-file{margin-left:0;margin-right: 30px;}
	.page-section-container.reverse .page-media:before {right: 0;left: 30px;}
	.page-section-container.reverse .page-media-file{margin-left:0;margin-right: 30px;}
	.vendor-link:hover em:before{left:auto;right: -100%;}
	.vendor-link:hover em:after{left:auto;right: 0;}
	
	
	.productsSwiper .swiper-slide a:hover .card-header .card-item-file img, .productsSwiper .swiper-slide a:hover .card-header .card-item-file video{ transform: translate(50%, -50%) scale(1);}
	.productsSwiper .swiper-slide a:hover .card-footer .card-explore-button em:before{left:auto;right:0;}
	.productsSwiper .swiper-slide a:hover .card-footer .card-explore-button em:after{left:auto;right: 100%;}
	.home-services-wrapper ul li .industry-item:hover .home-services-info-content {transform: translateX(0);}
	
	.home-contact-link:hover .home-contact-arrow {transform: translateX(0) scaleX(-1);}
	.productsSwiper .swiper-slide a:hover .home-product-file img, .productsSwiper .swiper-slide a:hover .home-product-file video {transform: translate(50%, -50%) scale(1);}
}

@media (max-width: 768px) {
	.vision{text-align: left;}
}

@media (max-width: 640px) {
	.service-card{border-left: none;}
}

@media (max-width: 580px) {
	.vendor-logo {margin-right: 0;margin-left:0;}
    
}