/*
 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 */
*, :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;
}

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: 120px;padding-left: 120px;}
.sections-padding {padding-right: 0px;padding-left: 0px;}
p{margin-bottom: 15px;}
p:last-child{margin-bottom:0;}
.global-container{padding-top:100px;padding-bottom: 100px;}
.small-global-container{padding-top:60px;padding-bottom: 60px;}
.screen-reader-response p{margin-bottom: 0;}
.screen-reader-response ol, .screen-reader-response ul{margin:0;}

h1{font-family:"Aeonik";font-weight:700;font-size:45px;line-height: 1.2;}
h2{font-family:"Aeonik";font-weight:700;font-size:36px;line-height: 1.2;}
h3{font-family:"Aeonik";font-weight:700;font-size:48px;line-height: 1;}
h4{font-family:"Aeonik";font-weight:700;font-size:24px;line-height:1.2;}

.text{font-family:"Aeonik";font-weight:400;font-size:16px;line-height: 22px;}
.text strong, .text b{font-family:"Aeonik";font-weight:700;}
.text a{text-decoration: underline;color: #0070a2;}
.text p{margin-bottom:20px;}
.text p:last-child{margin-bottom:0;}
.text ul{margin-left:0;list-style-position: inside;}

.text1{font-family:"Aeonik";font-weight:400;font-size:24px;line-height: 30px;}
.text1 strong, .text1 b{font-family:"Aeonik";font-weight:700;}
.text1 a{text-decoration:none;color:#312782;}
.text1 a:hover{color:#d60b51;}

.text2{font-family:"Aeonik";font-weight:400;font-size:18px;line-height: 24px;}
.text2 strong, .text2 b{font-family:"Aeonik";font-weight:700;}
.text2 a{text-decoration:none;color:#312782;}
.text2 a:hover{color:#d60b51;}

.bg-color-black{background-color: #000000;}
.bg-color-white{background-color: #ffffff;}
.bg-color-navy-blue{background-color: #2d2d85;}
.bg-color-dark-navy-blue{background-color: #222264;}
.bg-color-transparent{background-color: transparent;}

.color-black{color: #000000;}
.color-white{color: #ffffff;}
.color-navy-blue{color: #2d2d85;}
.color-pink {color: #de0780;}

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

.page-section{position: relative;width:100%;display:flex;z-index:1;}

.bg-color-white{background-color:#fff;}
.bg-color-light-blue{background-color:#a0c0d9;}
.bg-color-blue{background-color:#0070a2;}
.bg-color-dark-blue{background-color:#1a2e54;}
.bg-color-grey{background-color: #eeeff6;}
.arrow-button .cls-1 {fill: #fff;fill-rule: evenodd;}
.ast-page-builder-template .site-content > .ast-container{display: flex;flex-direction: column;}

.max-container {position: relative;width: 100%;max-width: 1450px;margin: 0 auto;}
.page-loader {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #343390;z-index: 99999;display: flex;justify-content: center;align-items: center;opacity: 1;}
.page-loader video{width:100%;}

.loader-content{position: relative;opacity: 0;transition: opacity 0.4s ease;}
.loader-content:before{content:"";position:absolute;bottom:0;left:0;right:0;height: 30px;background-color: #343390;}

.cubes{position: absolute;width:50px;height:50px;display:flex;z-index:1;}
.cubes .full-cube{background-color:#fff;width:50px;height:50px;}
.cubes svg{width:50px;height:50px;}
.cubes.cube-white .cubes .cls-1 {fill: #fff;}
.cubes.cube-blue .cubes .cls-1 {fill: #2d2d85;}
.cubes.cube-grey .cubes .cls-1 {fill: #eeeff6;}
.cube-top-left{top:-1px;left:-1px;transform: rotate(-90deg);}
.cube-top-right{top:-1px;right:-1px;}
.cube-bottom-left{bottom:-1px;left:-1px;}
.cube-bottom-right{bottom:-1px;right:-1px;transform: rotate(-90deg);}

.inside-banner-info-wrapper .breadcrumb{list-style: none;margin-left:0;margin-bottom: 10px;display:flex;gap:10px;}
.inside-banner-info-wrapper .breadcrumb li{font-family: 'Aeonik';font-weight:400;font-size:21px;color:#2d2d85;}
.inside-banner-info-wrapper .breadcrumb li a, .inside-banner-info-wrapper .breadcrumb li .sep{font-family: 'Aeonik';font-weight:700;font-size:21px;color:#2d2d85;}

.fullcube .cls-1 {fill: #fff;}

.full-cube{position: absolute;width:84px;height:84px;z-index:1;}
.full-cube.full-cube-white .fullcube .cls-1 {fill: #fff;}
.full-cube.full-cube-blue .fullcube .cls-1 {fill: #2d2d85;}
.full-cube.full-cube-grey .fullcube .cls-1 {fill: #eeeff6;}
.full-cube-top-left{top:-1px;left:-1px;}
.full-cube-top-right{top:-1px;right:-1px;}
.full-cube-bottom-left{bottom:-1px;left:-1px;}
.full-cube-bottom-right{bottom:-1px;right:-1px;}

.products-file .full-cube, .products-file .full-cube svg{width:62px;height:62px;}

/** Header **/
.site-header {position: absolute;top: 0;width: 100%;z-index: 1000;transition: all 0.3s ease;padding: 0 80px;}
.header-inner {display: flex;justify-content: space-between;align-items: center;transition: all 0.3s ease;position:relative;}
.logo img{max-width:186px;width:186px;}
.custom-logo-link-dark{position:absolute;opacity: 0;left:0;}
.logo{position: relative;padding-top:20px;padding-bottom:20px;}
body[data-theme="Dark"] .site-header.active .custom-logo-link{opacity: 0;transition: all 0.35s ease-in-out .3s;}
body[data-theme="Dark"] .site-header.active .custom-logo-link-dark{opacity: 1;transition: all 0.35s ease-in-out .3s;}
.desktop-menu {display: flex;height: 102px;align-items: center;}
.primary-menu {display: flex;gap: 20px;}
.desktop-menu ul{display: flex !important;gap: 40px;list-style: none;margin: 0;}
.desktop-menu ul li{display: flex;align-items: center;margin-left: 40px;}
.desktop-menu ul li:first-child, .desktop-menu ul li:last-child{margin-left:0;}
.desktop-menu ul li a{font-family: 'Aeonik';font-weight:700;font-size:16px;color:#fff;line-height: 16px;}
.burger {display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;border-radius: 0;}
.burger span {width: 30px;height: 3px;}
body[data-theme="Light"] .burger span{background: #312782;}
body[data-theme="Dark"] .burger span{background: #fff;}
.close{color: #fff !important;padding:0;}
.mobile-menu-overlay {position: fixed;inset: 0;background: #312782;transform: translateX(100%);transition: 0.35s ease;z-index: 2000;}
.mobile-menu-overlay.active {transform: translateX(0);}
.mobile-menu-inner {height: 100%;padding: 20px;display: flex;flex-direction: column;overflow: auto;}
.mobile-top {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;}
.mobile-top .logo{padding-top: 0;padding-bottom: 0;}
.close {font-size: 28px;background: none;border: none;cursor: pointer;}
.close:hover{background-color: transparent;border:0;}
.mobile-nav {margin-top: 30px;}
.mobile-nav ul{margin:0;list-style:none;}
.mobile-nav ul li {margin-bottom: 18px;}
.mobile-nav ul li a{font-family: "Aeonik";font-size: 2rem;font-weight: 700;color:#fff;}
.mobile-nav ul li.current-menu-item a, .mobile-nav ul li.current-menu-item a:hover{color:#d60b51;}
.mobile-cta {margin-top: 25px;margin-bottom: 40px;}
.mobile-cta .custom-button-text--back{color:#fff !important;}
.mobile-menu-overlay.active .media-banner:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-image:url("assets/images/mobile-menu-layer.png");background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.mobile-menu-inner{position: relative;overflow: hidden;}
.mobile-menu .sub-menu{display:none;}
.mobile-menu .menu-item-has-children > a{display:flex;justify-content:space-between;align-items:center;cursor: pointer;}
.mobile-menu .menu-item-has-children > a:after{content:"";background-image: url("assets/images/mobile-menu-arrow-right.svg");background-repeat: no-repeat;width:24px;height:24px;}
.mobile-submenu-panel{position:absolute;top:0;left:100%;width:100%;height:100%;background:#312782;z-index:1;transition:.4s ease;padding:30px;display:flex;flex-direction:column;}
.mobile-submenu-panel.active{left:0;}
.submenu-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;margin-top: 100px;}
#submenuBack{background:none;border:none;background-image: url("assets/images/mobile-menu-arrow-left.svg");background-repeat: no-repeat;width:24px;height:24px;cursor:pointer;padding:0;}
#submenuTitle{font-family: 'Aeonik';font-weight:700;font-size:30px;color:#fff;}
#submenuContent{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:10px;}
#submenuContent::-webkit-scrollbar{width:4px;}
#submenuContent::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:10px;}
#submenuContent ul{list-style:none;padding:0;margin:0;}
#submenuContent li{margin-bottom:18px;}
#submenuContent a{color:#fff;text-decoration:none;font-family: 'Aeonik';font-weight:400;font-size:20px;line-height:1.2;}

/** Primary Mega menu **/
.site-header:before{content: "";position: absolute;top:-100%;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index: 0;transition: .6s cubic-bezier(0.22, 1, 0.36, 1);}
.site-header.active:before{top:0;background-color: #fff;}
.layer-banner{position: fixed;width:100%;height:100%;top:0;left:0;/*background-color: #000;*/background-image:url("assets/images/submenu-layer.png");background-repeat:no-repeat;z-index: 12;pointer-events: none;opacity: 0;transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1);}
/*.layer-banner.active{opacity:1;}*/
#mega-menu-wrap-primary{position:inherit;}
#mega-menu-primary{position: inherit !important;background-color: transparent !important;}
#mega-menu-primary li a{background-color: transparent !important;font-family: 'Aeonik' !important;font-weight:700 !important;font-size:16px !important;color:#fff !important;padding:0 !important;text-transform: none !important;}
#mega-menu-primary li a:hover, #mega-menu-primary li.mega-current-menu-item a, #mega-menu-primary li.mega-current-menu-item a:hover{color:#de0780 !important;}
#mega-menu-primary li a .mega-indicator{display: none !important;}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {top: 102px !important;padding: 35px 30px 35px 50px !important;background-color:#fff !important;flex-direction: column;border-top: 1px solid #eeeff6 !important;}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu#mega-sub-menu-67{display: inline-block !important;transform: translateY(-101%);transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1) .3s;will-change: transform;z-index: -1;}
#mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > ul.mega-sub-menu#mega-sub-menu-67{transform: translateY(0);transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.site-header.active #mega-menu-primary li a{color:#312782 !important;transition: all 0.35s ease-in-out .3s;}
.site-header.active #mega-menu-primary li a:hover, .site-header.active #mega-menu-primary li.mega-current-menu-item a, .site-header.active #mega-menu-primary li.mega-current-menu-item a:hover{color:#d60b51 !important;transition: all 0.35s ease-in-out .3s;}
@media only screen and (min-width: 769px) {	#mega-menu-wrap-primary {background-color: transparent !important;} }
.mega-menu-item-has-children #mega-sub-menu-67.mega-sub-menu:before {content: "" !important;position: absolute;top: -65px;left: 0;right: 0;height: 100px;display: block !important;background: transparent;}
#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;/*display: flex !important;*/}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-header{width:50% !important;padding-bottom: 25px;border-bottom: 1px solid #312782;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-image{float:right !important;width:40% !important;/*background-color:#312782;*/overflow:hidden;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation{width:50% !important;padding-top: 25px;padding-bottom: 25px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column .mega-sub-menu{display: flex !important;flex-direction: column !important;gap: 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column .mega-sub-menu > li.mega-menu-item{padding:0;overflow: hidden;}
body[data-theme="Light"] #mega-menu-primary li a{color:#2d2d85 !important;}
body[data-theme="Light"] #mega-menu-primary ul li.mega-current-menu-item a, #mega-menu-primary ul li.mega-current-menu-item a,
body[data-theme="Light"] #mega-menu-primary ul li a:hover, #mega-menu-primary ul li a:hover,
body[data-theme="Light"] #mega-menu-primary ul li.mega-current-menu-item a:hover, #mega-menu-primary ul li.mega-current-menu-item a:hover{color:#d60b51 !important;}
body[data-theme="Light"] #mega-menu-primary li a:hover, body[data-theme="Light"] #mega-menu-primary li.mega-current-menu-item a, body[data-theme="Light"] #mega-menu-primary li.mega-current-menu-item a:hover{color:#d60b51 !important;}
.submenu-header ul.mega-sub-menu{display: flex !important;justify-content:space-between;}
.submenu-header ul.mega-sub-menu li{display: flex;}
.submenu-header ul.mega-sub-menu li .mega-menu-link{text-align: right !important;}
.submenu-header ul.mega-sub-menu h4{font-family: 'Aeonik' !important;font-weight:700 !important;font-size:18px !important;color:#312782 !important;text-transform: initial !important;padding-bottom: 0 !important;line-height: 1;}
#mega-menu-primary .submenu-header ul.mega-sub-menu .view-all-menu a{padding-right:20px !important;background-image: url("assets/images/menu-arrow.svg") !important;background-repeat: no-repeat !important;background-position: right center !important;font-weight:700 !important;font-size:16px !important;color:#312782 !important;text-transform: initial !important;transform: none !important;transition: none !important;}
#mega-menu-primary .submenu-header ul.mega-sub-menu .view-all-menu a:hover{color: #d60b51 !important;background-image: url(assets/images/menu-arrow-hover.svg) !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-image img{width:100%;height:100%;object-fit: cover;}
.submenu-image .widget_custom_html{position: relative !important;padding:30px 20px 15px 20px !important;}
.submenu-image .widget_custom_html:before{display:block !important;content: "";position: absolute;top: 30px;right: 10px;background-image: url(assets/images/layer-blue.svg);background-repeat: no-repeat;width: 52px;height: 8px;}
.submenu-image .widget_custom_html h4{position: relative;font-family: 'Aeonik' !important;font-weight: 700 !important;font-size: 28px !important;line-height: 1.2;color: #fff !important;width:60%;padding-right: 62px !important;padding-bottom: 20px !important;text-transform: none !important;}
.submenu-image .widget_custom_html .custom-html-widget{display:inline-block !important;}
.submenu-image .widget_custom_html .custom-button .button-text {font-family: 'Aeonik' !important;font-weight: 700 !important;font-size: 16px !important;line-height: 16px !important;color: #312782 !important;background-color: #fff !important;border: 1px solid #312782 !important;padding: 15px 30px !important;}
.submenu-image .widget_custom_html .custom-button.pinky:hover .button-text{background-color: #d60b51 !important;color:#fff !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-image > ul.mega-sub-menu{background-color: #312782;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-image > ul.mega-sub-menu > li.mega-menu-column .mega-sub-menu{gap: 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation li.mega-submenu-nav-link{padding-left: 20px !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation li.mega-submenu-nav-link a{font-family: 'Aeonik' !important;font-weight: 400 !important;font-size: 16px !important;line-height: 16px !important;color: #312782 !important;text-transform: none !important;transform: translateY(100%);}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation li.mega-submenu-nav-link a:hover, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation li.mega-submenu-nav-link.mega-current-menu-item a, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation li.mega-submenu-nav-link.mega-current-menu-item a:hover{color:#d60b51 !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-navigation li.mega-submenu-nav-link:before {display:block !important;content: "";position: absolute;left: 0;margin-right: 15px;top: 4px;width: 7px;height: 7px;background-color: #d60b51;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.submenu-image > ul.mega-sub-menu{clip-path: inset(0% 0% 100% 0%);}
#mega-menu-wrap-primary{height: 100%;}
#mega-menu-wrap-primary #mega-menu-primary{height: 100%;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{display:flex;height: 100%;align-items: center;font-family: "Aeonik" !important;font-weight: 700 !important;font-size: 16px !important;}

.submenu-image:before{content:"" !important;display:block !important;position: absolute;top:-1px;left:-1px;width:50px;height:50px;z-index: 1;background-image: url("assets/images/chess-layer-1-4.svg");background-repeat: no-repeat;background-size: 50px;transform: rotate(-90deg);}
.submenu-image img{width:100%;height:100%;object-fit: cover;}

.submenu-info-1 h4{font-family:"Aeonik" !important;font-weight:700 !important;font-size:18px !important;color:#2e3191 !important;margin-bottom:15px !important;text-transform: none !important;}
.submenu-info-1 .textwidget{font-family:"Aeonik" !important;font-weight:400 !important;font-size:16px !important;color:#2e3191 !important;margin-bottom:25px !important;line-height: 22px !important;}

.submenu-info-2 .mega-menu-link, .submenu-info-3 .mega-menu-link{font-family:"Aeonik" !important;font-weight:400 !important;font-size:16px !important;color:#2e3191 !important;}
.submenu-info-2 .mega-menu-item, .submenu-info-3 .mega-menu-item{padding-top:20px !important;padding-bottom: 20px !important;border-bottom: 1px solid #23256d !important;}

.mega-sub-menu .mega-menu-link{position: relative !important;}
.mega-sub-menu .mega-menu-link:before{content:"";position: absolute !important;right:0;top:calc(50% - 7px) !important;width:13px !important;height:13px !important;background-image:url("assets/images/submenu-arrow.png") !important;background-repeat: no-repeat !important;transition: all 0.3s ease;}
.mega-sub-menu .mega-menu-link:hover:before{/*right: 5px;*/transform: rotate(45deg) translateY(0);transition: all 0.3s ease;}

.submenu-info-1 h4, .submenu-info-1 .textwidget p, .submenu-info-1 .button-animate, .submenu-info-2 .mega-menu-link, .submenu-info-3 .mega-menu-link {opacity: 0;transform: translateY(15px);will-change: transform, opacity;}
.mega-menu-item-has-children .button-animate, .mega-menu-item-has-children .mega-menu-link {transition: none !important; }
.site-header.active #mega-menu-primary li.submenu-info-2 a, .site-header.active #mega-menu-primary li.submenu-info-2.mega-current-menu-item a, .site-header.active #mega-menu-primary li.submenu-info-2.mega-current-menu-item a,
.site-header.active #mega-menu-primary li.submenu-info-3 a, .site-header.active #mega-menu-primary li.submenu-info-3.mega-current-menu-item a, .site-header.active #mega-menu-primary li.submenu-info-3.mega-current-menu-item a{color: #2e3191 !important;}
.site-header.active #mega-menu-primary li.submenu-info-2 a:hover, .site-header.active #mega-menu-primary li.submenu-info-2.mega-current-menu-item a, .site-header.active #mega-menu-primary li.submenu-info-2.mega-current-menu-item a:hover,
.site-header.active #mega-menu-primary li.submenu-info-3 a:hover, .site-header.active #mega-menu-primary li.submenu-info-3.mega-current-menu-item a, .site-header.active #mega-menu-primary li.submenu-info-3.mega-current-menu-item a:hover{color: #d60b51 !important;}

.desktop-investors-login{display: flex;gap:10px;}
.login-menu{display: flex;position:relative;}
.login-link{cursor: pointer;}
.login-opener {position:absolute;right:0;top: 100%;display: none;padding:10px;background-color: #2e3191;border-radius:3px;}
.login-opener .custom-button{margin-bottom:10px;}
.login-opener .custom-button:last-child{border-bottom: 0;padding-bottom:0;margin-bottom:0;}
.login-menu:hover .login-opener {display: block;}

.header-button{display: flex;}

/** Custom Button **/
.custom-button a{align-items: center;background: none;border: none;cursor: pointer;display: inline-flex;outline: none;padding: 0;position: relative;text-align: left;white-space: nowrap;width: max-content;text-decoration:none;}	
.empty-button .empty-button-holder{align-items: center;background: none;border: none;cursor: pointer;display: inline-flex;outline: none;padding: 0;position: relative;text-align: left;white-space: nowrap;width: max-content;}						
.custom-button-text{font-family:"Aeonik";font-weight:700;font-size:16px;line-height:35px;position: relative;transition: opacity 0.3s ease, transform 0.6s cubic-bezier(0.25,1,0.5,1);}
.custom-button-text--back{margin-left: 51px;z-index: 1;color: #2e3191;}
.custom-button-icon{align-items: center;display: flex;overflow: hidden;transition: width 0.6s cubic-bezier(0.25,1,0.5,1);border-radius: 5px;height: 36px;position: absolute;width: 36px;z-index: 2;background-color:#de0780;}
.custom-button-icon svg{position:absolute;transition: all 0.3s ease;height: 36px;right: 0;top: 0;width: 36px;}
.custom-button-text--front{color: #fff;margin-left: 15px;opacity: 0;white-space: nowrap;}
.custom-button a:hover .custom-button-text--back{opacity: 0;transform: translateX(-36px);}							
.custom-button a:hover .custom-button-icon{width:100%;}
.custom-button a:hover .custom-button-icon svg{right:5px;transform: rotate(45deg) translateY(0);}
.custom-button a:hover .custom-button-text--front{opacity: 1;}
.custom-button.reverse-custom-button .custom-button-text--back{color: #fff;}
.custom-button.reverse-custom-button .custom-button-text--front{/*color: #2e3191;*/}
.custom-button.small-custom-button .custom-button-text{font-size:12px;margin-left: 40px;}
.custom-button.small-custom-button .custom-button-icon{width:30px;height:30px;}
.custom-button.small-custom-button .custom-button-icon svg{width:30px;height:30px;}
.custom-button.small-custom-button .custom-button-text--front{margin-left:10px;}

.empty-button:hover .empty-button-holder .custom-button-text--back{opacity: 0;transform: translateX(-36px);}							
.empty-button:hover .empty-button-holder .custom-button-icon{width:100%;}
.empty-button:hover .empty-button-holder .custom-button-icon svg{right:5px;transform: rotate(45deg) translateY(0);}
.empty-button:hover .empty-button-holder .custom-button-text--front{opacity: 1;}

.mega-sub-menu .custom-button a *, .mega-sub-menu .custom-button a:before, .mega-sub-menu .mega-menu-link:before {
    transition: none !important;
}

.downloadicon .cls-1 {fill: #de0780;}
body.home .downloadicon .cls-1 {fill: #de0780;}
.downloadicon .cls-1 {fill: #fff;}
.loginarrow .cls-1 {fill: #fff;}
.simple-button{display: flex;}
.simple-button .button-text{font-family: 'Aeonik';font-weight:700;font-size:14px;line-height:14px;color:#ffffff;background-color: #2d2d85;border:0;padding: 12px 35px 12px 15px;border-radius: 4px;width:100%;text-align:center;}
body.home .simple-button .button-text{color:#2d2d85;background-color: #fff;}
body.home .site-header.active .simple-button .button-text{color:#ffffff;background-color: #2d2d85;}

.simple-button .button-text .download-icon, .simple-button .button-text .login-arrow{position: absolute;right:15px;display:flex;}
.simple-button .button-text .download-icon{top:calc(50% - 6px);}
.simple-button .button-text .login-arrow{top:calc(50% - 2px);}
.simple-button.reverse .button-text{background-color: #de0780;color:#fff;}
body.home .simple-button.reverse .button-text{color:#fff;background-color: #de0780;}
.simple-button:hover .button-text{background-color: #de0780;color:#fff;}
.simple-button:hover .button-text .downloadicon .cls-1 {fill: #fff;}
.simple-button.reverse:hover .button-text{color:#fff;background-color: #2d2d85;}
.simple-button.reverse:hover .button-text .loginarrow .cls-1 {fill: #fff;}
body.home .simple-button:hover .button-text{background-color: #de0780;color:#fff;}
body.home .simple-button:hover .button-text .downloadicon .cls-1 {fill: #fff;}
body.home .simple-button.reverse:hover .button-text{color:#2d2d85;background-color: #fff;}
body.home .simple-button.reverse:hover .button-text .loginarrow .cls-1 {fill: #de0780;}
body.home .site-header.active .simple-button .button-text{background-color: #2d2d85;color:#fff;}
body.home .site-header.active .simple-button .button-text .downloadicon .cls-1 {fill: #fff;}
body.home .site-header.active .simple-button:hover .button-text{background-color: #de0780;color:#fff;}
body.home .site-header.active .simple-button:hover .button-text .downloadicon .cls-1 {fill: #fff;}
body.home .site-header.active .simple-button.reverse .button-text{background-color: #de0780;color:#fff;}
body.home .site-header.active .simple-button.reverse .button-text .loginarrow .cls-1 {fill: #fff;}
body.home .site-header.active .simple-button.reverse:hover .button-text{background-color: #2d2d85;color:#fff;}
body.home .site-header.active .simple-button.reverse:hover .button-text .loginarrow .cls-1 {fill: #fff;}


/** Banner **/
.banner-section {display: flex;position: relative;width: 100%;min-height: 750px;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-layer.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;}
.media-banner img, .media-banner video {width: 100%;height: 100%;object-fit: cover;}
.home-banner-container{/*position: absolute;left:45%;top:25%;transform: translateX(-50%);*/max-width:630px;}
.home-banner-container h1{font-size: 54px;color:#fff;margin-bottom: 20px;opacity: 0;transform: translateX(-80px);}
.home-banner-container .text1{color:#fff;}
.home-banner-container .text1 p{opacity: 0;transform: translateY(80px);}
.banner-buttons{display: flex;margin-top: 25px;gap:30px;}

.inside-banner-section{display: flex;position: relative;overflow: hidden;margin-top: 102px;min-height: 300px;}
body[data-page="products"] .inside-banner-section{min-height: 650px;}
.inside-banner-section.service-banner{overflow: visible;}
.inside-banner-wrapper{padding-top: 50px;padding-bottom: 50px;position: relative;width: 100%;display: flex;justify-content: center;z-index: 1;flex-direction: column;}
.inside-banner-container{position: relative;max-width: 1450px;width: 100%;z-index: 1;margin: 0 auto;}
.inside-banner-holder{display:flex;justify-content: space-between;align-items: center;gap: 40px;}
.inside-banner-wrapper.reverse{padding-top:80px;padding-bottom:80px;}
.inside-banner-wrapper.reverse .inside-banner-holder{flex-direction: row-reverse;}
.inside-banner-wrapper.reverse .inside-banner-media-container{position: absolute;top: -80px;left: 0;gap: 15px;bottom: -120px;display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(12, 1fr);min-height: 480px;width: 100%;}
.inside-banner-info {display: flex;flex-direction: column;width: 50%;}
.inside-banner-breadcrumb{width:100%;}
.inside-banner-breadcrumb h1{width:50%;}
.inside-banner-info-wrapper {display: flex;width: 85%;flex-direction: column;}
.inside-banner-title{font-family: 'Aeonik';font-weight:700;font-size:21px;line-height:21px;margin-bottom:20px;opacity: 0;transform: translateX(-80px);}
.inside-banner-info-wrapper h1{opacity: 0;transform: translateX(-80px);}
.inside-banner-info-wrapper h4{margin-top:20px;opacity: 0;transform: translateX(-80px);}
.inside-banner-info-wrapper .text2{margin-top:20px;}
.inside-banner-info-wrapper .text2 p {opacity: 0;transform: translateY(80px);}
.inside-banner-info-wrapper .custom-button{margin-top:20px;}
/*.inside-banner-media {display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(12, 1fr);width: 50%;min-height: 480px;position: relative;}
.inside-banner-media img {width: 100%;height: 100%;object-fit: cover;}
.inside-banner-img-left {grid-column: 1 / 7;grid-row: 4 / 11;z-index: 1;}
.inside-banner-img-top {grid-column: 7 / 12;grid-row: 1 / 6;z-index: 1;}
.inside-banner-img-bottom {grid-column: 7 / 13;grid-row: 6 / 13;z-index: 2;}
.inside-banner-media {gap: 15px;}*/
.service-details-banner .inside-banner-holder .inside-banner-info{width:60%;}
.service-details-banner .inside-banner-holder .service-media{width:40%;}

.contact-banner .inside-banner-info{width:100%;}

.small-wrapper{padding-top: 80px;padding-bottom: 80px;position: relative;width: 100%;display: flex;justify-content: center;z-index: 1;flex-direction: column;max-width: 1450px;margin: 0 auto;}


.s-text, .s-text1 {opacity: 0;visibility: hidden;overflow:hidden;}
.line-inner{display:flex;vertical-align:top;}
.line, .word{display:block;will-change:transform;}
.text [data-split-lines] p, .text:last-child [data-split-lines] p{margin-bottom:20px;}
.text1 [data-split-lines] p, .text1:last-child [data-split-lines] p{margin-bottom:20px;}
.text2 [data-split-lines] p, .text2:last-child [data-split-lines] p{margin-bottom:20px;}
.s-button{overflow: hidden;}
.line-inner1, .word-inner {overflow: hidden;display: inline-block;}
.s-button{overflow: hidden;}
.button-animate{display: inline-block;opacity: 0;}
.s-text.initialized, .s-text1.initialized {opacity: 1;visibility: visible;}

.media-hidden {overflow: hidden;}
.animate-image, .reverse-animate-image {will-change: transform;}


.inside-banner-media {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    width: 50%;
    min-height: 480px;
    position: relative;
    gap: 15px;
}

/* Grid placement and overflow hidden on the wrappers */
.inside-banner-img-left { grid-column: 1 / 7; grid-row: 4 / 11; z-index: 1; }
.inside-banner-img-top { grid-column: 7 / 12; grid-row: 1 / 6; z-index: 1; }
.inside-banner-img-bottom { grid-column: 7 / 13; grid-row: 6 / 13; z-index: 2; }

.box_animation_wrapper {
    position: relative;
    overflow: hidden; /* This keeps the zoom effect strictly inside the frame */
    width: 100%;
    height: 100%;
}

.box_animation_wrapper:before { display: none; }

.box_animation_wrapper .media-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    will-change: clip-path, transform;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

@media (min-width: 1024px) {
    .box_animation_wrapper .media-item__img {
        transition: clip-path .5s ease-out;
    }
}
.saudi-made-icon{position: absolute;right:0;bottom:0;}

.about-section{display: flex;position: relative;overflow: hidden;width: 100%;}
.about-wrapper{padding-top: 120px;padding-bottom: 120px;position: relative;width: 100%;display: flex;justify-content: center;z-index: 1;flex-direction: column;}
.about-container{position: relative;max-width: 1450px;width: 100%;z-index: 1;margin: 0 auto;}
.home-about-wrapper{display:flex;justify-content: space-between;}
.home-about-info{display: flex;width:45%;flex-direction: column;}
.home-about-statistics{display: flex;width:40%;flex-direction: column;justify-content: start;}
.home-page-section-subtitle{margin-bottom:20px;/*opacity: 0;transform: translateY(80px);*/}
.home-page-section-text{/*opacity: 0;transform: translateY(80px);*/}
.home-page-section-button{margin-top: 40px;}
.home-about-statistics-box{border-bottom:1px solid #23256d;padding-bottom:15px;margin-bottom:35px;}
.home-about-statistics-box:last-child{margin-bottom:0;}
.home-about-statistics-number{font-family: "Aeonik";font-weight: 700;font-size:85px;line-height: 1;padding-bottom:15px;}
.home-about-statistics-text.text2{font-weight: 500;}

.hometickers-container{position: relative;width:100%;height:90px;border-top:1px solid #2d2d85;border-bottom:1px solid #2d2d85;}
.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: 90px;}

.marquee-track {display: flex;width: max-content;height: 90px;}
.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;}
.ticker{color:#2d2d85;}

.about-our-experience-container{display: flex;flex-direction: row;gap: 40px;width: 100%;}
.about-our-experience-info{display: flex;flex-direction: column;width: 50%;}
.about-our-experience-media{position:relative;display: flex;flex-direction: column;width: 50%;}

.home-services-wrapper{margin-top:50px;}
.home-services-wrapper ul{list-style: none;margin:0;}
.home-services-wrapper ul li{border-top:1px solid #2d2d85;}
.home-services-wrapper ul li:last-child{border-bottom:1px solid #2d2d85;}
.home-services-wrapper ul li a{padding:30px 0;width:100%;display:flex;}
.home-services-wrapper ul li a:hover{background-color: #eeeff6;}
.home-services-info-content{display: flex;gap:20px;min-height:36px;align-items: center;transform: translateX(0);transition: transform .3s ease-in-out;width:100%;}
.home-services-wrapper ul li a: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 a:hover .home-service-button{opacity: 1;}
.home-services-wrapper ul li a:hover .home-service-button svg{right: 5px;transform: rotate(45deg) translateY(0);}
.home-service-number{font-family: 'Aeonik';font-weight:700;font-size:14px;}
.home-service-title{font-family: 'Aeonik';font-weight:700;font-size:21px;}
.srvtitle .about-our-experience-container{align-items: center;}
.srvtitle .about-our-experience-media-bottom{height: 660px;}
.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: 660px;}
.home-service-image img, .home-service-image video {width: 100%;height: 100%;object-fit: cover;}

.chess-layer-14{position: absolute;/*top:0;right: -1px;*/z-index: 3;width: 113px;height: 113px;}
.chess-layer-14.cube-white .chesslayer14 .cls-1 {fill: #fff;}
.chess-layer-14.cube-blue .chesslayer14 .cls-1 {fill: #2d2d85;}
.chess-layer-14.cube-grey .chesslayer14 .cls-1 {fill: #eeeff6;}
.chess-top-left{top:-1px;left:-1px;transform: rotate(-90deg);}
.chess-top-right{top:-1px;right:-1px;}
.chess-bottom-left{bottom:-1px;left:-1px;}
.chess-bottom-right{bottom:-1px;right:-1px;transform: rotate(-90deg);}
.inside-banner-img-bottom .chess-layer-14, .inside-banner-img-bottom .chess-layer-14 svg{width: 80px;height: 80px;}

.products-animation-section-header{background-color: #eeeff6;}
.products-animation-section-header .about-wrapper{padding-bottom:0;}
.products-animation-section-header .home-projects-button{width:40%;}
.products-animation-section-header .home-page-section-text-mobile{display: none;}
.products-animation-section{padding-bottom:80px;background-color: #eeeff6;}
.products-animation-section .about-wrapper{padding-bottom:0;}
.products-animation-section .home-projects-button{width:40%;}
.products-animation-section .home-page-section-text-mobile{display: none;}

.home-products-container{position:relative;top:auto;}
.home-products-box:before{content:"";position:absolute;left:100%;right:100%;height:100%;}
.home-products-box:last-child .home-products-box-wrapper{border-bottom:1px solid #2d2d85;}
.home-products-info{width: 32.84722222222222vw;padding-right: 2.7777777777777777vw;z-index:0;overflow: hidden;}
.home-products-file{position:relative;width: calc(100% - 32.84722222222222vw);}
.home-products-file-wrap{height:100%;/*overflow:hidden;*/position:relative;}
.products-animation-spacer {height: 0;transition: height 0.3s ease;}
.home-products-box .home-products-before{position:absolute;top:-25px;right:-40px;width:150px;height:150px;z-index:0;}
.home-products-box:nth-child(2n) .home-products-before{position:absolute;top:calc(100% - 100px);left:-20px;width:240px;height:130px;z-index:0;}
.home-products-box-link{display: flex;flex-direction: row;position: relative;width:100%;}
.home-products-box-link:hover .home-service-title{color: #eb008b;}
.prodtitle, .projtitle{padding-bottom:50px;}

.products-animation-section .home-products-info h4{padding-bottom:20px;/*opacity: 0;transform: translateY(80px);*/}
.products-animation-section .home-products-info .text2{padding-bottom:25px;/*opacity: 0;transform: translateY(80px);*/}
.products-animation-section .about-section {display: flex;position: relative;overflow-x: hidden;}
.products-animation-section .about-container.home-products-container {max-width: 1450px;width: 100%;z-index: 1;margin: 0 auto;overflow: visible;}

.products-animation-section .home-products-box {display: flex;flex-direction: row;position: relative;background-color: #eeeff6;width: 100vw;margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);padding-left: calc((100vw - 100%) / 2);padding-right: calc((100vw - 100%) / 2);z-index: 1;}
.products-animation-section .home-products-box {border-top: 1px solid #2d2d85;}
.products-animation-section .home-products-box:last-child {border-bottom: 0;}
.products-animation-section .home-products-box-wrapper {width: 100%;padding-top: 40px;padding-bottom: 40px;min-height: 330px;border-top: none;}
.products-animation-section .home-products-box:last-child .home-products-box-wrapper {border-bottom: none;}
.home-products-box-link {display: grid;height: 100%;min-height:330px;grid-template-columns: 32.847vw 1fr; position: relative;width: calc(100% + ((100vw - 100%) / 2));}
.home-products-info {width: 100%;padding-right: 2.7777vw;z-index: 2;overflow: hidden;}
.home-products-file {width: 100%;height: 100%;}
.home-products-file img, .home-products-file video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.logos-container{display: flex;gap:100px;flex-direction: column;}
.supplier-box-wrapper{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;/*justify-content: center;*/border-top:1px solid #23256d;gap:20px;}
.supplier-box-wrapper:last-child{border-bottom: 1px solid #23256d;}
.supplier-box{flex: 0 0 calc(20% - 20px);display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.supplier-box img{max-width: 100%;height: auto;object-fit: contain;max-height: 150px;}
.clients-box{display: flex;gap:20px;flex-direction: column;}

.projects-animation-section-header{background-color: #2d2d85;}
.projects-animation-section-header .about-wrapper{padding-bottom:0;}
.projects-animation-section-header .home-projects-button{width:40%;}
.projects-animation-section-header .home-page-section-text-mobile{display: none;}


.project-card-item {border: 1px solid #8283bd;padding: 30px;display: flex;flex-direction: column;/*justify-content: space-between;*/background: transparent;box-sizing: border-box;}

.project-media-wrapper {position:relative;width: 100%;margin-bottom: 25px;height: 310px;}
.project-media-wrapper .full-cube, .project-media-wrapper .full-cube svg{width:56px;height:56px;}
.projects-sub_image {width: 100%;height: auto;object-fit: cover;display: block;}
.project-tag-label {display: block;color: #fff;margin-bottom: 10px;}
.home-project-animation-section .text2{color:#fff;margin-bottom:15px;}
.home-project-animation-section h4{color:#fff;margin-bottom:25px;}

.projects-slider-container {overflow: visible;}
.projects-slider-container .splide__track {overflow: visible;}
.projects-slider-container:before{content: "";position: absolute;left:0;top:0;bottom:0;width:215px;height:100%;background-image:url("assets/images/project-gradient.png");background-repeat: no-repeat;background-position: left center;z-index: 1;transform: scale(-1);background-size: cover;}
.projects-slider-container:after{content: "";position: absolute;right:0;top:0;bottom:0;width:215px;height:100%;background-image:url("assets/images/project-gradient.png");background-repeat: no-repeat;background-position: left center;z-index: 1;background-size: cover;}

.projects-slider-container .splide__slide {
    max-width: 100%;
    box-sizing: border-box;
}

/* If you are using padding/peek on mobile, ensure width calculations account for it */
@media screen and (max-width: 767px) {
    .projects-slider-container {
        /*padding-left: 15px;
        padding-right: 15px;*/
        box-sizing: border-box;
    }
}




.home-news-animation-section h4{color:#2d2d85;margin-bottom:25px;}

.news-animation-section-header{padding-bottom:30px;}
.news-animation-section-header .about-wrapper{padding-bottom:0;}
.news-animation-section-header .home-projects-button{width:40%;}
.news-animation-section-header .home-page-section-text-mobile{display: none;}

.news-animation-section-header .home-page-section-text-1 .custom-button{text-align:right;}
.news-animation-section-header .home-page-section-text, .news-animation-section-header .home-page-section-text-mobile{margin-bottom:0;}
.newtitle{padding-bottom: 0;}
.newtitle .home-page-section-subtitle{margin-bottom:0;}


.news-grid-container {display: grid;grid-template-columns: repeat(3, 150fr);background-color: #ffffff;max-width: 1450px;width: 100%;z-index: 1;margin: 0 auto;}
.news-card-item {display: flex;flex-direction: column;justify-content: space-between;padding: 20px;background-color: #ffffff;text-decoration: none;position: relative;transition: background-color 0.3s ease;box-sizing: border-box;}
.news-card-item:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background-color:#2d2d85;}
.news-badge {display: inline-block;font-family: 'Aeonik';font-weight:700;font-size:14px;padding: 5px 10px;border-radius: 3px;margin-bottom: 25px;background-color:#d5d6e9;color:#2d2d85;}
.news-card-bottom {display: flex;justify-content: space-between;align-items: flex-end;margin-top: 40px;}
.news-card-date {font-family: 'Aeonik';font-weight:500;font-size:14px;}
.news-hover-button {width: 36px;height: 36px;display: flex;opacity: 0;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease;}

.news-card-item:hover:before{background-color:#eeeff6;}
.news-card-item:hover {background-color: #eeeff6;}
.news-card-item:hover .news-hover-button {opacity: 1;transform: translateY(0);}
.news-card-item:hover .news-badge{color:#fff;background-color:#2d2d85;}
.news-card-item .news-hover-button svg{transition: all 0.3s ease;}
.news-card-item:hover .news-hover-button svg{right: 3px;transform: rotate(45deg) translateY(0);transition: all 0.3s ease;}



/* Company Page */
.misvistitle .about-our-experience-container{align-items: center;}
/*.misvistitle .about-our-experience-media{height: 450px;}*/
.misvistitle .about-our-experience-media img, .misvistitle .about-our-experience-media video {width: 100%;/*height: 100%;object-fit: cover;*/}
.misvistitle .about-our-experience-info{gap:40px;}
.misvistitle .about-our-experience-info .mission-vision-content-info{border-bottom:1px solid #23256d;padding-bottom: 40px;}
.misvistitle .about-our-experience-info .mission-vision-content-info:last-child{border-bottom:0;padding-bottom: 0;}

.leftarrow .cls-1 {fill: #2d2d85;}
.about-timeline-animation-section{padding-right:0 !important;}
.about-timeline-animation-section .about-container{max-width: 1570px;}
.timeline-years-carousel {margin-bottom: 20px !important;cursor: grab;}
.timeline-years-carousel .splide__slide {width: auto !important;}
.timeline-nav-year {font-family: 'Aeonik', sans-serif;font-weight: 500;font-size: 120px;line-height: 0.85;letter-spacing: -4px;color: #4f518a;display: block !important;user-select: none;transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease;}

.about-timeline-animation-section .splide__slide.is-active .timeline-nav-year{color:#fff !important;}
.timeline-dots-wrapper {position: relative;width: 100%;margin-bottom: 4rem;padding: 10px 0;padding-right: 40px;}
.timeline-connecting-wire {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: calc(100% - 40px);height: 1px;background-color: #2d2d85;z-index: 1;pointer-events: none;}
.timeline-dots-list {display: flex !important;flex-direction: row !important;justify-content: space-between !important;align-items: center !important;list-style: none !important;padding: 0 !important;margin: 0 !important;position: relative;z-index: 2;width: 100%;}

.timeline-dots-list li {flex: 1;display: flex;justify-content: center;}
.timeline-dots-list li:first-child { justify-content: flex-start; }
.timeline-dots-list li:last-child { justify-content: flex-end; }
.timeline-custom-dot {background: transparent !important;border: none !important;padding: 0 !important;margin: 0 !important;width: 12px;height: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.timeline-nav-dot {width: 12px;height: 12px;background-color: #4f518a;border-radius: 50%;display: block;transition: background-color 0.25s ease, transform 0.25s ease;}
.timeline-custom-dot:hover .timeline-nav-dot {background-color: #de0780;}
.timeline-custom-dot.is-active .timeline-nav-dot {background-color: #de0780;}
.timeline-body-text {max-width: 520px;color:#fff;}
.custom-timeline-arrows {display: flex;gap: 14px;margin-top: 3.5rem;}
.custom-timeline-arrows .splide__arrow {position: static !important;background: #dcdce8 !important;border: none !important;width: 45px !important;height: 45px !important;border-radius: 50% !important;color: #2d2d85 !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;transform: none !important;opacity: 1 !important;transition: background-color 0.25s ease;}
.custom-timeline-arrows .splide__arrow:hover {background: #de0780 !important;color: #ffffff !important;}
.custom-timeline-arrows .splide__arrow svg {width: 13px;height: 11px;}
.custom-timeline-arrows .splide__arrow.splide__arrow--prev svg { transform: scaleX(1); }
.custom-timeline-arrows .splide__arrow.splide__arrow--next svg { transform: scaleX(-1); }

.certificates-animation-section-header .home-page-section-subtitle{margin-bottom:40px;}
.certificates-grid {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 80px;row-gap: 0;}
.certificate-row {position:relative;/*display: flex;justify-content: space-between;align-items: center;*/padding: 25px 0;border-bottom: 1px solid #23256d;transition: all 0.3s ease;/*gap: 40px;*/}
.certificate-row a{display: flex;justify-content: space-between;align-items: center;gap: 40px;}
.certificate-row a:hover .certificate-title {color: #de0780;}
.certificate-row a:hover .certificate-bullet {background-color: #de0780;}
.certificate-row:first-child, .certificate-row:nth-child(2){border-top: 1px solid #23256d;}
.certificate-info {display: flex;align-items: center;gap: 20px;}
.certificate-bullet {display: block;width: 8px;height: 8px;background-color: #2b3990;flex-shrink: 0;}
.certificate-title {margin: 0;color: #2d2d85;}
.certificate-date {display: flex;flex-direction: column;align-items: flex-end;text-align: right;line-height: 1.2;flex-shrink: 0;}
.year-label {font-family: 'Aeonik', sans-serif;font-weight: 500;font-size: 20px;color:#2d2d85;}
.year-value {font-family: 'Aeonik', sans-serif;font-weight: 700;font-size: 25px;color:#2d2d85;}


.certification-file{display: flex;}
.certification-file-content{display: none;position:absolute;top: -30%;right:110px;height: 160%;z-index:1;}
.certificate-row:hover .certification-file-content{display: flex;}

@media (max-width: 768px) {
	.certificates-grid {grid-template-columns: 1fr;column-gap: 0;}
}


/* Market Page */
.accordion-section {margin-bottom: 20px;position: relative;}
.accordion-header:not(.open):before{content: "";position: absolute;bottom: -20px;left: 0;right: 0;width: 100%;background-image: url(assets/images/white-gradient.png);background-repeat: no-repeat;background-position: bottom center;background-size: cover;height: 100%;z-index: 1;transform: scale(-1);}


.accordion-header {display: flex;justify-content: space-between;cursor: pointer;border-top: 1px solid #2e3191; margin-bottom: 20px;padding-top: 10px;}
.accordion-header h4{display: flex;margin-top: 15px;}
.accordion-header h4 .line{display: flex !important;}
.accordion-header span{width: 60px;position: relative;display: inline-block;}
.toggle-icon {width: 50px;height: 50px;position: relative;background: #eeeff6;cursor: pointer;flex-shrink: 0;border-radius: 4px;}
.toggle-icon::before {content: "";position: absolute;width: 20px;left: 50%;top: 50%;height: 1px;background-color: #2e3191;transform: translateX(-50%);border-radius: 1px;    }
.toggle-icon.plus::after {content: "";position: absolute;left: 50%;top: 50%;width: 1px;height: 20px;background-color: #2e3191;transform: translate(-50%,-50%);border-radius: 1px;}
.toggle-icon.minus::after {content: none;}
.accordion-content {max-height: 4.5em;position: relative;transition: max-height 0.4s ease;margin-left: 60px;overflow: hidden;}
.accordion-content.open {max-height: 1000px; /* large enough to show all content */}
.accordion-section::after {content: '';position: absolute;bottom: -20px;left: 0;right: 0;height: 2em;background: linear-gradient(to bottom, rgba(255,255,255,0), white);pointer-events: none;transition: opacity 0.3s;}
.accordion-content.open::after {opacity: 0;}
.toggle-icon.minus{background-color: #de0780;}
.toggle-icon.minus::before{background-color: #fff;}
.advantage{display: flex;flex-wrap: wrap;border-right: 1px solid #2e3191;border-bottom: 1px solid #2e3191;}
.advantage .advantage-container{width: 50%;display: flex;flex-direction: column;gap: 20px;padding: 50px 50px;border-left: 1px solid #2e3191;border-top: 1px solid #2e3191;position: relative;}
.advantage-image img{max-width: 80px;}
.advantage .full-width{width: 100%;align-items: center;flex-direction: row;gap: 50px;}
.advantage-title{font-family: 'Aeonik';font-weight:700;font-size:24px; max-width: 350px;margin-bottom: 10px;}
.page-banner-info-advantage h3{padding-bottom: 40px;}
.full-width img{width: 80px;}
.full-width .advantage-title{max-width: 100%;}

.accordion-section:first-child .market-before{position: absolute;width:240px;height:100px;z-index: -1;top:-20px;left:-20px;}
.accordion-section:nth-child(2) .market-before{position: absolute;width:100px;height:240px;z-index: -1;top:-80px;right:40px;}
.accordion-section .text, .accordion-section .text2{color:#2d2d85;}
.accordion-section .text a, .accordion-section .text2 a{color:#de0780;text-decoration: underline;}
.accordion-section .text a:hover, .accordion-section .text2 a:hover{color:#2d2d85;}
.market-image-wrapper{display: flex;justify-content: space-between;}
.market-image{display:flex;width:40%;}

.advantage-container .advantage-before{position: absolute;width:25px;height:120px;z-index: -1;bottom:0;right:0;}
.advantage-container:first-child .advantage-before{position: absolute;width:25px;height:120px;z-index: -1;top:0;left:0;}
.advantage-container:nth-child(2) .advantage-before{position: absolute;width:110px;height:110px;z-index: -1;top:calc(50% - 55px);left:0;}
.advantage-container:nth-child(3) .advantage-before{position: absolute;width:110px;height:110px;z-index: -1;top:calc(50% - 55px);left:0;}

/** Services Page **/
.service-holder{display:flex;justify-content: space-between;gap: 40px;padding-top:60px;padding-bottom: 60px;border-bottom:1px solid #23256d;}
.service-holder.reverse{flex-direction: row-reverse;}
.service-holder:first-child{padding-top:0;}
.service-holder:last-child{padding-bottom:0;border-bottom:0;}
.service-info {display: flex;flex-direction: column;width: 50%;}
.service-info-wrapper {display: flex;width: 85%;flex-direction: column;}
.service-info-number{font-family: 'Aeonik';font-weight:700;font-size:14px;margin-bottom: 60px;}
.service-info-wrapper h2{/*opacity: 0;transform: translateX(-80px);*/}
.service-info-wrapper .text, .service-info-wrapper .text2{margin-top:20px;}
.service-info-wrapper .text p, .service-info-wrapper .text2 p {/*opacity: 0;transform: translateY(80px);*/}
.service-info-wrapper .custom-button{margin-top:30px;}
.service-media {position: relative;display: flex;flex-direction: column;/*height:500px;*/}
.service-media img {width: 100%;/*height: 100%;object-fit: cover;*/}

.service-tag-group{}
.service-tag-group.untagged-group{}
.tag-title{padding-top: 20px;padding-bottom: 20px;border-bottom:1px solid #23256d;margin-bottom: 20px;}
.services-grid{}
.services-grid{display: grid;grid-template-columns: repeat(3, 150fr);gap: 20px;}
.service-box{padding:40px 20px;position:relative;}
.service-box.dark{background-color:#eeeff6;}
.service-box .chess-layer-14, .service-box .chess-layer-14 svg{width:76px;height:76px;}
.service-box h4{margin-bottom:10px;width:85%;}
.service-box .text2{}
.service-box .text2 [data-split-lines] p, .service-box .text2:last-child [data-split-lines] p {
    margin-bottom: 0;
}
.service-box .text2 [data-split-lines] .line-inner:last-child ul{margin-bottom:0;}
/* Projects Page **/
.project-page-filter {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 40px;
}

.project-page-filter-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0 !important;

    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;

    scrollbar-width: none;
    -ms-overflow-style: none;

    cursor: grab;
    padding-bottom: 5px;

    user-select: none;
    -webkit-user-select: none;

    -webkit-overflow-scrolling: touch;

    /* Important */
    touch-action: pan-x;
    overscroll-behavior-x: contain;

    width: 100%;
    max-width: 100%;
}
.project-page-filter-buttons .swiper-wrapper1 {
    display: flex;
    flex-direction: row;
    width: max-content !important;
    gap: 10px;
}
.project-page-filter-buttons::-webkit-scrollbar {
    display: none;
}

.project-page-filter-buttons.dragging {
    cursor: grabbing;
}

.filter-btn {
    font-family: "Aeonik";
    font-weight: 700;
    font-size: 16px;
    line-height: 1;

    background-color: #fff;
    color: #ababce;

    border: 1px solid #fff;

    padding: 15px 35px;
    border-radius: 9999px;

    min-width: 140px;
    flex: 0 0 auto;

    cursor: pointer;

    /* Important */
    touch-action: manipulation;
}
.filter-btn.swiper-slide { width: auto; }

/* Base Active and Focus States */
.filter-btn:focus {
    background-color: #fff;
    border: 1px solid #fff;
    color: #ababce;
} 
.filter-btn.active, 
.filter-btn.active:hover, 
.filter-btn.active:focus{
    background-color: #2d2d85;
    border: 1px solid #2d2d85;
    color: #fff;
} 

.projects-page-results {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    z-index: 3;
}

.project-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Hover States: Only apply when NOT dragging and on fine pointer devices */
@media (pointer: fine) {
    .filter-btn:hover {
        background-color: #2d2d85;
        border: 1px solid #2d2d85;
        color: #fff;
    }

    .filter-btn.active:hover {
        background-color: #2d2d85;
        border: 1px solid #2d2d85;
        color: #fff;
    }

    .project-page-filter-buttons.dragging .filter-btn:hover {
        background-color: #fff;
        border: 1px solid #fff;
        color: #ababce;
    }
    
    .project-page-filter-buttons.dragging .filter-btn.active:hover {
        background-color: #2d2d85;
        border: 1px solid #2d2d85;
        color: #fff;
    }
}

.page-content-list {display: flex;flex-direction: column;}
.projects-sub-wrapper{display:flex;flex-direction: column;}
.projects-sub-box {display: flex;justify-content: space-between;flex-direction: row;width: 100%;border-top: 1px solid #2e3191;padding-top: 40px;padding-bottom: 40px;position: relative;transition: opacity 0.3s ease;}
.projects-sub-box:last-child {border-bottom: 1px solid #2e3191;}
.projects-sub-box[style*="display: none"] {opacity: 0;}
.projects-box {display: flex;justify-content: space-between;width: 100%;gap: 20px;}
.project-info-box {display: flex;width: 50%;}
.project-info-box a {display: flex;width: 100%;gap: 40px;justify-content: space-between;}
.project-info-box .projects-sub-image {width: 50%;max-width:50%;position:relative;}
.project-info-box .projects-sub-title {position:relative;width: 50%;margin-bottom: 0;max-width:100%;padding-top:10px;padding-bottom: 10px;}
.project-info-box .project-service-title{margin-bottom: 15px;}
.project-info-box a:hover .project-service-title{color:#de0780;}
.project-info-box a:hover .button-svg{right: 5px;transform: rotate(45deg) translateY(0);}
.project-info-button{position: absolute;bottom:10px;left:0px;width:36px;height:36px;}
.projects-sub_image {width: 100%;height: 100%;object-fit: cover;}


.single-showcase{display:flex;justify-content: space-between;padding-bottom:30px;padding-top: 30px;gap: 40px;border-top: 1px solid #2e3191;}
.single-showcase-info{display:flex;flex-direction: column;width:50%;}
.single-showcase-title{display:flex;gap: 20px;margin-bottom:15px;}
.single-showcase-title label{display:flex;width:40%;    min-width: 40%;}
.single-showcase-title text{display:flex;width:50%;}
.single-showcase-date{display:flex;gap: 20px;margin-bottom:15px;}
.single-showcase-date label{display:flex;width:40%;min-width: 40%;}
.single-showcase-date text{display:flex;width:50%;}
.single-showcase-tag{display:flex;gap: 20px;}
.single-showcase-tag label{display:flex;width:40%;}
.single-showcase-tag text{display:flex;width:50%;}
.single-showcase-image{display:flex;width:50%;position:relative;}
.single-scope{display:flex;border-top: 1px solid #2e3191;padding-top:50px;}
.single-scope-info{display:flex;gap: 20px;width: 100%;}
.single-scope-info label{display:flex;/*width: 52%;*/min-width: 170px;}
.single-showcase-text{display:flex;flex-direction: column;}


.project-gallery{display:flex;position:relative;padding-top:90px;padding-bottom:30px;}
.project-pagination{display: flex;border:1px solid #2d2d85;height:316px;}
.project-pagination a{display: flex;width:100%;}
.project-pagination-info, .project-pagination-image{display: flex;width:50%;flex-direction: column;}
.project-pagination-info{position: relative;padding:20px 30px 55px 30px;}
.project-pagination-image{padding:17px;border-left:1px solid #2d2d85;}
.project-pagination-info .next-project{font-family: 'Aeonik';font-weight:700;font-size:21px;}
.project-pagination-info h2{padding-bottom:0;padding-top:0;}
.project-pagination-info h2 .line-inner{line-height: 1.2;}
.project-pagination-info .text{padding-top:20px;}
.project-pagination-image .services-sub_image{aspect-ratio: 4 / 2;}
.project-pagination-info .s-button{position: absolute;bottom:20px;left:30px;}

/* Products Page **/
.products-banner .inside-banner-info, .products-banner .inside-banner-info .inside-banner-info-wrapper{width:100%;}
.products-container{display: flex;align-items: stretch;width: 100%;height: 100%;gap: 60px;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.products-box {position: relative;display: flex;width: calc(50% - 30px);height: auto;align-items: stretch;}
.products-box:before{content: "";position:absolute;right:-30px;top:0;width:1px;height:calc(100% + 60px);background-color: #2d2d85;}
.products-box:after{content: "";position:absolute;left:0;top:-30px;width:calc(100% + 30px);height:1px;background-color: #2d2d85;}
.products-box:nth-child(2n):before{display: none;}
.products-box:first-child:after, .products-box:nth-child(2):after{display: none;}
.products-box:nth-child(2n):after{left:-30px;}
.products-info{padding-top:20px;padding-bottom:30px;}
.products-info .text2{color:#282627;padding-top:25px;}
.product-cat-animation-section:before{content: "";position: absolute;height:100px;width:100%;left:0;top:0;background-color:#eeeff6;}
.product-cat-container{display: flex;align-items: stretch;width: 100%;height: 100%;gap: 100px;row-gap: 40px;flex-wrap: wrap;justify-content: flex-start;overflow: hidden;}
.product-cat-box {position: relative;display: flex;width: calc(33.333% - 66.666px);height: auto;align-items: stretch;}
.product-cat-info{position:relative; padding-top:20px;padding-right:46px;min-height: 56px;}
.product-cat-file{position: relative;height:260px;}
.product-cat-file:before{content: "";position: absolute;right:-50px;top:0;width: 1px;height:100%;background-color: #2d2d85;}
.product-cat-file img, .product-cat-file video{width:100%;height:100%;object-fit: cover;}
.product-cat-file .chess-layer-14, .product-cat-file .chess-layer-14 svg{width:59px;height:59px;}
.project-cat-info-button{position: absolute;top:20px;right:0;width:36px;height:36px;}
.products-cat-box-link {display: flex;flex-direction: column;width: 100%;text-decoration: none;}
.product-cat-box a:hover .button-svg{right: 5px;transform: rotate(45deg) translateY(0);}
.products-file{position: relative;}
.products-box a img, .product-cat-box a img, .project-media-wrapper a img, .project-info-box a img {transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), filter 0.8s cubic-bezier(0.4, 0, 0.2, 1);transform: scale(1.2);width:100%;height:100%;}
.products-box a:hover img, .product-cat-box a:hover img, .project-media-wrapper a:hover img, .project-info-box a:hover img {transform: scale(1);}



.product-details{display: flex;flex-direction: row;gap:60px;width: 90%;}
.product-item-image{display:flex;position:relative;width:50%;height:435px;}
.product-item-image img, .product-item-image video{width:100%;height:100%;object-fit: cover;}
.product-item-info{display: flex;width:50%;}
.product-item-info-wrapper{}
.inside-banner-info-wrapper .text2.use-title{margin-top:0;margin-bottom: 10px;}
.inside-banner-info-wrapper .text2.use-text{margin-top:0;}
.inside-banner-info-wrapper .text2.description-text{margin-top:10px;}
.other-product-title{padding-bottom:40px;}

/** News Page **/
.news-sub-wrapper{display:flex;flex-direction: column;}
.news-sub-container {display: flex;flex-direction: column;}
.news-sub-box {display: flex;width: 100%;position: relative;gap: 0;background-color: #fff;}
.news-sub-box-wrapper {display: flex;border-bottom: 1px solid #2d2d85;padding: 40px 0;width: 100%;background-color: #fff;z-index: 1;gap: 145px;}
.news-box:first-child .news-sub-box-wrapper{padding-top:0;}
.news-box:last-child .news-sub-box-wrapper{border-bottom: 0;padding-bottom:0;}
.news-sub-image {display: flex;width: 41%;position: relative;z-index: 1;margin-right: auto;overflow: hidden;box-sizing: border-box;}
.news-sub-info {display: flex;width: 50%;z-index: 1;box-sizing: border-box;flex-direction: column;/*justify-content: space-between;*/}
.news-sub-info h4, .news-sub-info .news-sub-date, .news-sub-info .s-button{width:80%;}
.news-sub-info h4{margin-bottom: 5px;}
.news-sub-info .news-sub-date{font-family: 'Aeonik';font-weight:500;font-size:16px;color:#2d2d85;margin-bottom:5px;}
.news-sub-info .news-final-info{margin-bottom:5px;}
.news-sub_image {width: 100%;height: 100%;object-fit: cover;}

.news-banner .inside-banner-info-wrapper{display: flex;flex-direction: row;gap:40px;width: 100%;}
.news-banner .inside-banner-info{width: 100%;}
.news-inside-banner-title{display: flex;font-family: 'Aeonik';font-weight:700;font-size:21px;color:#2d2d85;width:20%;}
.news-inside-banner-title a{font-family: 'Aeonik';font-weight:700;font-size:21px;color:#2d2d85;}
.news-inside-banner-title a:hover{color:#de0780;}
.news-inside-banner-info{display: flex;width:80%;flex-direction: column;}
.news-inside-banner-info h1{width:85%;}
.news-inside-banner-date{font-family: 'Aeonik';font-weight:400;font-size:21px;color:#2d2d85;width:85%;}

.news-inside-wrapper{display: flex;flex-direction: row;gap:40px;}
.news-inside-left{display: flex;width:20%;}
.news-inside-right{display: flex;width:80%;flex-direction: column;}
.news-detail-image {padding-bottom: 20px;}
.news-detail_image {width: 100%;height: 100%;object-fit: cover;}
.news-detail-title{margin-bottom:20px;}
.news-detail-text h2{color:#2d2d85;}


.article-actions {display: flex;flex-direction: column;gap: 8px;flex-direction: row;}
.article-actions button {background: #eeeff6;border: none;border-radius: 4px;width: 43px;height: 43px;display: flex;align-items: center;justify-content: center;color: #4b5563;cursor: pointer;transition: background 0.2s, color 0.2s;padding:0;}
.article-actions button .copyicon{width:16px;height:16px;}
.article-actions button:hover {background: #de0780;}
.article-actions button.copied {background: #de0780;}
.share-container {position: relative;display: inline-block;}
.share-dropdown {display: none;position: absolute;left: 45px;top: 0;background-color: #ffffff;min-width: 130px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);border: 1px solid #e4e7eb;border-radius: 6px;z-index: 10;}
.share-dropdown.show {display: flex;flex-direction: column;}
.share-dropdown a {color: #374151;padding: 10px 14px;text-decoration: none;font-size: 14px;font-family: sans-serif;text-align: left;transition: background 0.2s;}
.share-dropdown a:hover {background-color: #f4f5f7;color: #111827;}
.share-dropdown a:first-child { border-radius: 6px 6px 0 0; }
.share-dropdown a:last-child { border-radius: 0 0 6px 6px; }

.other-news-header .small-wrapper{border-top:1px solid #2d2d85;}

.share-dropdown a {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Optional: Gives icons a consistent width so the text lines up perfectly */
.share-dropdown a i {
   display: flex;
    width: 23px;
    justify-content: center;
    padding: 5px;
    background-color: #2d2d85;
}
.share-dropdown a i:before{color:#fff;}


/* Container styling */
.project-gallery {padding: 90px 0 30px;display: flex;flex-direction: column;align-items: center;}
.project-gallery .splide {width: 100%;position: relative;}
.project-gallery .splide__slide {display: flex;justify-content: center;align-items: center;width: 60vw;max-width: 900px;min-width: 280px;}
.project-gallery .splide-file{display: flex;aspect-ratio: 16 / 9;overflow:hidden;align-items: center;}
.project-gallery .splide-file a{position: relative;width:100%;}
.project-gallery .splide-media {display:flex;flex-direction:column;justify-content:end;align-items:center;width: 100%;position: relative;}
.project-gallery .splide-media img, .splide-media video {display: block;}
.project-gallery .splide__arrow{display: none !important;}

.custom-arrow {position: fixed;background: #dcdce8 !important;border: none !important;width: 45px !important;height: 45px !important;border-radius: 50% !important;color: #2d2d85 !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;transform: none !important;opacity: 1 !important;transition: background-color 0.25s ease;transform: translate(-50%, -50%);}
.custom-arrow.left-arrow {position: absolute !important;opacity: 1 !important;top: calc(50% - 23px);left: 10% !important;}
.custom-arrow.right-arrow {position: absolute !important;opacity: 1 !important;top: calc(50% - 23px);left: auto !important;right: 10% !important;}
.custom-arrow svg {width: 13px;height: 11px;}
.custom-arrow.left-arrow svg { transform: scaleX(1); } 
.custom-arrow.right-arrow svg { transform: scaleX(-1); }
.custom-arrow:hover {background: #de0780 !important;color: #ffffff !important;}





.show-more-info{position:absolute;bottom:20px;right:20px;z-index:1;opacity: 0;visibility: hidden;transition: all .3s ease-in-out;}
.splide-media a{position: relative;}
.splide-media a:hover .show-more-info{opacity: 1;visibility: visible;transition: all .3s ease-in-out;}
.show-more-info svg{width:40px;height:40px;}

.eye .cls-1 {fill: none;stroke: #de0780;stroke-miterlimit: 10;stroke-width: 3px;}
.eye .cls-2 {fill: #de0780;fill-rule: evenodd;}

.fancybox-caption-wrapper {max-width: 900px;margin: 0 auto;text-align: center;}
.fancybox-caption-wrapper h4 {margin-bottom: 6px;color: #de0780;}
.fancybox-caption-wrapper p {font-size: 14px;line-height: 1.6;color: rgba(255,255,255,0.75);margin: 0;}

.carousel__button.fancybox__button--close svg{color: #de0780;}
.carousel__button.fancybox__button--close:hover{background-color: transparent;}
.carousel__button.fancybox__button--close:hover svg{color: #fff;}

.fancybox__nav .carousel__button{background-color: #de0780;border-radius: 0;}
.fancybox__nav .carousel__button svg{color:#ffffff;stroke-linejoin: unset;stroke-linecap: unset;filter: none;}
.fancybox__nav .carousel__button:hover svg{color:#fff;}
.fancybox__nav .carousel__button.is-next{}
.fancybox__nav .carousel__button.is-prev{}

.project-gallery .splide__track {cursor:pointer;}
.project-gallery .splide__track:active {cursor: grabbing;}
.project-gallery .custom-hover-arrow {position: absolute;top: 50%;transform: translate(-50%, -50%);font-size: 48px;color: white;pointer-events: none;z-index: 10;display: none;transition: transform 0.1s ease, opacity 0.2s ease;user-select: none;mix-blend-mode: difference;}
#splide-projects {position: relative;}
.project-gallery .splide-media-caption{display: flex;font-family: "Aeonik";font-weight: 700;font-size: 18px;margin-top:10px;text-align:center;padding-left:20px;padding-right:20px;min-height: 30px;}
/*.custom-arrow{display: none;}*/
@media (min-width: 769px) {
	.project-gallery .splide__track {padding-left: 15vw;padding-right: 15vw;}
}

@media (max-width: 768px) {
	.project-gallery .splide__track {padding: 0;}
}
#splide-projects {
  width: 100vw;
  max-width: 100vw;
}
@media (max-width: 768px) {
  #splide-projects .splide__slide {
    width: 100% !important;
  }
}

/** Contact **/
.contact-animation-section{background-color: #eeeff6;}
.contact-animation-section .home-about-info h2{}
.contact-animation-section .home-about-info .text2{padding-top:20px;}
.contact-animation-section .home-about-info .text2 [data-split-lines] p, .contact-animation-section .home-about-info .text2:last-child [data-split-lines] p {margin-bottom: 0;}
.contact-animation-section .home-about-info .map-directions{display:flex;margin-top:20px;}
.contact-animation-section .home-about-info .map-directions a{background-color: #2d2d85;padding:15px 25px;font-family:"Aeonik";font-weight:500;font-size:16px;color:#fff;line-height:1;border-radius: 99px;}
.contact-animation-section .home-about-info .map-directions a:hover{background-color: #de0780;}
.contact-animation-section .home-about-info .contact-email a{color:#de0780;text-decoration: underline;}
.contact-animation-section .home-about-info .contact-email a:hover{color:#2d2d85;}
.contact-animation-section .home-about-info .contact-phone a{color:#2d2d85;text-decoration: underline;}
.contact-animation-section .home-about-info .contact-phone a:hover{color:#de0780;}
.contact-animation-section .home-about-info .contact-social-title{font-family:"Aeonik";font-weight:700;font-size:21px;margin-top:35px;}
.contact-us-social svg, .contact-us-social img {width: 27px !important;height: 27px !important;fill: #2d2d85;}
.contact-us-social a:hover svg, .contact-us-social a:hover img{fill:#de0780;}
.contact-animation-section .home-about-info .contact-hours{display: flex;flex-direction: column;gap: 40px;margin-top:80px;}
.contact-animation-section .home-about-info .contact-hours .text2{padding-top: 0;}
.contact-animation-section .home-about-info .contact-us-social{margin-top: 10px;}
.contact-office-hours{display: flex;width:50%;flex-direction:column;}
.contact-office-hours .text2, .contact-ramadan-hours .text2{margin-bottom:30px;}
.contact-office-hours-container ul{list-style:none;margin-left: 0;margin-bottom: 0;}
.contact-office-hours-container ul li{position:relative;margin-bottom:25px;padding-left:14px;}
.contact-office-hours-container ul li:last-child{margin-bottom:0;}
.contact-office-hours-container ul li:before{content:"";position:absolute;left:0;top:-5px;bottom:-5px;width:3px;height:calc(100% + 10px);background-color: #e70080;}
.contact-office-hours-container ul li.closed:before{background-color: #ababce;}
.hours-date{font-family: 'Aeonik';font-weight:700;font-size:18px;line-height: 1;margin-bottom:8px;color:#2d2d85;}
.hours-time{font-family: 'Aeonik';font-weight:400;font-size:18px;line-height: 1;color:#2d2d85;}
.contact-ramadan-hours{display: flex;width:50%;flex-direction: column;}
.contact-office-title{font-family:"Aeonik";font-weight:700;font-size:21px;margin-bottom: 20px;}
.contact-office-hours-container ul li.closed .hours-date{color:#ababce;}
.contact-office-hours-container ul li.closed .hours-time{color:#ababce;}

.page-contact-box {display: none;}
.page-contact-box.active {display: flex;position: relative;flex-direction: column;}

.page-contact-box .home-page-section-text{padding-bottom:30px;}
.contact-linkedin{background-color: #2d2d85;border-radius: 999px;color:#fff !important;font-family:"Aeonik";font-weight:500;font-size:16px;line-height: 1;display: flex;align-items: center;padding:13px 20px;gap: 10px;justify-self: start;}
.contact-linkedin:hover{background-color: #de0780;}

.contact-form{display:flex;width:100%;}
.color-grey.text a{color: #2e3191;}
.color-grey.text a:hover{color: #eb008b;}

.color-navy-blue.text a, .color-navy-blue.text2 a, .recaptcha-notice a{color: #2d2d85;}
.color-navy-blue.text a:hover, .color-navy-blue.text2 a:hover, .recaptcha-notice a:hover{color: #de0780;}

.contact-form-wrapper{display: flex;flex-direction: column;gap:40px;}
.contact-form-wrapper label{font-family: 'Aeonik';font-weight: 700;font-size:16px;color:#2d2d85;}

.contact-form .wpcf7{display: flex;width: 100%;flex-direction: column;}
.contact-form .wpcf7 input[type="text"], .contact-form .wpcf7 input[type="email"] {width: 100%;border-radius: 0;border: none;border-bottom: 1px solid #2d2d85;padding: 10px 0;background: transparent;font-family: 'Aeonik';font-weight: 400;font-size:18px;color:#2d2d85;outline: none;resize: none;box-shadow: none;height: 30px;}
.wpcf7 textarea {width: 100%;border-radius: 0;border: none;border-bottom: 1px solid #2d2d85;padding: 10px 0;background: transparent;font-family: 'Aeonik';font-weight: 400;font-size:18px;color:#2d2d85;outline: none;resize: none;box-shadow: none;height: 60px;}
.contact-form .wpcf7 input[type="text"]:focus, .contact-form .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{border-bottom:1px solid #e70080 !important;}
.contact-form .wpcf7 input::placeholder, .wpcf7 textarea::placeholder {font-family: 'Aeonik';font-weight: 400;font-size:18px;color: #2d2d85;opacity: 1;}
.contact-form .wpcf7 textarea {max-height: 120px;resize: none;}
.contact-form-wrapper p{margin-bottom:0;}
.file-upload-wrapper {display: flex;align-items: center;gap: 15px;margin-bottom: 0;position: relative;justify-content: space-between;}
input.custom-file-input {position: absolute;top: 0;left: 0;width: 1px;height: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);}
.custom-file-label {display: inline-flex;align-items: center;gap: 0;background-color: transparent;padding: 0;border-radius: 0;cursor: pointer;font-family: 'Aeonik';font-weight: 400;font-size:18px;user-select: none;}
.custom-file-label:hover,.custom-file-label:focus,.custom-file-label:active{background-color: transparent;}
.custom-file-label .attach-icon {font-size: 16px;line-height: 1;margin-right: 10px;}
.file-count-display {position:absolute;top:0;right:0;font-family: 'Aeonik';font-weight: 400;font-size:16px;}
.file-count-display1 {position:absolute;top:0;right:0;font-family: 'Aeonik';font-weight: 400;font-size:16px;}
.recaptcha-notice{font-family: 'Aeonik';font-weight: 400;font-size:14px;color:#2d2d85;}
.recaptcha-notice a:hover{color:#eb008b;}

.attach-title{font-family: 'Aeonik';font-weight: 700;font-size:16px;}


.form-submit-button a{background-color: #de0780;padding:15px 25px;font-family:"Aeonik";font-weight:500;font-size:16px;color:#fff;line-height:1;border-radius: 99px;min-width:205px;}
.form-submit-button a:hover{background-color: #2d2d85;}

.page-contact-tabs{display: flex;flex-direction:row;gap:10px;margin-bottom:50px;}
.page-contact-tab{padding:15px 20px;min-width: 186px;border-radius: 4px;text-align: center;cursor: pointer;background-color: #fff;color:#ababce;}
.page-contact-tab.active{background-color: #2d2d85;color:#fff;}




.clients-section {display: flex;justify-content: space-between;min-height: 400px;min-height: 295px;transform: translate(0px, 80px);opacity: 0;}
.clients-info {position: relative;display: flex;width:40%;flex-direction: column;text-align: left;padding:80px;padding-right:80px !important;align-self: center;}
.clients-info .home-page-section-subtitle{opacity:1;transform: translateY(0);width: 80%;}
.clients-info h2{margin-bottom: 0;}
.clients-wrapper {position:relative;display: flex;width:60%;flex-direction: column;align-items: center;justify-content: center;}
.clients-rotator{position:absolute;left:-42px;top:calc(50% - 42px);z-index: 1;}
.clients-rotator .cls-1 {fill: #2d2d85;}
.clients-rotator .cls-2 {fill: #9e9ec7;}
.clients-rotator svg{width:84px;height:84px;cursor: pointer;}
.clients-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0;transition: opacity 0.4s ease;opacity: 1;width:100%;height:100%;}
.clients-container.fade-out {opacity: 0;}
.footer-clients-box {display:flex;align-items:center;justify-content: center;height:200px;height: 147px;min-height: 100px; transform-style: preserve-3d;backface-visibility: hidden;border-left:1px solid #8283bd;border-top:1px solid #8283bd;padding:20px 40px;mix-blend-mode: luminosity;}
.footer-clients-box:first-child, .footer-clients-box:nth-child(2), .footer-clients-box:nth-child(3){border-top:0;}
.footer-clients-box img {display: block;max-height: 100%;max-width: 100%;object-fit: contain;}
.svg-rotate{transform-origin: center;transition: transform 0.6s ease-in-out;}
.clients-rotator:hover .svg-rotate {transform: rotate(360deg);}

.footer-key-suppliers-wrapper:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .25);}
.footer-key-suppliers-background{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;}
.footer-key-suppliers-background img, .footer-key-suppliers-background video{width:100%;height:100%;object-fit: cover;}

/** Footer **/
.footer-button{display: flex;}
.footer-button .simple-button .button-text {color: #2d2d85;background-color: #fff;}
.footer-button .downloadicon .cls-1 {fill: #de0780;}
.footer-button .simple-button:hover .button-text {background-color: #de0780;color: #fff;}
.footer-button .simple-button:hover .button-text .downloadicon .cls-1 {fill: #fff;}

.footer-container {display: flex;/*grid-template-columns: 1.5fr repeat(3, 1fr);*/gap: 40px;align-items: start;padding-bottom: 40px;padding-top:60px;}
.footer-col{width: 20%;display: flex;}
.footer-col.footer-info{width: 50%;}
.footer-col.footer-nav-1{width: 10%;}
.footer-col.footer-nav-2{width: 20%;}
.footer-col.footer-nav-3{width: 20%;}

.footer-info{display: flex;flex-direction: row;gap:10%;}
.footer-info-logo{display: flex;width: 138px;flex-shrink: 0;}
.footer-info .footer-logo {width: 138px;height: auto;}
.footer-text-details {display: flex;flex-direction: column;color:#fff;}
.footer-contact-info {color:#fff;margin-top: 10px;}
.footer-contact-info a {color: #ffffff;text-decoration: underline;display: block;}
.footer-nav ul {display: flex;flex-direction: column;gap: 10px;list-style: none;padding: 0;margin: 0;}
.footer-nav ul li a {color: #9e9ec7;text-decoration: none;font-family:"Aeonik";font-weight:400;font-size:16px;transition: color 0.2s ease;}
.footer-nav ul li.footer-menu-header a {font-weight:700;}
.footer-nav ul li a:hover, .footer-nav ul li.current-menu-item a, .footer-nav ul li.current-menu-item a:hover{color: #ffffff;}
.footer-utilities-row {display: flex;justify-content: space-between;align-items: center;padding: 30px 0 15px 0;border-bottom: 1px solid #8283bd;}
.footer-socials {display: flex;align-items: center;gap: 15px;margin-left:auto;margin-right:40px;}
.footer-social-title {display: flex;flex-shrink: 0;font-family:"Aeonik";font-weight:700;font-size:16px;color:#fff;}
.footer-socials svg, .footer-socials img {width: 19px !important;height: 19px !important;fill: #fff;}
.footer-socials a:hover svg, .footer-socials a:hover img {fill: #de0780;}
.footer-copyright-bar {display: flex;justify-content: space-between;font-family:"Aeonik";font-weight:400;font-size:14px;color:#ababce;padding-top: 20px;padding-bottom: 20px;}
.footer-copyright-bar a{text-decoration: underline;color:#ababce;}
.footer-copyright-bar a:hover{color:#fff;}
.credits{font-family:"Aeonik";font-weight:400;font-size:14px;color:#ababce;}
.credits a{text-decoration: underline;color:#ababce;}
.credits a:hover{color:#fff;}

.footer-slogan{font-family:"Aeonik";font-weight:700;font-size:18px;}


.home-projects-carousel{padding-left:0 !important;padding-right:0 !important;}
.home-projects-carousel .about-container{max-width: 100%;}





/** Mouse Cursor **/
.mf-cursor {contain: layout style size;direction: ltr;left: 0;pointer-events: none;position: fixed;top: 0;transition: opacity .3s, color .4s;z-index: 1;}
.mf-cursor.no-blend {mix-blend-mode: normal;}
.mf-cursor.big-cursor:before, .mf-cursor:before {border-radius: 50%;content: "";display: block;mix-blend-mode: normal;position: absolute;transition: transform .25s ease-in-out, opacity .1s;}
.mf-cursor:before {transform: scale(.22);}
.mf-cursor.-hidden:before {transform: scale(0);}
.mf-cursor-text {align-items: center;-webkit-backdrop-filter: blur(.5rem);backdrop-filter: blur(.5rem);background-color: #9e9ec7;border-radius: 100%;color: #fff;display: flex;font-size: 1.3rem;font-weight: 400;height: 98px;justify-content: center;left: -49px;line-height: 30px;opacity: 0;position: absolute;text-align: center;top: -49px;transform: scale(0) rotate(10deg);transition: opacity .4s, transform .3s;width: 98px;}

@media (max-width: 1650px) {
	.sections-padding {padding-right: 40px;padding-left: 40px;}
}
@media (max-width: 1499px) {
    
}
@media screen and (max-width: 1440px) {
	
	
}
@media screen and (max-width: 1240px) {
	
	
}

@media screen and (max-width: 1450px) {
    h1{font-size:45px;}
	.home-banner-container h1{font-size: 54px;}
	h2{font-size:36px;}
	h3{font-size:48px;}
	h4{font-size:24px;}
	
	.text{font-size:16px;line-height: 22px;}
	.text1{font-size:24px;line-height: 30px;}
	.text2{font-size:18px;line-height: 24px;}
	
	.sections-padding {padding-right: 20px;padding-left: 20px;}
	
	.site-header{padding:0 60px;}
	
	
}

@media screen and (max-width: 1200px) {	
	.nav__logo {padding-right: 40px;padding-left: 40px;}
	.global-padding {padding-right: 60px;padding-left: 60px;}
	
	.site-header{padding:0 40px;}
	.home-about-statistics-number{font-size: 80px;}
	
	.logos-container{gap:80px;}
	.supplier-box{flex: 0 0 calc(25% - 20px);}
}

@media (max-width: 1145px) {
	
	.nav__logo {padding-right: 20px;padding-left: 20px;}
	.global-padding {padding-right: 40px;padding-left: 40px;}
	.global-container{padding-top:40px;padding-bottom:40px;}
	.nav__logo img{max-width: 180px;width:180px;}
	
	.site-header{padding:0 20px;}
	
}
@media screen and (max-width: 1080px) {
	
}

@media (max-width: 1045px) {
    h1{font-size:35px;}
	.home-banner-container h1{font-size: 40px;}
	h2{font-size:26px;}
	h3{font-size:38px;}
	h4{font-size:18px;}
	
	.text1{font-size:20px;line-height: 24px;}
	.text2{font-size:16px;line-height: 22px;}
	
	
	.site-header:before{display: none;}
	body[data-theme="Dark"] .site-header.active .custom-logo-link{opacity: 1;transition: all 0.35s ease-in-out .3s;}
	body[data-theme="Dark"] .site-header.active .custom-logo-link-dark{opacity: 0;transition: all 0.35s ease-in-out .3s;}
	body.home .banner-section{min-height: 550px;}
	
	.desktop-menu, .desktop-investors-login {display: none;}
	.burger {display: flex;padding:0;border:0;}
	.burger:hover{background-color: transparent;}
	
	.mobile-footer .desktop-investors-login {display: flex;}
	.mobile-cta{display: flex;flex-direction: column;gap:20px;}
	
	.home-banner-container{left:20px;transform: none;width: calc(100% - 40px);max-width: 60%;}
	
	.single-showcase{flex-direction: column;}
	.single-showcase-info{width: 100%;}
	.single-showcase-image{width: 100%;}
	.single-showcase-title label, .single-showcase-date label, .single-showcase-tag label{width:30%;}
	.single-scope-info label{width:30%;}
	.single-showcase-text{width:70%;}
	.single-info{padding-bottom: 80px;}
}
@media screen and (max-width: 921px) {
	.about-wrapper{padding-top:80px;padding-bottom:80px;}
	.inside-banner-wrapper{padding-top:80px;padding-bottom:80px;}
	.inside-banner-holder{flex-direction: column;}
	.home-about-wrapper{flex-direction: column;}
	.home-about-info, .home-about-statistics{width:100%;}
	.home-about-statistics{flex-direction: row;justify-content: space-between;margin-top:40px;}
	.home-about-statistics-box{width:45%;padding-bottom:0;margin-bottom:0;border-bottom: 0;border-top:1px solid #2e3191;padding-top:25px;}
	.home-about-statistics-number{font-size: 60px;}
	.global-padding {padding-right: 20px;padding-left: 20px;}
	
	.about-our-experience-container{flex-direction: column;}
	.about-our-experience-info, .about-our-experience-media{width:100%;}
	.srvtitle .about-our-experience-media{display: none;}
	
	.home-services-wrapper ul li a:hover{background-color: #fff;}
	.home-services-wrapper ul li a:hover .home-services-info-content{transform: translateX(0);}
	.home-services-wrapper ul li a:hover .home-service-button{opacity: 0;}

	.products-animation-section .home-projects-button{width:100%;}
	.products-animation-section .home-page-section-text{display: none;}
	.products-animation-section .home-page-section-text-mobile{display: block;}
	.products-animation-section-header .home-projects-button{width:100%;}
	.products-animation-section-header .home-page-section-text{display: none;}
	.products-animation-section-header .home-page-section-text-mobile{display: block;}
	.prodtitle, .projtitle{padding-bottom:40px;}
	.home-products-box, .home-products-box-link{display:flex;flex-direction: column;height:auto;gap:40px;}
	.home-products-file img, .home-products-file video{position: relative;top:auto;left:auto;}
	.products-animation-section .home-products-box-wrapper{padding-top:20px;padding-bottom:20px;min-height:1px;}
	.products-animation-section .home-products-box-wrapper a{min-height: 1px;}
	.logos-container{gap:40px;}
	.supplier-box{flex: 0 0 calc(50% - 20px);}
	
	.projects-animation-section-header .home-projects-button{width:100%;}
	.projects-animation-section-header .home-page-section-text{display: none;}
	.projects-animation-section-header .home-page-section-text-mobile{display: block;}
	
	.news-animation-section-header .home-projects-button{width:100%;}
	.news-animation-section-header .home-page-section-text{display: none;}
	.news-animation-section-header .home-page-section-text-mobile{display: block;}
	
	.inside-banner-holder {flex-direction: column;}
	.inside-banner-wrapper.reverse .inside-banner-holder {flex-direction: column;}
	.inside-banner-wrapper.reverse .inside-banner-media{display: flex;}
	.inside-banner-wrapper.reverse .inside-banner-media-container{position: relative;top:auto;left:auto;bottom: auto;}
	.inside-banner-info, .inside-banner-media {width: 100%;}
	.inside-banner-breadcrumb h1{width:100%;}
	.service-details-banner .inside-banner-holder .inside-banner-info{width:100%;}
	.service-details-banner .inside-banner-holder .service-media{width:100%;}
	.inside-banner-media {margin-top: 40px;min-height: 350px;}
	
	.projects-box{gap:0;flex-direction: column;}
	.project-info-box{width:100%;}
	.project-info-box .projects-sub-image{margin-top:0;}
	.projects-sub-image {margin-top: 10px;margin-bottom: 20px;}
	.project-info-box .services-sub-image {margin-top: 0;}
	.project-info-box .projects-sub-title{padding-bottom: 30px;}
	.project-info-button{bottom: 30px;}
	.filter-btn:hover, .filter-btn:focus{background-color: #fff;border:1px solid #fff;color:#ababce;}	
	.filter-btn.active, .filter-btn.active:hover, .filter-btn.active:focus{background-color: #2d2d85;border:1px solid #2d2d85;color:#fff;}	
	.project-info-box a:hover .project-service-title{color:#2d2d85;}
	
	.clients-section {flex-direction: column;align-items: flex-start;}
	.clients-info {width: 100%;padding-right:0 !important;padding-top:60px;padding-bottom: 60px;}
	.clients-wrapper{width:100%;}
	.clients-rotator{top:-32px;left: calc(50% - 32px);}
	.clients-rotator svg{width:64px;height:64px;}
	
	.footer-box:nth-child(2), .footer-clients-box:first-child, .footer-clients-box:nth-child(2), .footer-clients-box:nth-child(3) {border-top: 1px solid #8283bd;}
	.footer-clients-box:first-child, .footer-clients-box:nth-child(3n+1){border-left:0;}
	
    .news-grid-container {grid-template-columns: 2fr;}
    .news-hover-button {opacity: 1;transform: translateY(0);}
	.news-card-item:hover {background-color: #fff;}
	
	.news-card-item:hover .news-badge{color:#2d2d85;background-color:#d5d6e9;}
	
	.news-card-item:hover:before{background-color:#2d2d85;}
	.contact-animation-section .home-about-info .map-directions a:hover{background-color: #2d2d85;}
	.contact-animation-section .home-about-info .contact-email a:hover{color:#de0780;}
	.contact-animation-section .home-about-info .contact-phone a:hover{color:#2d2d85;}
	.contact-us-social a:hover svg, .contact-us-social a:hover img{fill:#2d2d85;}
	.contact-animation-section .home-about-info .contact-social-title{margin-top:15px;}
	.contact-animation-section .home-about-info .contact-hours{margin-top:40px;}
	.form-submit-button a:hover{background-color: #de0780;}
	.service-holder{flex-direction: column;}
	.service-holder.reverse{flex-direction: column;}
	.service-info-wrapper, .service-info{width:100%;}
	.service-info-number{margin-bottom:20px;}
	.services-grid {grid-template-columns: repeat(2, 150fr);}
	
	.product-cat-container{gap: 80px;row-gap:40px;}
	.product-cat-box {width: calc(50% - 46.666px);}
	.product-cat-file:before{right:-40px;}
	.product-details{flex-direction: column;width:100%;gap:40px;}
	.product-item-image, .product-item-info{width:100%;}
	.news-sub-box-wrapper{flex-direction: column;gap:20px;}
	.news-sub-image, .news-sub-info{width:100%;}
	.news-banner .inside-banner-info-wrapper{flex-direction: column;gap:20px;}
	.news-inside-banner-title, .news-inside-banner-info{width:100%;}
	.news-inside-wrapper{flex-direction: column;gap:20px;}
	.news-inside-left, .news-inside-right{width:100%;}
	.footer-contact-info a:hover{color:#fff;}
	.footer-button .simple-button:hover .button-text {color: #2d2d85 !important;background-color: #fff !important;}
	.footer-button .simple-button:hover .button-text .downloadicon .cls-1 {fill: #de0780 !important;}
	.footer-container{flex-direction: column;}
	.footer-col.footer-info{width:100%;}
	.footer-col.footer-nav-1{width:100%;}
	.footer-col.footer-nav-2{width:100%;}
	.footer-col.footer-nav-3{width:100%;}
	.footer-nav ul li a:hover{color: #9e9ec7;}
	.footer-nav ul li.current-menu-item a, .footer-nav ul li.current-menu-item a:hover{color: #fff;}
	.footer-socials a:hover svg, .footer-socials a:hover img {fill: #fff;}	
	.footer-copyright-bar a:hover{color:#ababce;}
	.credits a:hover{color:#ababce;}
	.news-inside-banner-title a:hover{color:#2d2d85;}
	.contact-linkedin:hover{background-color: #2d2d85;}
	
	.timeline-custom-dot:hover .timeline-nav-dot {background-color: #4f518a;}
	.timeline-custom-dot.is-active:hover .timeline-nav-dot {background-color: #de0780;}
	.products-box a img, .product-cat-box a img, .project-media-wrapper a img, .project-info-box a img {transform: scale(1);}
}

@media (max-width: 768px) {	
	.custom-button a:hover .custom-button-text--back{opacity: 1;transform: translateX(0);}							
	.custom-button a:hover .custom-button-icon{width:36px;}
	.custom-button a:hover .custom-button-icon svg{right:0;transform: rotate(0deg) translateY(0);}
	.custom-button a:hover .custom-button-text--front{opacity: 0;}
	.empty-button:hover .empty-button-holder .custom-button-text--back{opacity: 1;transform: translateX(0);}							
	.empty-button:hover .empty-button-holder .custom-button-icon{width:36px;}
	.empty-button:hover .empty-button-holder .custom-button-icon svg{right:0;transform: rotate(0deg) translateY(0);}
	.empty-button:hover .empty-button-holder .custom-button-text--front{opacity: 0;}
	.home-banner-container h1 {font-size: 30px;}
	.home-about-statistics-number{padding-bottom: 10px;}
	.market-image-wrapper{flex-direction: column;gap:20px;}
	.market-image{width:100%;}
	.advantage .advantage-container{width: 100%;padding:20px;}
	.advantage .full-width{flex-direction: column;align-items: normal;gap: 20px;}
	.accordion-header span{width:40px;display: flex;flex-shrink:0;}
	.accordion-content{margin-left:40px;}
	.inside-banner-info-wrapper .breadcrumb li{font-size:16px;}
	.inside-banner-info-wrapper .breadcrumb li a, .inside-banner-info-wrapper .breadcrumb li .sep{font-size:16px;}
	.project-pagination a{flex-direction: column;}
	.project-pagination-info .s-button {position: relative;bottom: auto;left: auto;padding-top: 20px;}
	.project-pagination-info, .project-pagination-image{width:100%;}
	.project-pagination-info{padding:17px;}
	.project-pagination-image {border-top: 1px solid #2d2d85;border-left:0;}
	.project-pagination-info .next-project{font-size:16px;}
	.project-pagination{height: auto;}
	.clients-container{grid-template-columns: repeat(2, 1fr);}
	.footer-clients-box:nth-child(3n+1){border-left: 1px solid #8283bd;}
	.footer-clients-box:nth-child(2n+1){border-left:0;}
    .news-grid-container {grid-template-columns: 1fr;}
	.news-card-item:before{top:0;left:0;right:0;bottom:auto;height:1px;width:100%;}
	
    .timeline-nav-year { font-size: 70px; }
    .timeline-dots-wrapper { margin-bottom: 2.5rem; }
	.certificate-row:nth-child(2){border-top: 0;}
	.year-label{font-size: 16px;}
	.year-value{font-size: 20px;}
	
	.products-box {width:100%;}
	.products-box:before{display: none;}
	.products-box:nth-child(2):after{display: block;}
	
	.footer-info{flex-direction: column;gap:20px;}
	.footer-utilities-row{flex-direction: column;align-items: baseline;gap:20px;}
	.footer-copyright-bar{flex-direction: column;}
	.footer-socials svg, .footer-socials img {width: 25px !important;height: 25px !important;fill: #fff;}
	.projects-slider-container:before{width:80px;}
	.projects-slider-container:after{width:80px;}
	.home-products-file-wrap .full-cube, .home-products-file-wrap .full-cube svg{width:50px;height:50px;}
	.footer-socials{margin-left:0;margin-right:0;}
}
@media (max-width: 640px) {
	.nav__logo img{max-width: 140px;width:140px;}
	.navigation{height:90px;}
	.navigation.active{height:70px;}
	.nav__mobile-wrapper {top: 90px;height: calc(100vh - 90px);}	
	.navigation.active .nav__mobile-wrapper {top: 70px;height: calc(100vh - 70px);}
	.navigation.active .custom-logo.custom-logo-mobile {width: 60px;max-width: 60px;}
	.banner-buttons{flex-direction: column;gap:20px;}
	.home-banner-container{max-width: 100%;}
	.small-wrapper{padding-top:40px;padding-bottom:40px;}
	.about-wrapper{padding-top:40px;padding-bottom:40px;}
	.inside-banner-wrapper{padding-top:40px;padding-bottom:40px;}
	.home-about-statistics{flex-direction:column;}
	.home-about-statistics-box{width:100%;}
	.home-about-statistics-box{margin-bottom: 25px;}
	.home-about-statistics-box:last-child{margin-bottom: 0;}
	
	.supplier-box{flex: 0 0 100%;}
	
	.projects-box{gap:20px;}
	.project-info-box a{flex-direction: column;gap:0;}
	.project-info-box .projects-sub-image, .project-info-box .projects-sub-title{width:100%;max-width: 100%;padding-top:0;}
	.project-info-box .project-service-title {margin-bottom: 10px;}
	.project-info-button{position: relative;bottom: auto;left: auto;margin-top: 20px;}
	.project-info-box .projects-sub-title {padding-bottom: 10px;}
	
	
	.single-showcase-title, .single-showcase-date, .single-showcase-tag{flex-direction: column;gap:10px;margin-bottom:25px;}
	.single-showcase-tag{margin-bottom: 0;}
	.single-showcase-title label, .single-showcase-date label, .single-showcase-tag label, .single-scope-info label, .single-showcase-text{width:100%;}
	.single-scope-info{flex-direction: column;}
	.single-scope{padding-top:30px;}
	.services-grid {grid-template-columns: repeat(1, 150fr);}
	
	.product-cat-container{gap: 40px;}
	.product-cat-box {width: 100%;}
	.product-cat-file:before{display: none;}
	.saudi-made-icon img{max-width: 80%;}
}
@media (max-width: 580px) {	
	.clients-container{grid-template-columns: repeat(1, 1fr);}
	.footer-clients-box, .footer-clients-box:nth-child(3n+1){border-left: 0;}
	
}
@media (max-width: 480px) {

}