/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Description: Child theme for Astra
 Author: Excite
 Author URI: https://excite-design.com/
 Template: astra
 Version: 1.0.0
*/
/* Add your custom CSS below */

/* Objectivity webfont, declared here with the correct family name ("Objectivity" - the
   Custom Fonts admin entry has a typo, "Objecticity", so it never actually matched the
   font-family used across the theme) and a woff2 source. iOS Safari is strict about font
   MIME/format handling and was silently rejecting the admin's raw .otf-only declaration,
   which is why bold headings fell back to the system font on iPhone specifically. */
@font-face {
  font-family: "Objectivity";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/Objectivity-Bold.woff2") format("woff2"),
       url("assets/fonts/Objectivity-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Objectivity";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/Objectivity-Medium.woff2") format("woff2"),
       url("assets/fonts/Objectivity-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Objectivity";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/Objectivity-Regular.woff2") format("woff2"),
       url("assets/fonts/Objectivity-Regular.otf") format("opentype");
}

*, :after, :before {box-sizing: border-box;}
body::-webkit-scrollbar{display: none;}
body{-ms-overflow-style:none;scrollbar-width:none;/*cursor: none;  Hide default cursor */}
a:focus{outline:none;border:0;box-shadow:none;}
html, body {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
html {
  scroll-behavior: smooth;
}

/* Fluid proportional scale: 1rem = 10px at the current desktop reference width (1728px).
   Text/heading sizing (rem) scales continuously with the viewport instead of jumping at
   fixed breakpoints, down to a 7px/rem floor below 640px so body text stays readable.
   Desktop (>1250px) is pixel-identical to today. Large layout gutters that need to keep
   shrinking on small phones (e.g. .global-padding) use their own vw formula instead of
   rem, so they aren't limited by the text floor. */
html {
  font-size: 0.578704vw; /* 10px at 1728px */
}
@media (max-width: 1250px) {
  html { font-size: calc(6.76px + 0.0377vw); } /* 7.23px at 1250px -> 7px at 640px */
}
@media (max-width: 640px) {
  html { font-size: 9px; } /* floor: raised from 7px - 7px made body text, nav
     links, buttons and footer text read too small on real phones (all of these
     are sized in rem, so they scale with this one value - no per-element fixes
     needed). Desktop/tablet sizing above 640px is untouched. */
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.site-main {display: none !important;}
.events-fixed-pattern,
.parallax-fixed-pattern {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}
.global-padding {padding-right: clamp(20px, calc(-18.46px + 8.013vw), 120px);padding-left: clamp(20px, calc(-18.46px + 8.013vw), 120px);}
.sections-padding {padding-right: 0rem;padding-left: 0rem;}
p{margin-bottom: 1.5rem;}
p:last-child{margin-bottom:0;}
.global-container{padding-top:10rem;padding-bottom: 10rem;}
.small-global-container{padding-top:6rem;padding-bottom: 6rem;}
.screen-reader-response p{margin-bottom: 0;}
.screen-reader-response ol, .screen-reader-response ul{margin:0;}

h1{font-family:"Objectivity";font-weight:700;font-size:7.2rem;line-height: 1;}
@media (max-width: 1250px) {
  /* h1 mobile floor lowered from 36px to 28px - the fluid scale still keeps it at
     36-52px down to ~375px wide, which was dominating small-phone screens; the curve
     stays continuous with the >1250px 7.2rem size, only the small-phone end moved. */
  h1{/*font-size:clamp(28px, calc(21.11px + 1.8377vw), 52.08px);*/font-size:clamp(28px, calc(21.11px + 2.3vw), 52.08px);}
}
h2{font-family:"Objectivity";font-weight:700;font-size:4rem;line-height: 1.1;}
@media (max-width: 1250px) {
  /* h2 previously had no floor of its own and just rode the shared html fluid scale
     down to 36px (4rem x 9px floor) - same complaint as h1. Gets its own smaller,
     continuous curve here instead, topping out at the same 28.92px it already reached
     naturally at 1250px, so there is no jump at that breakpoint. */
  h2{font-size:clamp(24px, calc(21.89px + 0.5623vw), 28.92px);}
}
h3{font-family:"Objectivity";font-weight:700;font-size:2.4rem;line-height: 1.1;}
h4{}

.text{font-family:"Objectivity";font-weight:400;font-size:2rem;line-height: 2.4rem;}
.text strong, .text b{font-weight:700;}
.text a{text-decoration: none;}
.text p{margin-bottom:2rem;}
.text p:last-child{margin-bottom:0;}
.text ul{margin-left:0;list-style-position: inside;}

.text1{font-family:"Objectivity";font-weight:500;font-size:1.8rem;line-height: 2.4rem;}
.text1 strong, .text1 b{font-weight:700;}
.text1 a{text-decoration:none;}


.bg-color-black{background-color: #000000;}
.bg-color-white{background-color: #ffffff;}
.bg-color-light-blue{background-color: #6693cf;}
.bg-color-medium-blue{background-color: #364079;}
.bg-color-dark-blue{background-color: #364079;}
.bg-color-grey{background-color:#d7d9e4;}
.bg-color-transparent{background-color: transparent;}

.color-black{color: #000000;}
.color-white{color: #ffffff;}
.color-orange{color: #f26725;}
.color-light-blue{color: #6693cf;}
.color-medium-blue{color: #364079;}
.color-dark-blue{color: #364079;}
.color-dark-blue a{color: #364079;}
.color-dark-blue a:hover{color: #f26725;}

.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

.page-section{position: relative;width:100%;display:flex;z-index:2;}
.page-container-info{display: flex;flex-direction: column;gap:2rem;}
.page-container-info h3, .page-container-info h2{max-width:79%;}
.page-container-info .text{max-width:60%;}

.page-info-layer-left{position: absolute;left:-2.5rem;top:-4rem;z-index: -1;will-change: transform;}
.page-info-layer-right{position: absolute;right:0;top:calc(50% - 8rem);z-index: -1;will-change: transform;}

.ast-page-builder-template .site-content > .ast-container{display: flex;flex-direction: column;}

.max-container {position: relative;width: 100%;max-width: 145rem;margin: 0 auto;}
.overflow-visible{overflow: visible !important;}
#page-loader{position: fixed;inset:0;z-index: 9999;display:flex;align-items:center;justify-content: center;background-color:#364079;will-change:transform;}
.page-loader-wrapper{position: relative;width:23rem;height:6rem;}
.page-loader-logo{position: absolute;inset:0;width:100%;height:100%;color:#fff;}
.page-loader-bar{position: absolute;inset-block:0;left:0;width:30.6rem;overflow:hidden;}

.animate-intro-fade-out{animation:.45s forwards intro-fade-out}
@keyframes intro-fade-out{to{opacity:0}}

.animate-intro-cover-wipe{position:fixed;pointer-events:none;inset:0;will-change:transform;animation:.72s cubic-bezier(.7,0,.3,1) both intro-cover-wipe}
@keyframes intro-cover-wipe{0%{transform:translate(0)}to{transform:translate(100%)}}

.animate-intro-logo{animation:1s linear .5s both intro-logo}
@keyframes intro-logo{0%{opacity:0}70%{opacity:1}to{opacity:1}}

.animate-intro-bar{position: absolute;inset-block:0;left:0;width:56px;background-color:#f26725;animation:1s cubic-bezier(.4,0,.2,1) .5s both intro-bar}		
@keyframes intro-bar{0%{opacity:0;transform:translate(-56px)}12%{opacity:1}50%{opacity:1;transform:translate(250px)}78%{opacity:1;transform:translate(250px)}80%{opacity:0;transform:translate(250px)}83%{opacity:0;transform:translate(250px)}85%{opacity:1;transform:translate(250px)}88%{opacity:1;transform:translate(250px)}90%{opacity:0;transform:translate(250px)}93%{opacity:0;transform:translate(250px)}95%{opacity:1;transform:translate(250px)}98%{opacity:1;transform:translate(250px)}to{opacity:0;transform:translate(250px)}}

.download-icon{margin-left:1rem;}
.download-icon svg{width:1.5rem;height:1.3rem;}
.downloadicon .cls-1 {fill: #364079;}
.button-icon{margin-right:1rem;height: 1.2rem;}
.button-icon svg{width:1.5rem;height:1.2rem;}
.buttonicon .cls-1 {fill: #364079;}

.simple-button{display: flex;flex-direction: column;flex-flow: wrap;}
.simple-button .button-text{display:flex;font-family: 'Objectivity';font-weight:700;font-size:1.4rem;line-height:1;color:#364079;background-color: #fff;border:1px solid #fff;padding:1.1rem 2.2rem;justify-content: center;align-items:center;border-radius:0.3rem;}
.simple-button:hover .button-text{background-color: #f26725;border:1px solid #f26725;color:#fff;}
.header-buttons .simple-button:hover .button-text{background-color: #f26725;border:1px solid #f26725;color:#fff;}
.simple-button.reverse .button-text{background-color: #f26725;border:1px solid #f26725;color:#fff;}
.simple-button.reverse:hover .button-text{color:#364079;background-color: #fff;border:1px solid #fff;}
.simple-button:hover .button-text .downloadicon .cls-1 {fill: #fff;}
.simple-button.reverse .button-text .buttonicon .cls-1 {fill: #fff;}
.simple-button:hover .button-text .buttonicon .cls-1 {fill: #fff;}
.simple-button.reverse:hover .button-text .buttonicon .cls-1 {fill: #364079;}

.custom-button{display: flex;flex-direction: column;flex-flow: wrap;}
.custom-button .button-text{display:flex;font-family: 'Objectivity';font-weight:700;font-size:1.6rem;line-height:1;color:#364079;background-color: #fff;border:1px solid #364079;padding:1.1rem 2.2rem;border-radius:0.3rem;justify-content: center;}
.custom-button.noborder .button-text{border:1px solid #fff;}
.custom-button:hover .button-text{background-color: #364079;border:1px solid #364079;color:#fff;}
.custom-button .button-text .buttonicon .cls-1 {fill: #364079;}
.custom-button:hover .button-text .buttonicon .cls-1 {fill: #fff;}
.custom-button.reverse .button-text .buttonicon .cls-1 {fill: #fff;}
.custom-button.reverse .button-text{background-color: #f26725;border:1px solid #f26725;color:#fff;}
.custom-button.reverse:hover .button-text{color:#fff;background-color: #364079;border:1px solid #364079;}

.section-animate-container .s-media,
.section-animate-container .s-title,
.section-animate-container .s-text,
.section-animate-container .s-button {opacity: 0;will-change: transform, opacity;}

/* Sticky Header */
.site-header {position: fixed;top: 0;width: 100%;z-index: 1000;}
.header-inner {display: flex;justify-content: space-between;align-items: center;position: relative;padding:3rem 0;border-bottom:1px solid #fff;}
.logo img {max-width: 179px;width: 179px;}

.header-buttons{display: flex;gap:2.5rem;align-items: center;}

.language-switcher{position:relative;display: inline-block;vertical-align: top;}
.language-switcher ul{display:flex;height:100%;align-items:center;gap:0.7rem;padding: 0;margin: 0 !important;list-style-type: none;line-height:1;}
.language-switcher ul li{padding: 0;margin: 0;list-style-type: none;display: flex;position: relative;height: 100%;align-items: center;}
.language-switcher ul li a{display: flex;position: relative;height: 100%;align-items: center;text-decoration: none;font-family: 'Objectivity';font-weight:700;font-size:1.4rem; line-height: 1;color:#fff;transition:color 0.35s;}
.language-switcher ul li.current-lang a, .language-switcher ul li a:hover, .language-switcher ul li.current-lang a:hover{color:#f26725;}


.hamburger__menu {pointer-events: auto;display: none;}
.nav__mobile-wrapper, .hamburger__menu {display: none;}

/** Mega Menu **/
.mega-menu-wrap{background-color: transparent !important;}
.mega-menu-link{font-family:"Objectivity" !important;font-weight:700 !important;font-size:1.4rem !important;background-color: transparent !important;display: flex !important;align-items: center;padding: 0rem 2.2rem !important;}
.mega-menu-item.mega-current-menu-item .mega-menu-link, .mega-menu-link:hover{background-color: transparent !important;color:#f26725 !important;}
.mega-indicator{width:8px !important;height:4px !important;}
.mega-indicator:after{content:"" !important;width:8px;height:4px;background-image: url("assets/images/menu-dropdown-close.svg");background-repeat: no-repeat;}
.mega-menu-item.mega-current-menu-item .mega-menu-link .mega-indicator:after, .mega-menu-link:hover .mega-indicator:after{background-image: url("assets/images/menu-dropdown-open.svg");}
#mega-menu-wrap-primary{position:inherit;}
#mega-menu-primary{position: inherit !important;background-color: transparent !important;}
#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {display: flex !important;gap: 5rem;list-style: none;top: 12.5rem !important;padding: 3.5rem 2.5rem 3.5rem 4rem !important;background-color: #fff !important;flex-direction: column; max-width: 102.4rem !important;left: 50% !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {width: auto !important;float: left !important;}
.mega-menu-column{width:calc(50% - 2rem) !important;margin-right:4rem !important;}
.mega-menu-column:last-child{margin-right: 0 !important;}
.mega-menu-full-box .mega-menu-item, .mega-menu-full-box .mega-menu-item .mega-block-title{font-family:"Objectivity" !important;font-weight:700 !important;font-size:1.8rem !important;line-height: 1 !important;text-transform:none !important;padding: 0 !important;color:#364079 !important;}
.mega-menu-full-box .mega-menu-item .mega-menu-link{font-family:"Objectivity" !important;font-weight:400 !important;font-size:1.6rem !important;line-height: 1 !important;text-transform:none !important;padding:1.5rem 0 !important;border-bottom: 1px solid #f26725 !important;color:#364079 !important;}
.mega-menu-full-box .mega-menu-item:last-child .mega-menu-link{border-bottom:0;}
.submenu-image img {width: 100%;height: 100%;object-fit: cover;}
/* submenu link hover: arrow icon slides in from the left while the text moves right */
.mega-menu-full-box .mega-menu-item .mega-menu-link{background-image:url(assets/images/button-icon.svg) !important;background-repeat: no-repeat !important;background-position: -2rem center !important;transition:padding-left .35s ease, background-position .35s ease, color .35s ease !important;font-weight: 500 !important;}
.mega-menu-full-box .mega-menu-item .mega-menu-link:hover{padding-left: 2.5rem !important;background-position: left center !important;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{overflow: hidden !important;border-radius: 0.7rem;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
transform: translate(-50%, -10px);transition: opacity .2s ease, transform .2s ease;will-change: transform;z-index: -1;opacity: 0;border-radius:7px;	
}

#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);
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);opacity: 1;
}


.page-section{display: flex;position: relative;overflow: hidden;width: 100%;}
.page-wrapper{padding-top: 12rem;padding-bottom: 12rem;position: relative;width: 100%;display: flex;justify-content: center;z-index: 1;flex-direction: column;}
.small-page-wrapper{padding-top: 6rem;padding-bottom: 12rem;position: relative;width: 100%;display: flex;justify-content: center;z-index: 1;flex-direction: column;}
.page-container{position: relative;max-width: 145rem;width: 100%;z-index: 1;margin: 0 auto;}

/** Footer **/
.footer-section{position: fixed;z-index: 0;bottom: 0;overflow: hidden;padding-top:6rem;background-color: #364079;}
.footer-row{display: flex;flex-direction: row;justify-content: space-between;}
.footer-col{display: flex;justify-content: space-between;gap: 4rem;}
.footer-logo a{margin-bottom: auto;}
.footer-nav ul{list-style: none;margin: 0;display: flex;flex-direction: column;gap: 2rem;}
.footer-nav ul li{line-height: 1;}
.footer-nav ul li a{font-family:"Poppins";font-weight:400;font-size:1.8rem;color:#fff;line-height: 1.2;}
.footer-nav ul li.footer-menu-header a{font-family:"Poppins";font-weight:600;font-size:1.8rem;color:#fff;line-height: 1;}
.footer-nav ul li.current-menu-item.footer-menu-header a, .footer-nav ul li a:hover{color: #f26725;}
.footer-social-title{font-family:"Poppins";font-weight:600;font-size:1.6rem;color:#fff;line-height: 1;}
.footer-socials{display: flex;flex-direction: column;gap:2rem;}
.footer-socials .ast-footer-social-wrap span{width:4rem;height:4rem;background-color:#d7d9e4;display: flex;justify-content: center;border-radius:50%;}
.footer-socials .ast-footer-social-wrap a:hover span{background-color: #f26725;}
.footer-socials .ast-footer-social-wrap span svg{fill:#001d51;}
.footer-socials .ast-footer-social-wrap a:hover span svg{fill:#fff;}
.footer-links{align-items: center;padding-bottom:2.5rem;padding-top: 2rem;}
.footer-links .custom-iso-list img{filter: brightness(0) invert(1);}

.footer-row .header-button{position:relative;display: flex;margin-left: auto;}
.custom-iso-list{display: flex;list-style: none;margin: 0;gap: 2rem;}
.footer-copyright-bar {padding-top: 1.5rem;padding-bottom: 2rem;border-top:1px solid #fff;}
.copyright, .credits{font-family:"Poppins";font-weight:400;font-size:1.4rem;color:#fff;line-height: 1;}
.copyright a, .credits a{text-decoration: underline;color:#f26725;}
.copyright a:hover, .credits a:hover{color:#fff;}
@keyframes revealFooter {
    0% {
        filter: blur(15px);
        transform: scale(0.95);
        opacity: 0.5;
    }
    100% {
        filter: blur(0px);
        transform: scale(1);
        opacity: 1;
    }
}

/*@supports (animation-timeline: scroll()) {
  @media (min-width: 921px) {
    .footer-section {
        animation: revealFooter linear both;
        animation-timeline: scroll(self);
    }
  }
}*/

/** Banner **/
.banner-section {display: flex;position: relative;width: 100%;min-height: 75rem;z-index: 2;}
.banner-section:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-image:url("assets/images/home-banner-filter.png");background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.media-banner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;display: block;z-index: -1;overflow: hidden;background-color:#364079;}
.media-banner img, .media-banner video {width: 100%;height: 100%;object-fit: cover;}
.home-banner-container h1{max-width:63rem;}
.banner-section .page-wrapper{/*justify-content: end;*/}
.home-banner-container{padding-bottom:5rem;padding-top:15rem;}
.banner-buttons {display: flex;gap: 3rem;align-items: end;margin-top: 2rem;}
.vision{margin-left: auto;position: absolute;width: 100%;text-align: right;z-index:-1;}
.home-banner-bottom{display:flex;flex-direction:column;border-top:1px solid #fff;padding-top:2rem;margin-top:5rem;gap:2.5rem;}
.banner-section .home-partners-clients-list{margin-top:0;min-height: 4rem;}
.home-clientspartners-swiper .swiper-wrapper {display: flex !important;transition-timing-function: linear !important;align-items: center;-webkit-transition-timing-function: linear !important;will-change: transform;}
.home-clientspartners-swiper .swiper-slide {display: flex;justify-content: center;align-items: center;flex-shrink: 0;width: auto !important;}
.home-clientspartners-swiper .swiper-slide img, .home-clientspartners-swiper .swiper-slide a{pointer-events: auto !important;}
.home-clientspartners-swiper{width: 100% !important;max-width: 100vw !important;overflow: hidden !important;pointer-events: none !important;}
.home-clientspartners-swiper {display: grid;grid-template-columns: repeat(6, 1fr);gap: 30px;width: 100%;min-height: 40px;align-items: center;}
.home-clientspartners-col {display: none;justify-content: center;align-items: center;}
.home-clientspartners-col:first-child {justify-content: start;}
.home-clientspartners-col:last-child {justify-content: end;}
.home-clientspartners-col.is-active {display: flex;}
.home-clientspartners-col img {max-height: 50px;max-width: 160px;height: auto;width: auto;filter: brightness(0) invert(1);}

/** Inside Banner **/
.inside-banner-section {display: flex;position: relative;width: 100%;min-height: 60rem;z-index: 2;}
.inside-banner-section:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-image:url("assets/images/inside-banner-filter.png");background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.inside-banner-container{display: flex;flex-direction: column;gap: 1rem;}
.inside-banner-container h3{max-width:76rem;}
.inside-banner-container h1{max-width:76rem;}
.inside-banner-container.product-detail-banner{margin-top:10rem;}
/*.inside-banner-container.product-detail-banner h1 {max-width: 50rem;}*/
.inside-banner-file{position: absolute;left:50%;top:0;height:100%;}
.inside-banner-file:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-image:url("assets/images/home-banner-filter.png");background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.inside-banner-file img, .inside-banner-file video {width: 100%;height: 100%;object-fit: cover;}

.page-info-col{display: flex;width:50%;flex-direction: column;}
.page-container-wrapper{display: flex;flex-direction: row;gap:4rem;}

.page-text-col{display: flex;width:60%;flex-direction: column;gap: 20px;}
.page-text-col:nth-child(2){width:40%;justify-content: center;align-items: center;}
.page-text-col .vendor-logo{background-color: #fff;border-radius:50%;width:22.4rem;height:22.4rem;padding:3rem;flex: 0 0 22.4rem;}

/** Contact **/
.contact-form-wrapper .form-row label{font-family:"Objectivity";font-weight:700;font-size:1.4rem;color:#364079;line-height: 1;}
.contact-form-wrapper .form-row {display: flex;gap: 2rem;margin-bottom: 4rem;}
.contact-form-wrapper .form-col {display: flex;flex-direction: column;width: 50%;}
.contact-form-wrapper .form-col.full-width {width: 100%;}
.contact-form-wrapper .form-group {margin-bottom: 2rem;}
.contact-form-wrapper input, .contact-form-wrapper textarea {font-family: 'Poppins';font-weight: 400;font-size: 1.6rem;line-height:1;color:#364079;width: 100%;min-height: 5.4rem;padding: 1.5rem;border: 1px solid #d7d9e4;border-radius:0;margin-top: 1rem;box-shadow: none;}
.contact-form-wrapper textarea {min-height: 18.8rem;resize:none;}
.iti {width: 100%;margin-top:1rem;}
.iti input {padding-left: 10rem !important;}
.iti__country-container{width:9rem;}
.iti__country-container button{width:9rem;background-color:#fff !important;}
.wpcf7 .wpcf7-form-control-wrap{display: flex;}
.contact-form-wrapper input:focus, .contact-form-wrapper textarea:focus {border: 1px solid #364079 !important;}
.contact-form-wrapper .form-submit{display: inline-block;margin-bottom:0;}
.contact-form-wrapper .wpcf7-submit {font-family: 'Poppins';font-weight: 600;font-size: 1.4rem;padding: 1.5rem 2rem; background-color:#364079;border:0;border-radius:0.3rem;margin-top:0;width: 100%;color:#fff;}
.contact-form-wrapper .wpcf7-submit:hover {background-color:#f26725;border:0;}
.contact-image{margin-bottom: 6rem;}
.contact-title{margin-bottom: 2rem;}
.contact-social-title{margin-top: 4rem;margin-bottom: 2rem;}
.contact-us-social{display: flex;flex-direction: column;gap:2rem;}
.contact-us-social .ast-footer-social-wrap span{width:4.4rem;height:4.4rem;background-color:#d7d9e4;display: flex;justify-content: center;border-radius: 50%;}
.contact-us-social .ast-footer-social-wrap a:hover span{background-color: #f26725;}
.contact-us-social .ast-footer-social-wrap span svg{fill:#364079;width:2.2rem;height:2.2rem;}
.contact-us-social .ast-footer-social-wrap a:hover span svg{fill:#fff;}
.contact-image img, .contact-image video {width: 100%;height: 100%;object-fit: cover;}
.contact-page-layer{position: absolute;bottom:0;right:0;}

/** Projects **/
.projects-page-results {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;z-index: 3;row-gap:10rem;overflow: hidden;}
.projects-page-results .project-card:before{content:"";position: absolute;bottom:-5rem;left:0;right:0;width:calc(100% + 1.5rem);height:1px;background-color:#d7d9e4;}



.project-item {display: flex;flex-direction: column;position:relative;}
.project-item:before{content:"";position: absolute;bottom:-5rem;left:0;right:0;width:calc(100% + 1.5rem);height:1px;background-color:#d7d9e4;}
.project-item a{padding:2.5rem 2rem 0 2rem;background-color:#d7d9e4;display: flex;flex-direction: column;height: 100%;gap: 3.5rem;justify-content: space-between;}
.project-item a:hover{background-color:#364079;}
.project-item-title {/*line-height: 1;*/color:#364079;width: 83%;}
.project-item a:hover .project-item-title{color:#fff;}
.project-item a:hover {transform: translateY(-0.5rem) !important;}
.project-item a:hover .project-item-file img, .project-item a:hover .project-item-file video{transform: scale(1.075);}
.project-item-file img, .project-item-file video{display: block;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;transform: scale(1);transform-origin: center;transition: transform 2s ease;width: 100%;}
.project-item-file {width: 100%; aspect-ratio: 16/10; overflow: hidden;background-color:#fff;}
.project-item-box{padding:2.5rem 2rem 0 2rem;border:1px solid #d7d9e4;display: flex;flex-direction: column;height: 100%;gap: 3.5rem;justify-content: space-between;}
.project-item .project-item-box:hover .project-item-file img, .project-item .project-item-box:hover .project-item-file video{transform: scale(1.075);}

.bottom-z{position: absolute;top:0;right:-1px;}
.home-bottom-z{position: absolute;top:-8rem;right:-1px;}
.footer-top-z{position: absolute;left:-2.5rem;bottom:-5rem;z-index: 1;}

.breadcrumb-back{background-image: url("assets/images/back-button.svg");background-repeat: no-repeat;padding-left:3.5rem;background-position: center left;}
.breadcrumb-back:hover, .breadcrumb-back:focus{color:#f26725;background-image: url("assets/images/back-button-active.svg");}
.inside-banner-information{display: flex;flex-direction: column;gap:3rem;/*flex-flow: wrap;*/padding-bottom: 4rem;margin-top: 2rem;}
.banner-info{display:flex;align-self: flex-start;background-color:#f26725;border-radius:3.5rem;padding: 1rem 2.4rem;line-height: 1;}
.banner-info.bg-color-white{background-color: #fff;}

.banner-info-supply-list{display: flex;flex-direction: column;gap:1.5rem;}
.supply-list-title{font-family:"Poppins";font-weight:600;font-size:1.4rem;line-height: 1;color:#c6d9f1;}
.supply-list-content{display: flex;flex-direction: row;gap:1rem;flex-flow: wrap;}

.inside-projects-page-results{width:100%;}
.inside-projects-page-results h2 {padding-bottom: 2.5rem;}
.inside-projects-page-results ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8rem;list-style: none;padding: 0;margin: 0;}
.inside-projects-page-results .splide-media {display: flex;flex-direction: column;overflow: hidden;}
.inside-projects-page-results .splide-media a {display: flex;flex-direction: column;height: 100%;}
.inside-projects-page-results .splide-file {width: 100%;aspect-ratio: 16/10;overflow: hidden;}
.inside-projects-page-results .splide-file img, .inside-projects-page-results .splide-file video {display: block;height: 100%;object-fit: cover;object-position: center;width: 100%;transition: transform 2s ease;}
.inside-projects-page-results .splide-media a:hover .splide-file img, .inside-projects-page-results .splide-media a:hover .splide-file video {transform: scale(1.075);}
.page-more-filter{border-top:1px solid #d7d9e4;padding-top:4rem;margin-top: 5rem;}
.page-more-filter h2{padding-bottom:2.5rem;}

/** Header on scroll (class ".scrolled" is added to .site-header by main.min.js) **/
.site-header{transition:background-color .35s ease, box-shadow .35s ease;}
.logo{position:relative;}
.custom-logo-link{transition:opacity .35s ease, visibility .35s ease;}
.dark-logo{position:absolute;top:0;left:0;opacity: 0;visibility: hidden;transition:opacity .35s ease, visibility .35s ease;}
[dir="rtl"] .dark-logo{left:auto;right:0;}

.site-header.scrolled{background-color:#fff;box-shadow:0 0.2rem 2rem rgba(54,64,121,.12);}
.site-header.scrolled .header-inner{border-bottom-color:transparent;}

/* logo swap */
.site-header.scrolled .custom-logo-link,
body.no-scroll .site-header .custom-logo-link{opacity:0;visibility:hidden;}
.site-header.scrolled .dark-logo{opacity:1;visibility:visible;}
body.no-scroll .site-header .custom-logo-link{opacity:1;visibility:visible;}

/* menu links: blue, keep orange for hover / open / current */
.site-header.scrolled #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{color:#364079 !important;transition:color .35s ease;}
.site-header.scrolled #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
.site-header.scrolled #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
.site-header.scrolled #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{color:#f26725 !important;}

/* dropdown arrow: blue by default, orange (open arrow) on hover / open / current */
.site-header.scrolled #mega-menu-primary > li.mega-menu-item > a.mega-menu-link .mega-indicator:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.87' height='4.34' viewBox='0 0 7.87 4.34'%3E%3Cpolygon fill='%23364079' points='3.94 4.34 0 2.07 0 0 3.94 2.27 7.87 0 7.87 2.07 3.94 4.34'/%3E%3C/svg%3E");}
.site-header.scrolled #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link .mega-indicator:after,
.site-header.scrolled #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mega-indicator:after,
.site-header.scrolled #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mega-indicator:after{background-image:url("assets/images/menu-dropdown-open.svg");}

/* dropdown panel needs an edge now that the header behind it is white */
.site-header.scrolled #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu{box-shadow:0 1.2rem 3rem rgba(54,64,121,.15);}

/* language switcher */
.site-header.scrolled .language-switcher ul li a{color:#364079;}
body.no-scroll .site-header .language-switcher ul li a{color:#fff;}
.site-header.scrolled .language-switcher ul li.current-lang a,
.site-header.scrolled .language-switcher ul li a:hover,
body.no-scroll .site-header .language-switcher ul li.current-lang a,
body.no-scroll .site-header .language-switcher ul li a:hover{color:#f26725;}

/* header "Company Profile" button: blue with white text, inverts on hover */
.site-header.scrolled .header-button .simple-button .button-text{background-color:#364079;border-color:#364079;color:#fff;}
.site-header.scrolled .header-button .simple-button .button-text .downloadicon .cls-1{fill:#fff;}
.site-header.scrolled .header-button .simple-button:hover .button-text{background-color:#fff;border-color:#364079;color:#364079;}
.site-header.scrolled .header-button .simple-button:hover .button-text .downloadicon .cls-1{fill:#364079;}

/* mobile hamburger (white bars would disappear on the white header / white mobile menu).
   body.no-scroll is added by initMenu() while the mobile menu is open, so the logo and
   hamburger/X also switch to the dark versions when it opens, even at the top of the page. */
.site-header.scrolled .ham-menu__line{background-color:#364079;background-image:none;}
body.no-scroll .site-header .ham-menu__line{background-color:#fff;background-image:none;}

/** Home **/
.abt-content{display: flex;flex-direction: row;padding-bottom: 6rem;border-bottom:1px solid #d7d9c4;}
.about-info {display: flex;flex-direction: column;width: 50%;}
.abt-content .about-info{justify-content: space-between;}
.about-info h2{width: 90%;font-size: 4rem;}
@media (max-width: 1250px) {
  /* same smaller mobile clamp as the base h2 rule - this selector is more specific than plain h2 so it 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);}
}
.section-buttons{display: flex;gap:1.5rem;margin-top:4rem;flex-flow: wrap;}

.statistics-section{display:flex;gap:5rem;flex-direction:row;padding:5rem 2.5rem;justify-content: space-around;border-radius:0.7rem;}

.proj-content{display: flex;flex-direction: row;padding-bottom: 4rem;}
.proj-content .about-info{justify-content: space-between;}

.prod-content{display: flex;flex-direction: row;padding-bottom: 6rem;}
.prod-content .about-info{justify-content: space-between;}

.vendors-section{display:flex;flex-direction:column;gap:5rem;padding-top:6rem;padding-bottom:6rem;min-width:0;overflow:hidden;}
.home-vendors-section.vendors-section{border-bottom:1px solid #d7d9c4;}

.stat-number {display: flex;align-items: center;overflow: hidden;line-height: 1;font-weight: 500;}
.odometer-digit {display: inline-block;position: relative;height: 1em;width: 0.7em;overflow: hidden;line-height: 1em;}
.odometer-strip {position: absolute;left: 0;top: 0;width: 100%;display: flex;flex-direction: column;will-change: transform;}
.odometer-number {display: block;flex: 0 0 1em;width: 100%;height: 1em;line-height: 1em;text-align: center;}
.odometer-static {display: inline-block;height: 1em;line-height: 1em;margin-left: 0.3rem;}

.stat-item{font-weight: 400;width:25%;}
.stat-divider{background-color: #fff;margin-top: 2rem;margin-bottom: 2rem;}

.home-projects-header .about-info{gap:1rem;}
.home-projects-header .about-info.only-button{justify-content: end;align-items: end;}
/*.home-projects-content{padding-right:0;padding-left:0;}*/

.about-mission-header .about-info{gap:1rem;}
.about-mission-header .about-info.only-button{justify-content: end;align-items: end;}

.about-partners-header .about-info{gap:1rem;}
.about-partners-header .about-info.only-button{justify-content: end;align-items: end;}

.projectsSwiper {width: 100%;place-self: auto;z-index: 1;float: none;inset: 0rem;/*overflow: visible !important;*/box-sizing: border-box;}
.project-card {/*overflow: hidden;*/transition: transform 0.3s ease;position:relative;}
.project-card a{position: relative;display: block;height: 100%;width: 100%;overflow: hidden;}

.project-card a .card-item-file{display:flex;justify-content: center; align-items: center; border-top-left-radius:0.7rem; border-top-right-radius:0.7rem;/* height: 26rem;*/overflow: hidden;aspect-ratio: 16 / 10;}
.project-card a .card-item-file img, .project-card a .card-item-file video{display: block;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;transform: scale(1);transform-origin: center;transition: transform 2s ease;width: 100%;}

.project-card a .card-footer{padding: 2.5rem 2rem;background-color: #d7d9e4;transition: background-color .35s ease;border-bottom-left-radius:0.7rem; border-bottom-right-radius:0.7rem;/*min-height: 20.3rem;*/display: flex;flex-direction: column;justify-content: space-between;}
.project-card a .card-footer .card-location{font-family: "Objectivity";font-weight: 400;font-size: 1.8rem;color: #364079;margin-bottom: 0.8rem;transition: color .35s ease;}
.project-card a .card-footer .card-item-title{color: #364079;width: 100%;margin-bottom: auto;transition: color .35s ease;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.project-card a .card-footer .card-footer-col{padding-top: 1.5rem;transition: border-color .35s ease;padding-right: 45px;}
.project-card a .card-footer .card-footer-col .card-footer-text {font-family: "Objectivity";font-weight: 400;font-size: 1.8rem;color:#364079;transition: color .35s ease;}

.project-card a .card-icon{position: absolute;right: 1rem;bottom: 2rem;width: 5.6rem;height: 6.3rem;}
.project-card a .card-icon span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;transition: opacity .35s ease, visibility .35s ease;}
.project-card a .card-icon span svg{display: block;width: 100%;height: 100%;}
.project-card a .card-icon-default{opacity: 1;visibility: visible;}
.project-card a .card-icon-active{opacity: 0;visibility: hidden;}

.project-card a:hover .card-item-file img, .project-card a:hover .card-item-file video,
.project-card.is-active a .card-item-file img, .project-card.is-active a .card-item-file video{transform: scale(1.075);}

.project-card a:hover .card-footer,
.project-card.is-active a .card-footer{background-color: rgba(0,29,81,.88);}
.project-card a:hover .card-footer .card-location,
.project-card.is-active a .card-footer .card-location{color:#fff;}
.project-card a:hover .card-footer .card-item-title,
.project-card.is-active a .card-footer .card-item-title{color:#f26725;}
.project-card a:hover .card-footer .card-footer-col .card-footer-text,
.project-card.is-active a .card-footer .card-footer-col .card-footer-text {color:#fff;}
.project-card a:hover .card-icon-default,
.project-card.is-active a .card-icon-default{opacity: 0;visibility: hidden;}
.project-card a:hover .card-icon-active,
.project-card.is-active a .card-icon-active{opacity: 1;visibility: visible;}


.home-contact-content{min-height: 34rem;}
.home-contact-content .page-wrapper{padding-top: 7rem;padding-bottom: 7rem;}
.home-footer-content .page-wrapper{padding-top: 10%;}
.home-contact-content:before{content:"";position: absolute;inset: 0;width: 100%;height: 100%;background-image: url("assets/images/home-contact-layer.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.home-contact-media{position: absolute;inset: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;background-color: #364079;}
.home-contact-media img{display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.home-contact-container{display: flex;flex-direction: row;align-items: flex-start;gap: 3rem;justify-content: center;}
.home-contact-quote{flex: 0 0 auto;width: 6.5rem;padding-top: 0.6rem;}
.home-contact-quote svg{display: block;width: 100%;height: auto;}
.home-contact-inner{display: flex;flex-direction: column;gap: 2.5rem;}
.home-contact-title{max-width: 52rem;margin: 0;}
.home-contact-link{display: inline-flex;align-items: center;gap: 1.2rem;font-family: "Objectivity";font-weight: 700;font-size: 1.8rem;line-height: 1;color: #fff;text-decoration: none;width: -moz-fit-content;width: fit-content;transition: color .35s ease;}
.home-contact-link .home-contact-arrow{display: flex;transition: transform .35s ease;}
.home-contact-link .home-contact-arrow svg{display: block;width: 1.5rem;height: 1.1rem;}
.home-contact-link:hover{color: #f26725;}
.home-contact-link:hover .home-contact-arrow{transform: translateX(0.4rem);}

.home-footer-content{min-height: 50rem;flex-direction: column;overflow: visible;margin-top: 11rem;}
.home-footer-content .statistics-wrapper{margin-top: -11rem;}
.home-footer-content .home-contact-media:before{content: "";position: absolute;left:0;right:0;height: 100%;width:100%;background-color: #fff;z-index: -1;top: -11rem;}
.home-footer-content .home-contact-media{overflow: visible;}

.hometickers-container{position: relative;width:100%;height:125px;border-top:1px solid #001d51;border-bottom:1px solid #001d51;z-index:2;}
.framer-cloud {align-content: center;align-items: center;display: flex;flex-direction: column;flex-wrap: nowrap;gap: 20px;height: min-content;justify-content: center;overflow: visible;padding: 0;position: relative;width: 1632px;width: 10000vw !important;max-width: 10000vw !important;}
.framer-cloud-container {overflow: hidden;width: 100%;}
.s-marquee {display: flex;overflow: hidden;width: 100%;height: 125px;}

.marquee-track {display: flex;width: max-content;height: 125px;}
.marquee-track ul {display: flex;list-style: none;padding: 0;margin: 0;flex-direction: row;width: max-content;white-space: nowrap;align-items: center; gap: 40px;position: relative;padding-right: 40px; flex-shrink: 0; }

.framer-cloud .framer-box {align-content: center;align-items: center;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 40px;height: min-content;justify-content: center;overflow: hidden;padding: 0;position: relative;width: min-content;flex-shrink: 0;opacity: 1;}
.framer-cloud .framer-box h2{font-size:4rem;line-height: 1.3;}
@media (max-width: 1250px) {
  /* same smaller mobile clamp as the base h2 rule - this selector is more specific than plain h2 so it 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 {width: 100%;place-self: auto;z-index: 1;float: none;inset: 0rem;/*overflow: visible !important;*/box-sizing: border-box;}
.productsSwiper .swiper-slide {width: 38rem;min-height:31.7rem;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;transition: transform 0.3s ease;}
.productsSwiper .swiper-slide a{display: flex;flex-direction: column;height: 100%;}
.home-products-wrapper{border-top:1px solid #d7d9e4;}
.home-products-wrapper .home-product-title{font-family: "Objectivity";font-weight: 400;font-size: 2rem;line-height: 1; padding-top:1rem;padding-bottom:1rem;}
.home-products-wrapper .home-product-title strong, .home-products-wrapper .home-product-title b{font-weight: 700;}
.home-product-file{display: flex;position:relative;background-color:#111d61;border-radius:0.3rem;/*height:31.6rem;*/aspect-ratio: 16 / 10;padding:20px;overflow: hidden;}
.swiper-slide:nth-child(3n + 1) .home-product-file {background-color: #111d61;}
.swiper-slide:nth-child(3n + 2) .home-product-file {background-color: #0053af;}
.swiper-slide:nth-child(3n + 3) .home-product-file {background-color: #f2771d;}
.home-product-file img, .home-product-file video{display: block;transform: translate(-50%, -50%) scale(1);transform-origin: center;transition: filter .3s ease;position: absolute;top: 50%;left: 50%;max-width: 80%;max-height: 80%;/*object-fit: none;*/}
.productsSwiper .swiper-slide a:hover .home-product-file img, .productsSwiper .swiper-slide a:hover .home-product-file video{ filter: blur(0.3rem);}
.home-product-file .custom-button{position: absolute;z-index:1;top: 50%;transform: translateY(-50%);justify-content: center;width:100%;opacity: 0;transition: opacity 0.3s ease-in-out;}
.productsSwiper .swiper-slide a:hover .home-product-file .custom-button{opacity: 1;transition: opacity 0.3s ease-in-out;}
.home-product-file .custom-button.reverse:hover .button-text {background-color: #f26725;border: 1px solid #f26725;color: #fff;}
.home-product-footer{display:flex;flex-direction: column;gap:1rem;padding-top: 2.5rem;}
.home-product-subtitle{font-family: "Objectivity";font-weight: 700;font-size: 2.4rem;line-height: 1.1;color: #364079;}
.home-product-text{font-family: "Objectivity";font-weight: 400;font-size: 1.8rem;color: #364079;}

.home-products-content{padding-right:0;}
.home-products-content .page-wrapper{overflow: hidden;}

.page-section-visible{overflow: visible;}
.home-industries-content{z-index: 1;position:relative;}
.home-industries-content:before{content:"";position: absolute;inset: 0;width: 100%;height: 100%;background-image: url("assets/images/home-contact-layer.png");background-repeat: no-repeat;background-position: center;background-size: cover;}

.home-industries-background{position: absolute;top: -12rem;left: 0;right: 0;bottom: 0;width: 100%;display: block;z-index: -1;}
.home-industries-background:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-image: url("assets/images/industry-background-layer.png");background-repeat: no-repeat;background-size: cover;background-position: top center;mix-blend-mode: hard-light;}


.page-industries-container{display: flex;flex-direction: row;gap: 4rem;width: 100%;align-items: center;}
.page-industries-info{display: flex;flex-direction: column;width: 50%;}
.page-industries-info h2{font-size:4rem;margin-bottom:1rem;}
@media (max-width: 1250px) {
  /* same smaller mobile clamp as the base h2 rule - this selector is more specific than plain h2 so it 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{position: relative;display: flex;flex-direction: column;width: 50%;}
.page-industries-media:before{content:"";position: absolute;left:5rem;top:0;bottom:0;right:0;background-color: #364079;}
.home-services-wrapper{margin-top:40px;}
.home-services-wrapper ul{list-style: none;margin:0;}
.home-services-wrapper ul li{border-top:1px solid #fff;}
.home-services-wrapper ul li:last-child{border-bottom:1px solid #fff;}
.home-services-wrapper ul li .industry-item{/*padding:25px 0;*/width:100%;display:flex;}
#industries .home-services-wrapper ul li .industry-item{padding:25px 0;}
.home-services-wrapper ul li .industry-item:hover{background-color: #364079;}
.home-services-wrapper ul li .industry-item a{padding:25px 0;width:100%;display:flex;}
.home-services-info-content{display: flex;gap:30px;min-height:36px;flex-direction:column;transform: translateX(0);transition: transform .3s ease-in-out;width:100%;}
.home-services-wrapper ul li .industry-item:hover .home-services-info-content{transform: translateX(40px);}
.home-service-button{position: absolute;top:calc(50% - 18px);right:80px;width:36px;height:36px;opacity: 0;transition: opacity .3s ease-in-out;}
.home-services-wrapper ul li .industry-item:hover .home-service-button{opacity: 1;}
.home-services-wrapper ul li .industry-item:hover .home-service-button svg{right: 5px;transform: rotate(45deg) translateY(0);}
.home-service-title{font-family: 'Poppins';font-weight:600;font-size:2rem;}
.home-services-wrapper ul li .industry-item:hover .home-service-title{color:#fff;}

.footer-details, .footer-details-products{min-height:48.5rem;}
.footer-page-details-background{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;display: block;z-index: -1;overflow: hidden;background-color: #001d51;}
.footer-page-details-background img, .footer-page-details-background video {width: 100%;height: 100%;object-fit: cover;}
.page-footer-media{position: relative;display: flex;flex-direction: column;width: 50%;}
.footer-details .custom-button, .footer-details-products .custom-button{margin-left: auto;}
.footer-details .page-industries-info{width:39%;}
.footer-details .page-footer-media{width:61%;}
.footer-details-products .page-industries-info{width:61%;}
.footer-details-products .page-footer-media{width:39%;}

.srvtitle .page-industries-container{align-items: center;}
.srvtitle .about-our-experience-media-bottom{height: 47rem;margin-right: 5rem;margin-bottom: 5rem;width: calc(100% - 5rem);}
.srvtitle .about-our-experience-media-bottom.mobile{display: none;}
.about-our-experience-media-bottom {position: relative; width: 100%;aspect-ratio: 16 / 10;}
.home-service-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;z-index: 1;}
.home-service-image.active {opacity: 1;visibility: visible;z-index: 2;height: 470px;}
.home-service-image img, .home-service-image video {width: 100%;height: 100%;object-fit: cover;}

/** About **/
.page-about-info .page-wrapper{padding-bottom:4rem;}
.about-statistics:before{content:"";position:absolute;left:0;top:0;right:0;height:50%;background-color: #d7d9e4;}
.about-industries-content .home-services-wrapper ul li {border-top: 1px solid #001d51;}
.about-industries-content .home-services-wrapper ul li:last-child {border-bottom: 1px solid #001d51;}
.ims-content{display: flex;flex-direction: row;padding-bottom: 4rem;}

.mission-grid{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 3rem;row-gap: 3.5rem;}
.mission-item{position:relative;display: flex;align-items: flex-start;gap: 10%;padding-bottom: 3.5rem;}
.mission-item:before{content: "";position: absolute;bottom:0;left:0;right:60%;height: 1px;background-color: #dadce0;}
.mission-icon{flex: 0 0 auto;width: 5.6rem;height: 5.6rem;}
.mission-icon img, .mission-icon video{display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: left top;object-position: left top;}
.mission-content h3{margin: 0 0 3.5rem;}
.mission-content .text{margin: 0;}

.partners-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3rem;}
.partner-card{background-color: #fff;padding: 4rem;transition: background-color .35s ease;border-radius: 0.7rem;}
.partner-card .partner-logo{height: 4.4rem;margin-bottom: 2.8rem;display: flex;align-items: flex-start;}
.partner-card .partner-logo img, .partner-card .partner-logo video{display: block;max-width: 100%;max-height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: left center;object-position: left center;}
.partner-card h3{margin: 0 0 1.6rem;transition: color .35s ease;}
.partner-card .text{margin: 0;transition: color .35s ease;}
.partner-card:hover{background-color: #364079;}
.partner-card:hover h3, .partner-card:hover .text{color: #fff;}
.partner-card:hover .partner-logo img{filter: brightness(0) invert(1);}

.services-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 0;}
.service-card {background-color: #ffffff;border-radius: 0;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;border-bottom: 1px solid #d7d9e4;border-right: 1px solid #d7d9e4;}
.service-card:nth-child(4n){border-right: none;}
.service-card.last-row-4{border-bottom: none;}
.service-content {padding: 3rem 2rem 3rem 2rem;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 23.5rem;}
.service-icon{height:10rem;margin-bottom: 3.5rem;display: flex;}
.service-icon img {max-width: 13.5rem;max-height: 10rem;}
.service-title {text-align: left;width: 100%;}

.section-heading {margin-bottom: 3rem;margin-top: 6rem;}

.products-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.5rem;}
.product-card {background-color: #ffffff;padding: 2rem;border-radius: 0.7rem;display: flex;flex-direction: column;gap: 1.5rem;}
.product-item {display: flex;align-items: center;position: relative;padding-bottom: 1.5rem;border-bottom: 1px solid #d7d9e4;}
.product-item:last-child {border-bottom:0;padding-bottom: 0;}
.product-item::before {content: '';display: inline-block;width: 0.8rem;height: 0.8rem;background-color: #f26725;margin-right: 1rem;}

.about-info .custom-button.mobile{display: none;}
.about-info h3{width: 90%;}
.tbl-content{display: flex;flex-direction: row;padding-top: 100px;}
.tbl-content .custom-button{padding-top:3rem;margin-right: auto;}

.page-section-container{display: flex;flex-direction: row;gap: 4rem;width: 100%;align-items: center;}
.page-section-col{display: flex;flex-direction: column;width: 50%;}
					
.page-section-col h2, .page-section-col h3{padding-bottom:1.5rem;}
.page-section-col .custom-button{padding-top:2rem;}
.page-media{position: relative;display: flex;flex-direction: column;width: 100%;}
.page-media-file:before {content: "";position: absolute;left: -5rem;right: 5rem;top: 0;bottom: -5rem;background-color: #364079;z-index: -1;}
.page-media-file{position: relative;/*height: 47rem;*/margin-left: 5rem;margin-bottom: 5rem;width: calc(100% - 5rem);aspect-ratio: 16 / 10;}
.page-media-file img, .page-media-file video {width: 100%;height: 100%;object-fit: cover;}
/* This specific photo (About page, "development is guided by...") is close to
   square (513x500) but the shared .page-media-file box is a wide 16/10 crop, so
   ~36% of its height gets cut regardless of object-position. Default center
   cropping landed right on the Oman Vision 2040 watermark in the bottom-right
   corner. Biasing this one image to crop from the top instead (mostly empty
   sky) keeps the watermark fully intact. Scoped to this section only so other
   .page-media-file photos elsewhere keep their normal centered crop. */
#about-evolution .page-media-file img{object-position: center bottom;}

.integrated-mep-content{z-index: 3;}
.inside-arrow-layer{position:absolute;right:0;bottom:-163px;}
.inside-arrow-layer svg{overflow: visible;}

.inside-arrow-layer svg .cls-1, .inside-arrow-layer svg .cls-2, .inside-arrow-layer svg .cls-3{will-change: transform;}

.contact-page-layer svg{overflow: visible;}

.contact-page-layer svg .cls-1, .contact-page-layer svg .cls-2, .contact-page-layer svg .cls-3{will-change: transform;}



.page-section-container.reverse{flex-direction: row-reverse;}
.page-section-container.reverse .page-media-file:before {left: 5rem;right: -5rem;}
.page-section-container.reverse .page-media-file{margin-left:0;margin-right: 5rem;}

.page-section-file{height: 30.5rem;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;margin-top:4rem;}
.page-section-file img, .page-section-file video {width: 100%;height: 100%;object-fit: cover;}

#company-strategy .page-section-container{align-items: baseline;}
.accordion-container {width: 100%;display: block;}
.accordion-box {width: 100%;margin-bottom: 0;box-sizing: border-box;}
.accordion-header {position:relative;display: flex;justify-content: space-between;align-items: center;padding: 3rem 0;cursor: pointer;width: 100%;box-sizing: border-box;gap: 1rem;transition: transform .8s cubic-bezier(0.22, 1, 0.36, 1);border-bottom:0.3rem solid #dadce0;}
.accordion-header:after {content: "";position: absolute;left: 0;bottom: -0.2rem;height: 0.2rem;width: 0;background: #f26725;z-index: 9;-webkit-transition: width 0.35s;transition: width 0.35s;}
.accordion-header.active:after, .accordion-header.active:hover:after, .accordion-header:not(.active):hover:after {width:100%;}
.accordion-header span{transition: transform .8s cubic-bezier(0.22, 1, 0.36, 1);}
.accordion-header h3{padding-bottom: 0;}
.accordion-header:not(.active):hover span:not(.icon) h3{color:#364079;}
.accordion-header.active {color:#364079;}
.accordion-header .icon{color:#312782;width:1.8rem;height:1.8rem;background-image:url("assets/images/plus.svg");background-repeat: no-repeat;background-position: center;}
.accordion-header.active .icon{color:#d60b51;background-image:url("assets/images/minus.svg");}
.accordion-content {overflow: hidden;height: 0rem;clip-path: inset(0% 0% 100%);width: 100%;}
.accordion-content .accordion-inner{padding-top:3rem;}
.page-section-accordion .accordion-inner .text{width:80%;}

.logos-section {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8rem;
}
.logos-section h3 {
    text-align: center;
    padding-bottom: 3rem;
}
[id^="wpaft-logo-slider-featured-partners-and-clients"]:not(.logo-marquee-init) {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
[id^="wpaft-logo-slider-featured-partners-and-clients"]:not(.logo-marquee-init) .logo-container {
    flex: 1 1 20rem !important;
}
.logo-marquee-init {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    cursor: grab;
}
.logo-marquee-init:active {
    cursor: grabbing;
}
.logo-marquee-init .swiper-wrapper {
    will-change: transform;
    display: flex !important;
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
    align-items: center;
}
.logo-marquee-init .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    /*width: auto !important;*/
}
.logo-marquee-init .owl-controls {
    display: none !important;
}

/* Allow interaction with logos and links inside slides */
.logo-marquee-init .swiper-slide a {
    pointer-events: auto;
}
/* Slide background: the grey card behind each partner/client logo.
   Applied to .logo-container too, so the box is already there for the ~800ms
   before main.min.js (initClients) rebuilds the plugin markup into the swiper-slide. */
.logo-marquee-init .swiper-slide,
.logos-section .logo-container {
    background-color: #d7d9e4;
    border-radius: 0.3rem;
    padding: 2rem 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
	width:23.2rem !important;height:14.6rem;
}
/* Logo color: forced to a solid silhouette (brightness(0) saturate(100%)) then
   colorized to brand blue #364079. The filter must stay off the box above -
   brightness(0) there would blacken the grey background too. */
.logo-marquee-init .logo-container, 
.logo-marquee-init img, 
.logo-marquee-init a {
    pointer-events: auto !important;
    max-height: 8rem;
    max-width: 17rem;
    height: auto;
    width: auto;
    user-select: none;
    -webkit-user-drag: none;
}
.logo-marquee-init img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(119%) saturate(168%) hue-rotate(194deg) brightness(60%) contrast(138%); /* #364079 */
}

/** Products **/
.section-title {margin-bottom: 3rem;}
.vendors-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;}
.vendor-card {background-color: rgba(54, 64, 121, 0.15);display: flex;align-items: stretch;border-radius: 0.7rem;overflow: hidden;position: relative;}
.vendor-card.vendor-card-main {grid-column: 1 / -1;}
.vendor-logo {flex: 0 0 24.5rem;display: flex;align-items: center;justify-content: center;padding: 3rem;}
.vendor-logo img {max-width: 75%;max-height: 13rem;object-fit: contain;}
.vendor-content {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: center;padding: 4rem;min-width: 0;}
.vendor-content h3 {margin-bottom: 1.2rem;}
.vendor-content .text {margin-bottom: 1rem;}
.vendor-quote {flex: 0 0 32rem;background-color: #ffffff;display: flex;flex-direction: column;justify-content: center;gap: 1.8rem;padding: 4rem;margin-top: 2.5rem;margin-bottom: 2.5rem;border-top-left-radius:0.7rem;border-bottom-left-radius:0.7rem;}
.vendor-quote-icon {width: 3.8rem;}
.vendor-quote-icon svg {width: 100%;height: auto;display: block;}
.vendor-quote-title {font-family: "Poppins";font-weight: 700;font-size: 2.2rem;line-height: 1.35;margin: 0;}
.vendor-card:nth-child(3n + 1) .vendor-logo {background-color: #111d61;}
.vendor-card:nth-child(3n + 2) .vendor-logo {background-color: #0053af;}
.vendor-card:nth-child(3n + 3) .vendor-logo {background-color: #f2771d;}
.vendor-link {position: relative;display: flex;align-items: center;gap: 1rem;font-family: "Objectivity";font-weight: 700;font-size: 1.4rem;line-height: 1;color: #364079;padding:2rem 0;border-bottom:1px solid #364079;}
.vendor-link:last-child{border-bottom: 0;}
.vendor-link-icon {display: flex;align-items: center;flex: 0 0 auto;}
.vendor-link-icon svg {display: block;width: 1.5rem;height: 1.2rem;}
.vendor-link-icon .cls-1 {fill: #364079;transition: fill 0.3s ease;}
.vendor-main-buttons{display: flex;flex-direction: row;gap:2rem;}
.vendor-main-buttons .vendor-link{width: 100%;}
.vendor-main-buttons .vendor-link:last-child{border-bottom:1px solid #364079;}
.vendor-link:hover{color:#001d51;}
.vendor-link:last-child:focus{border-bottom:0;}
.vendor-link:focus{color:#001d51;border-bottom:1px solid #001d51;}
.vendor-link:hover .vendor-link-icon .cls-1{fill: #f26725;}


/** Fancybox **/
.carousel__button:hover, .carousel__button:focus{background-color:#214f9e !important;}
.carousel__button:hover svg path, .carousel__button:focus svg path, .carousel__button:hover svg circle, .carousel__button:focus svg circle{stroke:#fff !important;box-shadow: none !important;}

.noise-canvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0.07;/*mix-blend-mode: screen;*/}

@media (max-width: 1650px) {
	.sections-padding {padding-right: 4rem;padding-left: 4rem;}
}
@media (max-width: 1499px) {
    
}
@media screen and (max-width: 1450px) {
	h4{}
	
	.sections-padding {padding-right: 2rem;padding-left: 2rem;}
}

@media (max-width: 1250px) {
	.vendor-logo {flex: 0 0 20rem;}
	.footer-logo:before{left:-6rem;}
	.insidearrow{width: 200px;height:200px;}
	.inside-arrow-layer{bottom: -108px;}
}

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

@media (max-width: 1145px) {
	
}
@media screen and (max-width: 1080px) {
	.global-container{padding-top:4rem;padding-bottom:4rem;}
	.mega-menu-link{padding: 0rem 1.5rem !important;}
	
	.home-clientspartners-swiper {grid-template-columns: repeat(3, 1fr);}
	.home-clientspartners-col {justify-content: center;}
	.home-clientspartners-col:first-child {justify-content: center;}
	.home-clientspartners-col:last-child {justify-content: center;}
	.home-clientspartners-col:nth-child(3n+1) {justify-content: start;}
	.home-clientspartners-col:nth-child(3n) {justify-content: end;}
	.home-clientspartners-col img {max-height: 40px;max-width: 110px;height: auto;width: auto;}
	
	.inside-banner-section .page-section:before, .inside-banner-container h1:before{display: none;}
}

@media (max-width: 1045px) {
	
}
@media screen and (max-width: 1024px) {
	
	.site-header{padding: 0 2rem;}
	.header-inner{padding:2rem 0;}

	.simple-button:hover .button-text{color:#364079;background-color: #fff;border:1px solid #fff;}
	.simple-button.reverse:hover .button-text{background-color: #f26725;border:1px solid #f26725;color:#fff;}
	.simple-button:hover .button-text .downloadicon .cls-1 {fill: #364079;}
	.simple-button:hover .button-text .buttonicon .cls-1 {fill: #fff;}
	.simple-button.reverse:hover .button-text .buttonicon .cls-1 {fill: #fff;}
	.custom-button:hover .button-text{color:#364079;background-color: #fff;border:1px solid #364079;}
	.custom-button:hover .button-text .buttonicon .cls-1 {fill: #364079;}
	.custom-button.reverse:hover .button-text .buttonicon .cls-1 {fill: #fff;}
	.custom-button.reverse:hover .button-text{background-color: #f26725;border:1px solid #f26725;color:#fff;}
	.custom-button.noborder:hover .button-text{border:1px solid #fff;}
	
	.header-button{display: none;}
	.mobile-navigation-menu .header-button{display: block;margin-top: 40px;}
	.nav__links-wrapper {display: none;}
	.hamburger__menu {display: flex;flex-flow: column;justify-content: center;align-items: flex-end;width: 3.2rem;height: 2.5rem;padding: 0;position: relative;cursor: pointer;z-index: 1001;}
	.ham-menu__line {background-color: #fff;border-radius: 33px;width: 3.2rem;height: 0.5rem;margin: 0;transition: 0.3s ease;}
	.ham-menu__line.top {transform: translateY(-0.5rem);}
	.ham-menu__line.middle {transform: translateY(0rem);}
	.ham-menu__line.bottom {transform: translateY(0.5rem);}
	.hamburger__menu.active .top {transform: rotate(45deg) translateY(0.4rem);background-image:none;width: 2.4rem;}
	.hamburger__menu.active .middle {display: none;}
	.hamburger__menu.active .bottom {transform: rotate(-45deg) translateY(-0.4rem);background-image:none;width: 2.4rem;}

	body.no-scroll {overflow: hidden !important;height: 100vh !important;}
	
	.nav__mobile-wrapper {display: block;position: fixed;top: -200vh;left: 0;width: 100%;height: 100vh;background: #364079;overflow-y: auto;padding: 12.2rem 2rem 2rem 2rem;border-radius: 0;z-index:-1;transition: top 0.4s ease-in-out;}
	.nav__mobile-wrapper.active {top: 0;}
	
	.primary-mobile-list {list-style: none;padding: 0;margin: 0;}
	.primary-mobile-list > li {position: relative;}
	.primary-mobile-list li a {position: relative;display: block;padding: 2.8rem 0;text-align: left;color: #fff;text-decoration: none;font-family:"Poppins";font-weight:600;font-size:3.4rem;line-height: 1;border-bottom: 1px solid #fff;}
	.primary-mobile-list li.current-menu-ancestor a, .primary-mobile-list li.current-menu-item a{color:#f26725;}
	.primary-mobile-list .sub-menu li a {color: #fff;font-family:"Poppins";font-weight:400;font-size:2.8rem;line-height: 1;border-bottom: 0;}
	.primary-mobile-list .sub-menu li.current-menu-ancestor a {color:#364079;}
	.primary-mobile-list .sub-menu{margin-left: 0;}
	.primary-mobile-list li ul {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}
	.primary-mobile-list li.open > ul {max-height: 60rem; margin-top: 2rem;}
	
	.mobile-submenu-item a .dropdown-menu-toggle{background-image: url("assets/images/mobile-menu-dropdown.svg");background-repeat:no-repeat;width: 17px;height: 9px;display: block;position: absolute;right: 0;top: 28px;z-index: 1;}
	.mobile-submenu-item.open a .dropdown-menu-toggle{transform: scale(-1);}
	
	.primary-mobile-list li.current-menu-ancestor a .dropdown-menu-toggle, .primary-mobile-list li.current-menu-item a .dropdown-menu-toggle{background-image: url("assets/images/mobile-menu-dropdown-open.svg");transform: scale(-1);}
	
	.primary-mobile-list li.current-menu-ancestor.open a .dropdown-menu-toggle, .primary-mobile-list li.current-menu-item.open a .dropdown-menu-toggle{background-image: url("assets/images/mobile-menu-dropdown-open.svg");transform: scale(1);}
	
	.mobile-submenu-item .sub-menu a{background: none;}
	
	.footer-logo:before{display: none;}
	.footer-row .header-button{display: flex;}
	
	.home-clientspartners-swiper {grid-template-columns: repeat(3, 1fr);}
	.banner-section .home-partners-clients-list {min-height:10rem;}
	
	.services-grid, .products-grid {grid-template-columns: repeat(2, 1fr);}
	.service-card:nth-child(2n){border-right: none;}
	.service-card.last-row-4{border-bottom: 1px solid #d7d9e4;}
	.service-card.last-row-2{border-bottom: none;}
	.section-heading{margin-top: 4rem;}
	
	.project-card a:hover .card-item-file img, .project-card a:hover .card-item-file video,
	.project-card.is-active a .card-item-file img, .project-card.is-active a .card-item-file video{transform: scale(1);}

	.project-card a:hover .card-footer,
	.project-card.is-active a .card-footer{background-color: #d7d9e4;}
	.project-card a:hover .card-footer .card-location,
	.project-card.is-active a .card-footer .card-location{color:#364079;}
	.project-card a:hover .card-footer .card-item-title,
	.project-card.is-active a .card-footer .card-item-title{color:#364079;}
	.project-card a:hover .card-footer .card-footer-col .card-footer-text,
	.project-card.is-active a .card-footer .card-footer-col .card-footer-text {color:#364079;}
	.project-card a:hover .card-icon-default,
	.project-card.is-active a .card-icon-default{opacity: 1;visibility: visible;}
	.project-card a:hover .card-icon-active,
	.project-card.is-active a .card-icon-active{opacity: 0;visibility: hidden;}
	.productsSwiper .swiper-slide a:hover .home-product-file .custom-button{opacity: 0;}
	
	.partner-card:hover{background-color: #fff;}
	.partner-card:hover h3, .partner-card:hover .text{color: #364079;}
	.partner-card:hover .partner-logo img{filter:none;}

}

@media (max-width: 991px) {
	.vendors-grid {grid-template-columns: 1fr;}
	.vendor-content, .vendor-quote {padding: 2rem;}
	.vendor-card.vendor-card-main{flex-direction: column;}
	.vendor-quote {flex: 0 0 auto;width:100%;border-top-left-radius:0;border-bottom-left-radius:0;}
}

@media screen and (max-width: 921px) {
	
	.page-wrapper, .small-page-wrapper{padding-top:6rem;padding-bottom: 6rem;}
	.home-contact-content{min-height: 0;}
	.home-contact-content .page-wrapper{padding-top: 5rem;padding-bottom: 5rem;}
	.home-contact-container{flex-direction: column;gap: 1.5rem;}
	.home-contact-quote{width: 4.4rem;}
	.mission-grid{grid-template-columns: 1fr;column-gap: 0;}
	.partners-grid{grid-template-columns: 1fr;}
	.page-about-info .page-wrapper{padding-bottom:4rem;}
	.footer-row{flex-direction: column;gap: 7rem;align-items: start;}
	.footer-nav{width:45%;}
	.footer-navigation{width:100%;flex-flow: wrap;gap: 2rem;}
	.footer-copyright-bar{flex-direction: row;gap:2rem;}
	.footer-links{flex-direction: column-reverse;padding-top: 4rem;}
	.footer-nav ul li a:hover {color: #fff;}
	.footer-nav ul li.current-menu-item.footer-menu-header a:hover {color: #f26725;}
	.footer-socials{width:100%;margin-top: 4rem;}
	.footer-socials .ast-footer-social-wrap a:hover span {background-color: #d7d9e4;}
	.footer-socials .ast-footer-social-wrap a:hover span svg{fill:#001d51;}
	.copyright a:hover, .credits a:hover{color:#f26725;}
	.footer-row .header-button{width: 100%;padding-right: 0;}
	.footer-row .header-button:before {right:-2rem;}
	
	.footer-extraspace{display: none;}
	.footer-section{position: relative;z-index: 0;}
	
	.home-clientspartners-swiper {padding-top: 0px !important;padding-bottom: 0px !important;gap: 20px;}
	.banner-section .home-partners-clients-wrapper, .banner-section .home-partners-clients-list{max-width: 100%;}
	.banner-section .home-partners-clients-wrapper{margin-top: 4rem;}
	.inside-banner-file {position: absolute;left:auto;right: -2rem;top: 8rem;width: 70%;height: auto;}
	.inside-banner-file img, .inside-banner-file video {width: 100%;height: 100%;object-fit: cover;/*max-height: 33rem;*/}
    .page-container-info h3, .page-container-info h2, .page-container-info .text{max-width:100%;}
	.page-info-layer-right{display: none;}
	.page-container-wrapper{flex-direction: column;}
	.page-info-col{width:100%;}
	.page-text-col, .page-text-col:nth-child(2){width: 100%;}
	.contact-image {margin-bottom: 4rem;}
	.contact-form-wrapper .wpcf7-submit:hover {background-color:#364079;border:0;}
	.contact-us-social .ast-footer-social-wrap a:hover span {background-color: #d7d9e4;}
	.contact-us-social .ast-footer-social-wrap a:hover span svg{fill:#364079;}
	.contact-page-layer{width:40%;}
	.contact-page-layer svg{width:100%;}
	.projects-page-results {grid-template-columns: repeat(2, 1fr);}
	.breadcrumb-back:hover, .breadcrumb-back:focus{color:#fff;background-image: url("assets/images/back-button.svg");}
	
	.project-item a:hover{background-color:#d7d9e4;}
	.project-item a:hover .project-item-title{color:#001d51;}
	.project-item a:hover {transform: translateY(0rem) !important;}
	.project-item a:hover .project-item-file img, .project-item a:hover .project-item-file video{transform: scale(1);}
	.inside-projects-page-results .splide-media a:hover .splide-file img, .inside-projects-page-results .splide-media a:hover .splide-file video {transform: scale(1);}
	.projects-page-results{row-gap:4rem;}
	.project-item:before{bottom:-2rem;}
	.projects-page-results .project-card:before{bottom:-2rem;}
	.page-more-filter{padding-top:2rem;margin-top: 2rem;}
	.abt-content{flex-direction: column;gap:4rem;padding-bottom: 4rem;}
	.proj-content{flex-direction: column;gap:4rem;padding-bottom: 4rem;}
	.prod-content{flex-direction: column;gap:4rem;padding-bottom: 4rem;}
	.about-info, .about-info h2, .about-info h3{width:100%;}
	.statistics-section{flex-wrap: wrap;}
	.stat-item{width:46%;}
	.home-projects-header .about-info.only-button{align-items: start;}
	.project-item .project-item-box:hover .project-item-file img, .project-item .project-item-box:hover .project-item-file video{transform: scale(1);}
	
	.project-card a:hover .card-item-file img, .project-card a:hover .card-item-file video{transform: scale(1);}
	.project-card a:hover .card-footer{background-color: #d7d9e4;}
	.project-card a:hover .card-footer .card-location{color:#001d51;}
	.project-card a:hover .card-footer .card-item-title{color:#001d51;}
	.project-card a:hover .card-footer .card-footer-col{border-top-color: rgba(0,29,81,.2);}
	.project-card a:hover .card-footer .card-footer-col .text {color:#001d51;}
	.project-card a:hover .card-icon-default{opacity: 1;visibility: visible;}

	.project-card a:hover .card-icon-active{opacity: 0;visibility: hidden;}
	.page-industries-container{flex-direction: column;}
	.page-industries-info, .page-industries-media, .page-footer-media{width:100%;}
	.footer-details .page-industries-info, .footer-details-products .page-industries-info{width:100%;text-align: center;}
	.footer-details .page-footer-media, .footer-details-products .page-footer-media{width:100%;}
	.footer-details .custom-button, .footer-details-products .custom-button{margin: 0 auto;}
	.srvtitle .about-our-experience-media-bottom{margin-right: 3rem;margin-bottom: 3rem;width: calc(100% - 3rem);}
	.page-industries-media{display: none;}
	.srvtitle .about-our-experience-media-bottom.mobile{display: flex;}
	.home-services-wrapper ul li .industry-item:hover {background-color: transparent;}
	.home-services-wrapper ul li .industry-item:hover .home-services-info-content {transform: translateX(0);}
	.srvtitle .about-our-experience-media-bottom.mobile .home-service-image{opacity: 1;visibility: visible;}
	.srvtitle .about-our-experience-media-bottom.mobile:before{content:"";position: absolute;left:3rem;top:0;bottom:-3rem;right:-3rem;background-color: #364079;}
	.srvtitle .about-our-experience-media-bottom{height:33rem;}
	.ims-content{flex-direction: column;gap: 1rem;}
	.about-info .custom-button.desktop{display: none;}
	.about-info .custom-button.mobile{display: flex;}
	.tbl-content{flex-direction: column;gap: 10px;padding-top: 40px;}
	.page-section-container, .page-section-container.reverse{flex-direction: column;}
	.page-section-col{width: 100%;}	
	.page-media-file:before {left: -3rem;right: 3rem;bottom: -3rem;}
	.page-media-file{margin-left: 3rem;margin-bottom: 3rem;width: calc(100% - 3rem);}
	.page-section-container.reverse .page-media-file:before {left: 3rem;right: -3rem;}
	.page-section-container.reverse .page-media-file{margin-left:3rem;margin-right: 0;}
	.accordion-header.active:after, .accordion-header.active:hover:after, .accordion-header:not(.active):hover:after {width:0;}
	.accordion-header:not(.active):hover span:not(.icon) h3{color:#001d51;}
	.logos-section{padding-bottom:60px;}
	.inside-arrow-layer{display: none;}
	.home-services-wrapper ul li .industry-item:hover .home-service-title{color:#001d51;}
	
	.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:-100%;}
	.productsSwiper .swiper-slide a:hover .card-footer .card-explore-button em:after{left: 0;}
	.home-services-wrapper ul li .industry-item:hover .home-service-title{color:#fff;}

	.about-industries-content .home-services-wrapper ul li .industry-item:hover .home-service-title{color:#001d51;}
	.banner-buttons{flex-flow: wrap;gap: 1.5rem;margin-top: 5rem;}
	.vision{width:100%;text-align: right;margin-top: 6.5rem;position: relative;}
	.custom-iso-list{margin-top:2rem;}
	.bottom-z, .home-bottom-z{display: none;}
}

@media (max-width: 768px) {
	.inside-projects-page-results ul {grid-template-columns: 1fr;gap:4rem;}	
	.stat-item{width:100%;}
}
@media (max-width: 640px) {
	.home-clientspartners-col img{max-height: 64px;max-width: 99px;}
	.contact-form-wrapper .form-row{flex-direction: column;gap:4rem;}
	.contact-form-wrapper .form-col{width:100%;}
	.projects-page-results {grid-template-columns: 1fr;}
	.services-grid, .products-grid {grid-template-columns: 1fr;}
	.service-card{border-right: none;}
	.service-card.last-row-4{border-bottom: 1px solid #d7d9e4;}
	.service-card.last-row-2{border-bottom: 1px solid #d7d9e4;}
	.service-card.last-row-1{border-bottom: none;}
	.section-heading{margin-top: 3rem;}
	.footer-copyright-bar{flex-direction: column;}
}

@media (max-width: 580px) {
    .vendor-main-buttons{flex-direction: column;}
	.vendor-card{flex-direction: column;}
	.vendor-logo {flex: 0 0 14.6rem;width: 100%;padding: 2rem;}
	.vendor-quote {flex: 0 0 auto;}
	.section-buttons, .banner-buttons{flex-direction: column;align-items: normal;}
	.section-buttons .custom-button .button-text, .banner-buttons .simple-button .button-text{width:100%;}
}
@media (max-width: 480px) {

}