*, :after, :before {box-sizing: border-box;}
html {scroll-behavior: smooth;}
html.lenis{height: auto;}
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;}
/* Split-screen mobile menu */
/*.ast-mobile-header-wrap .ast-mobile-popup-drawer {display: flex;flex-direction: row;background: #00B8D4;}*/ /* Left panel color */
.ast-mobile-popup-content {width: 50%;padding: 40px;text-align: left;}
.ast-mobile-popup-content ul {list-style: none;padding: 0;}
.ast-mobile-popup-content ul li a {font-size: 24px;font-weight: bold;color: white;text-decoration: none;}

.ast-plain-container.ast-no-sidebar #primary{margin-top: 0;margin-bottom: 0;}
.site-header{position: absolute;width: 100%;opacity: 0;transform: translateY(-200px);
	-webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-ms-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
	transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
#ast-mobile-header{display: none !important;}
p:last-child{margin-bottom:0;}

h1{font-family:"Centrale Sans";font-weight:700;font-size:160px;line-height: 1;}
h2{font-family:"Centrale Sans";font-weight:700;font-size:80px;line-height: 1;}
h3{font-family:"Centrale Sans";font-weight:700;font-size:48px;line-height:1;}

.text{font-family:"Centrale Sans";font-weight:400;font-size:24px;line-height: 35px;}
.text strong, .text b{font-family:"Centrale Sans";font-weight:700;}
.text a{text-decoration:underline;}
.text a:hover{color:#7a2d8f;}

.text1{font-family:"Centrale Sans";font-weight:500;font-size:48px;line-height: 52px;}
.text1 strong, .text1 b{font-family:"Centrale Sans";font-weight:700;}

.text2{font-family:"Centrale Sans";font-weight:400;font-size:30px;line-height: 35px;}
.text2 strong, .text2 b{font-family:"Centrale Sans";font-weight:700;}

.text2 ul li{position:relative;list-style: none;padding-left: 30px;}
.text2 ul li:before{content: "";display: inline-block;position:absolute;left:0;top:5px;width: 16px;height: 16px;background-image: url("assets/img/list-style.svg");background-size: contain;background-repeat: no-repeat;margin-right: 10px;vertical-align: middle;}
.text2 ul li{margin-bottom:40px;}
.text2 ul li:last-child{margin-bottom: 0;}

.barba-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;/*background: #111;*/transform: scaleY(0);transform-origin: top;z-index: 9999;}
/*.site .site-content #primary .ast-article-single, .ast-separate-container .site-content #secondary .widget, .ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main, .ast-page-builder-template .post-navigation {display: none !important;}*/

.site-main{display: none !important;}
.bg-color-grey{background-color: #eeeff3;}
.bg-color-black{background-color: #000000;}
.bg-color-white{background-color: #ffffff;}

/* Loader */
.overlay[data-ability-cid-xxxxx] {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;visibility: hidden;pointer-events: none;z-index: 101;}
.overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx] {position: absolute;top: 0;left: 0;width: 26%;height: 100%;background-color: #7a2d8f;}
.overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(1) {left: 0;}
.overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(2) {left: 25%;}
.overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(3) {left: 50%;}
.overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(4) {left: 75%;}

@media (prefers-reduced-motion: no-preference) {
	html.animate-in .overlay[data-ability-cid-xxxxx] {visibility: visible;animation: enter .8s forwards;}
	html.animate-in .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx] {animation: slideOut .5s cubic-bezier(.87,0,.13,1) forwards;transform-origin: bottom;}
	html.animate-in .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(1) {animation-delay: .3s;}
	html.animate-in .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(2) {animation-delay: .2s;}
	html.animate-in .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(3) {animation-delay: .1s;}
	html.animate-in .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(4) {animation-delay: 0s;}
	
	html.animate-out, html.animate-out body{overflow: hidden !important;}
	html.animate-out .overlay[data-ability-cid-xxxxx] {visibility: visible;animation: exit .8s forwards;}
	html.animate-out .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx] {animation: slideIn .5s cubic-bezier(.87,0,.13,1) forwards;transform: scaleY(0);transform-origin: top;}
	html.animate-out .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(1) {animation-delay: .3s;}
	html.animate-out .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(2) {animation-delay: .2s;}
	html.animate-out .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(3) {animation-delay: .1s;}
	html.animate-out .overlay[data-ability-cid-xxxxx] div[data-ability-cid-xxxxx]:nth-child(4) {animation-delay: 0s;}
}

.cls-1 {fill: #ff9a00;}
.cls-2 {fill: #1bc3cd;}
.cls-3 {fill: #7a2d8f;}
.cls-4 {fill: #e65d49;}

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

/* Header lets go button */
.ast-custom-button-link{position: relative;display: inline-block;overflow: hidden;}
.ast-custom-button-link:before {content: "";position: absolute;top: -.4rem;right: -.4rem;bottom: -.4rem;left: -.4rem;background: #7a2d8f;transform: scaleY(0);transform-origin: top;-webkit-transition: .45s transform cubic-bezier(.55,0,.1,1);-moz-transition: .45s transform cubic-bezier(.55,0,.1,1);-ms-transition: .45s transform cubic-bezier(.55,0,.1,1);-o-transition: .45s transform cubic-bezier(.55,0,.1,1);transition: .45s transform cubic-bezier(.55,0,.1,1);will-change: transform;}
.ast-custom-button-link:hover:before {transform-origin: bottom;transform: scaleY(1);}
.ast-custom-button-link .ast-custom-button{position: relative;text-align: center;width: 100%;color: #7a2d8f;-webkit-transition: .45s color cubic-bezier(.55,0,.1,1);-moz-transition: .45s color cubic-bezier(.55,0,.1,1);-ms-transition: .45s color cubic-bezier(.55,0,.1,1);-o-transition: .45s color cubic-bezier(.55,0,.1,1);transition: .45s color cubic-bezier(.55,0,.1,1);font-family:"Centrale Sans";font-weight:700;font-size:20px;line-height: 1;}

/* Menu */
.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 0;overflow:hidden;justify-content: space-between;align-items: center;-webkit-transition: height 0.5s ease-in-out, background-color 0.3s;-moz-transition: height 0.5s ease-in-out, background-color 0.3s;-ms-transition: height 0.5s ease-in-out, background-color 0.3s;-o-transition: height 0.5s ease-in-out, background-color 0.3s;transition: height 0.5s ease-in-out, background-color 0.3s;z-index: 101;}

.menu-content {display: flex;width: 100%;height: 100%;opacity: 0; -webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.menu-left {width: 50%;padding: 4%;color: white;display: flex;flex-direction: column;justify-content: space-between;}
.menu-left ul {list-style: none;margin:0;}
.menu-left ul li {margin-bottom: 20px;}
.menu-left ul li a {font-family:"Centrale Sans";font-weight:700;color: white;font-size: 80px;line-height: 1;text-decoration: none;outline: none;-webkit-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);/*transition-delay: .26s !important;*/transform: rotate(-5deg) translate3d(0, -100%, 0);clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);position: relative;display: inline-block;}
.menu-overlay.show .menu-left ul li a{transform: rotate(0deg) translate3d(0, 0, 0);clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;padding-bottom:8px;}
.hover-item {color: yellow;}
.menu-right {width: 50%;}
.menu-right img, .menu-right video{width: 100%;height: 100%;object-fit: cover;display: block;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);-webkit-transition: clip-path 1s cubic-bezier(0.86, 0, 0.07, 1);-moz-transition: clip-path 1s cubic-bezier(0.86, 0, 0.07, 1);-ms-transition: clip-path 1s cubic-bezier(0.86, 0, 0.07, 1);-o-transition: clip-path 1s cubic-bezier(0.86, 0, 0.07, 1);transition: clip-path 1s cubic-bezier(0.86, 0, 0.07, 1);}
#menu-image{height:100%;}
.menu-overlay.show .menu-right img, .menu-overlay.show .menu-right video{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.menu-toggle{position:relative;display: inline-block;background-color: transparent;border:0;outline: none;box-shadow: none;width:35px;height:14px;cursor:pointer;padding: 0;}
.menu-toggle:hover{background-color: transparent;}
.menu-toggle:before, .menu-toggle:after { content:"";position:absolute; height: 3px; background: #7a2d8f; -webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1); }
.menu-toggle:before { top:0;margin-bottom: 6px;width:35px;height:3px; }
.menu-toggle:after { bottom:0;right:0;width:17px;height:3px; }
.menu-toggle:hover:before{animation: menuleft .5s;}
.menu-toggle:hover:after{animation: menuright .5s;}

#close-menu {position: absolute;top: 4%;right: 4%;background: none;font-size: 28px;cursor: pointer;color: white;padding: 0;border: 0;box-shadow: none;z-index:-1;}
.menu-overlay.show #close-menu{z-index: 2;}    
.menu-overlay .footer-links .link{font-family:"Centrale Sans";font-weight:700;font-size:24px;-webkit-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition-delay: .26s !important;-moz-transition-delay: .26s !important;-ms-transition-delay: .26s !important;-o-transition-delay: .26s !important;transition-delay: .26s !important;transform: rotate(-5deg) translate3d(0, -100%, 0);clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);position: relative;}
.menu-overlay.show .footer-links .link{transform: rotate(0deg) translate3d(0, 0, 0);clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.menu-overlay .footer-links .link a{font-family:"Centrale Sans";font-weight:700;color:#fff;font-size: 24px;}
.menu-overlay .footer-links .link a:hover{color:#fff;}

.footer-links{display: flex;flex-direction: row;flex-wrap: wrap;}
.footer-links .link{flex: 0 1 100%;}
.footer-links .link:first-child{flex: 0 1 50%;min-height: 49px;align-content: center;}
.footer-links .link:nth-child(2){flex: 0 1 50%;text-align:right;min-height: 49px;align-content: center;}
.footer-links .link:nth-child(3){margin-top:3%;}

.join-our-team-text{position: relative;padding-right:75px;}
.join-our-team-button{position:absolute;right:0;top:calc(50% - 25px);background-color:#fff;width:49px;height:49px;border-radius:50%;}
.join-our-team-button:before{content:"";position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);width:14px;height:14px;background-color: #7a2d8f;-webkit-mask-image: url("assets/img/arrow-right-up.svg");mask-image: url("assets/img/arrow-right-up.svg");transition: .45s transform cubic-bezier(.55,0,.1,1);}
.menu-overlay .footer-links .link a:hover .join-our-team-button:before{transform: rotate(45deg);}
.menu-overlay .footer-links .link.choose-language{display: grid;grid-template-columns: auto 1fr;width: 100%;align-items: center;cursor:pointer;padding-bottom:20px;}
.choose-language-text{margin-right: 5px;}
.language-bar {position:relative;display: grid;grid-template-columns: 1fr auto;opacity: 0;visibility: hidden;transform: translateX(-10px);-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;-moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;-ms-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;-o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;}
.language-bar ul{display:flex;}
.menu-left .language-bar ul li{margin:0;margin-right:30px;}
.menu-left .language-bar ul li:last-child{margin-right: 0;}
.language-bar-separator {position:relative;width: 0;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-ms-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;}
.language-bar-separator:before{content:"";position:absolute;left:10px;top: calc(50% - 1px);width:calc(100% - 25px);height:1px;background-color:#fff;}
.choose-language:hover .language-bar {opacity: 1;visibility: visible;transform: translateX(0);}
.choose-language:hover .language-bar-separator {width: 100%;}
.language-bar ul li {opacity: 0;transform: scaleX(0);transform-origin: left;-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;-ms-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.choose-language:hover .language-bar {opacity: 1;visibility: visible;transform: translateY(0);}
.choose-language:hover ul li {opacity: 1;transform: scaleX(1);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s; /* Delays to sync with the separator */}
.choose-language:hover ul li:nth-child(2) {opacity: 1;transform: scaleX(1);-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s; /* Delays to sync with the separator */}

.ast-container, .ast-container-fluid{padding-left:0;padding-right:0;}

/** Mouse Cursors **/
.js-cursor-inner {position: fixed;top: 0;left: 0;width: 16px;height: 16px;background: #7a2d8f;border-radius: 50%;border-radius: 0;transform: translate(-50%, -50%) scale(1);pointer-events: none;z-index: 9999;display: flex;align-items: center;justify-content: center;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}
.ll-balloon {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.ll-balloon__text-container {font-family: "Centrale Sans";font-weight: 400;font-size: 14px;color: white;opacity: 0;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;display: flex;align-items: center; justify-content: center;}

.cursor {
  position: fixed;
  width: 20px;
  height: 20px;
  background-color: #000; /* Default color */
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
	-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; /* Smooth transition for color change */
}

/**
 *
 * Home Page
 *
**/
/** Home Banner **/
abi-media{position:relative;height: 100vh;width: 100%;display: block;min-height:650px;z-index:1;}
abi-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.44);}
abi-media .abi-html5-video{width: 100%; height: 100%; object-fit: cover;}

.home-banner-info{text-align: left;overflow: visible;padding: 0px;width: calc(100% - 140px);height: auto;z-index: 7;position: absolute;display: block;left: 50px;right: 50px;top: 50%;visibility: visible;transform: translateY(-50%);}

.home-banner-text{font-family:"Centrale Sans";font-weight:500;font-size:48px;line-height: 52px;color:#fff;max-width: 70%;margin-bottom: 10px;/*opacity: 0;*/}
.home-banner-text p:last-child{margin-bottom:0;}

.home-banner-text strong{font-weight:700;font-size:160px;line-height: 1;}

.home-banner-title{font-family:"Centrale Sans";font-weight:700;font-size:160px;line-height: 1;text-transform:lowercase;max-width: 1040px;color:#fff;opacity: 0;}

.home-banner-text, .home-banner-title{margin-left:120px;margin-right:120px;}

.display-m {  transform: translate(0px, 70px);}
.split-element {position: relative;display: inline-block;opacity: 1;}

.split-tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0.5em;
  align-items: center;
  justify-content: flex-start;
}

.split-element.split-tags {
  display: inline-flex;
  align-items: center;
}

.split-tags{padding-right: 10px;padding-top: 10px;}
.split-tags img{min-height:25px;}
.split-tags:last-child{padding-right:0;}
.line{float: left;}

.home-about-services-container{position:relative;/*min-height:1400px;*/background-color:#fff;overflow: hidden;}
.poly-animation-wrapper{position: absolute;right:-60px;bottom:-60px;max-width: 500px;width:100%;overflow: hidden;z-index: 2;}
.poly-animation-wrapper svg{width: 100%;height: 100%;}
.poly-animation-wrapper svg #Layer_1-2{transform: translate(182px, 246px);}

.animated-banner-text {color: white;/*overflow: hidden;*/}
.fline {opacity: 0;/*transform: translate(-50px, -40px);*/transition: all 0.8s ease-out;margin-right: 0.3em;}
/*.fline:first-child{transform: translate(-50px, 0px); }
.fline:nth-child(2n) {transform: translate(0, 50px);}*/
.highlight-extra {display: inline-block;}

/** Home About **/
.home-about-content{position: relative;z-index: 2;padding-left:50px;padding-right:50px;height:100vh;background-color:#fff;min-height: 650px;padding-top:50px;padding-bottom:50px;}
.home-about-wrapper{position:relative;height:100%;margin-left:8%;margin-right:8%;}
.home-about-text{position:relative;top:50%;transform:translateY(-50%);color:#000;max-width: 76%;}

/** Home Expertise **/
.home-expertise-content{position: relative;z-index: 3;padding-left:50px;padding-right:50px;/*background-color:#fff;min-height: 650px;*/padding-bottom:80px;}
.home-expertise-wrapper{position:relative;/*height:100%;*/margin-left:8%;margin-right:8%;}
.home-expertise-title{color:#7a2d8f;max-width: 50%;margin-bottom:35px;}
.home-expertise-text{color:#000;max-width: 70%;}
.home-expertise-title-hidden, .home-expertise-text-hidden{width:0;height:0;overflow: hidden;}
.home-expertise-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.home-expertise-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.home-expertise-list{position: relative;z-index:3;width: 100%;max-width: 100%;overflow: hidden;}
.w-layout-grid {grid-row-gap: 16px;grid-column-gap: 16px;grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;display: grid;}
.services_grid-list {grid-column-gap: 0rem;grid-row-gap: 0rem;grid-template-rows: auto;grid-template-columns: 1fr;}
.services_row {display: flex;flex-wrap: nowrap; /* Ensures items stay in a single row */gap: 0; /* Add some space between cards */justify-content: space-between;align-items: stretch;width: 100%;max-width: 100%;overflow: hidden;}
.w-inline-block {max-width: 100%;display: inline-block;}
.services_card {border-radius: 0;flex-direction: column;grid-template-rows: auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;justify-content: flex-end;width: calc(100% / 3); /* Ensures cards distribute evenly */max-width: 100%;min-width: 300px; /* Adjust as needed */height: 100%;min-height: 70vh;padding: 2rem 0 0;text-decoration: none;display: flex;position: relative;overflow: hidden;flex: 1; /* Ensures all cards take equal space */-webkit-transition: flex-grow 0.4s ease-in-out;-moz-transition: flex-grow 0.4s ease-in-out;-ms-transition: flex-grow 0.4s ease-in-out;-o-transition: flex-grow 0.4s ease-in-out;transition: flex-grow 0.4s ease-in-out;}
.services_card.text-color-alternate {-webkit-transition: transform .2s cubic-bezier(.19,1,.22,1);-moz-transition: transform .2s cubic-bezier(.19,1,.22,1);-ms-transition: transform .2s cubic-bezier(.19,1,.22,1);-o-transition: transform .2s cubic-bezier(.19,1,.22,1);transition: transform .2s cubic-bezier(.19,1,.22,1);}
.service_image-wrapper {flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;display: flex;position: absolute;inset: 0%;align-self: start;}
.service_overlay {background-color: transparent;position: absolute;inset: 0%;}
.service_image {object-fit: cover;width: calc(100% + 1px);height: 100%;}
.services_card-content {flex-direction: column;justify-content: flex-end;align-items: stretch;height: 100%;display: flex;position: relative;}
.service_card-button {flex-flow: row;justify-content: space-between;align-items: center;padding: 1rem 2rem;padding: 3.35% 6.7%;display: flex;position:relative;}
.service_card-button.is-blue {background-color: #7a2d8f;flex-flow: row;justify-content: space-between;align-items: center;display: flex;}
.service_card-button.is-emerald {background-color: #e65d49;display: flex;}
.service_card-button.is-tomato {background-color: #1bc3cd;}
.service-button {background-color: #f0f0f000;flex-direction: row;justify-content: end;align-items: center;text-decoration: none;display: flex;position: relative;box-shadow: none;border:0;padding:0;margin-right: auto;transform: translateX(-108px);-webkit-transition: transform .4s ease-in-out;-moz-transition: transform .4s ease-in-out;-ms-transition: transform .4s ease-in-out;-o-transition: transform .4s ease-in-out;transition: transform .4s ease-in-out;border-radius: 0;margin-top: 20px;margin-bottom: 20px;will-change: transform;}
.service-button:hover{background-color: #f0f0f000;border:0;}
.services_card:hover .service-button{transform: translateX(0);-webkit-transition: transform .4s ease-in-out .3s;-moz-transition: transform .4s ease-in-out .3s;-ms-transition: transform .4s ease-in-out .3s;-o-transition: transform .4s ease-in-out .3s;transition: transform .4s ease-in-out .3s;}
.service-button-text {color: #fff;font-family:"Centrale Sans";font-weight:700;font-size:48px;line-height: 1.2;justify-content: flex-start;display: flex;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.service-button-text.is-absolute {position: absolute;transform: translateY(100%);opacity: 0;}
.services_card:hover .service_card-button .service-button-text{transform: translateY(-100%);-webkit-transition: all .2s linear .8s;-moz-transition: all .2s linear .8s;-ms-transition: all .2s linear .8s;-o-transition: all .2s linear .8s;transition: all .2s linear .8s;opacity: 0;}
.services_card:hover .service_card-button .service-button-text.is-absolute{transform: translateY(0%);opacity: 1;}
.service_card-button .service-icon{display: flex;-webkit-transition: .4s transform cubic-bezier(.55,0,.1,1);-moz-transition: .4s transform cubic-bezier(.55,0,.1,1);-ms-transition: .4s transform cubic-bezier(.55,0,.1,1);-o-transition: .4s transform cubic-bezier(.55,0,.1,1);transition: .4s transform cubic-bezier(.55,0,.1,1);margin-right: 20px;width:97px;}
.service_card-button .service-icon img, .service_card-button .service-icon svg{transform: translateX(-200px);-webkit-transition: transform .4s ease-in-out;-moz-transition: transform .4s ease-in-out;-ms-transition: transform .4s ease-in-out;-o-transition: transform .4s ease-in-out;transition: transform .4s ease-in-out;}
.services_card:hover .service_card-button .service-icon img, .services_card:hover .service_card-button .service-icon svg{transform: translateX(0);-webkit-transition: transform .4s ease-in-out .25s;-moz-transition: transform .4s ease-in-out .25s;-ms-transition: transform .4s ease-in-out .25s;-o-transition: transform .4s ease-in-out .25s;transition: transform .4s ease-in-out .25s;}
.service_card-button .expertise-button{position:relative;display:flex;background-color:#fff;width:49px;height:49px;border-radius:50%;/*flex-basis: 49px;flex-grow: 0;*/flex-shrink: 0;}
.service_card-button .expertise-button svg{position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);width:14px;height:14px;}
.service_card-button.is-blue .expertise-button .cls-arrow{fill: #7a2d8f;}
.service_card-button.is-emerald .expertise-button .cls-arrow{fill: #e65d49;}
.service_card-button.is-tomato .expertise-button .cls-arrow{fill: #1bc3cd;}
.services_card:hover .expertise-button svg{transform: rotate(45deg);}
.service-icon .ground-1{fill:#fff;}
.service-icon .ground-2{animation: fillAnim 2s linear infinite alternate;fill:#fff;}
.service-icon .ground-3{animation: fillAnimReverse 2s linear infinite alternate;fill:#fff;}

/** Home Ads Section **/
.home-ads-info-container{position: relative;z-index: 2;padding-left:50px;padding-right:50px;height:100vh;background-color:#eeeff3;min-height: 650px;overflow: hidden;}
.home-ads-info-wrapper{position:relative;left:50%;top: 50%;transform: translateY(-50%);color: #000;max-width: 60%;}
.home-ads-info-title{color:#7a2d8f;max-width: 70%;margin-bottom: 35px;}
.home-ads-info-text{color:#000;max-width: 70%;}
.home-ads-info-title-hidden, .home-ads-info-text-hidden{width:0;height:0;overflow: hidden;}
.home-ads-info-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;transform: translateZ(0);}
.home-ads-info-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.billboard {position: absolute;left:40px;bottom: -7px;width: calc(50% - 80px);overflow: hidden;}
.billboard svg{display: flex;}
.billboard-video, .billboard-image {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;object-fit: cover;}
.svg-container{ position: absolute;top:0;left:0;width: calc(50% - 80px);height:100%;max-width: 100%;}
.orange-A-left-right {position:relative;left: -100%;top: -100px;transform: translate(0) rotate(0deg);}

.foreignObject{position: absolute; top: 0; left: 6px; width: 97.5%; height: 54.7%;}
.billboard-gallery{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;object-fit: cover;}
.billboard-gallery-thumbnail{position: absolute;top: 0;left: 0;width: 100%;height: 101%;}
.billboard-gallery-thumbnail img {display: block;width: 100%;height: 100%;object-fit: cover;min-height: 100%;}

/** Home Projects **/
.home-projects-content{position: relative;z-index: 2;padding-top:150px;padding-left:50px;padding-right:50px;background-color:#fff;padding-bottom:80px;}
.home-projects-wrapper{position:relative;height: 54px;display: flex;align-items: center;margin-left:8%;margin-right:8%;}
.home-projects-title{display:flex;color:#7a2d8f;max-width: 50%;margin-bottom: 35px;}
.home-projects-title-hidden{width:0;height:0;overflow: hidden;}
.home-projects-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.home-projects-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.home-our-projects .home-projects-title{margin-bottom:0;}
.home-our-projects .home-projects-wrapper{height:auto;}

.home-project-button{display: flex;margin-left: auto;flex-direction: row-reverse}
.home-project-button .media_btn {display: flex;align-items: center;justify-content: center;background: #7a2d8f;border-radius: 50%;padding: 18px 27px;max-width: 45px;-webkit-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-moz-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-ms-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-o-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);position: relative;z-index:5;color:#fff;}
.home-project-button .media_btn .btn_text {display: inline-flex;align-items: flex-end;overflow: hidden;opacity: 0;-webkit-transition: .6s opacity cubic-bezier(.55,0,.1,1);-moz-transition: .6s opacity cubic-bezier(.55,0,.1,1);-ms-transition: .6s opacity cubic-bezier(.55,0,.1,1);-o-transition: .6s opacity cubic-bezier(.55,0,.1,1);transition: .6s opacity cubic-bezier(.55,0,.1,1);font-family:"Centrale Sans";font-weight:700;font-size:20px;}
.home-project-button .media_btn .btn_text span {display: inline-block;padding-right: 14px;line-height: 1;white-space: nowrap;}
.home-project-button .media_btn .btn_i_arrow {position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;-webkit-transition: .6s transform cubic-bezier(.55,0,.1,1);-moz-transition: .6s transform cubic-bezier(.55,0,.1,1);-ms-transition: .6s transform cubic-bezier(.55,0,.1,1);-o-transition: .6s transform cubic-bezier(.55,0,.1,1);transition: .6s transform cubic-bezier(.55,0,.1,1);}
.home-project-button .media_btn svg {position: absolute;top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}
.home-project-button .media_btn svg .cls-arrow {fill: #fff;}
.home-project-button .media_btn:hover {max-width: 100%;border-radius: 0;}
.home-project-button .media_btn:hover .btn_text {opacity: 1;}
.home-project-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}

.home-projects-list{position:relative;width:100%;max-width: 100%;overflow:hidden;z-index:3;}
.projects-content_component{display:flex;flex-flow: row wrap;-moz-column-gap:10px;column-gap:10px;row-gap:10px;}

.project-thumbnail{display: inline-block;width:100%;-webkit-transition: opacity .4s,transform .5s cubic-bezier(.3,0,0,1);-moz-transition: opacity .4s,transform .5s cubic-bezier(.3,0,0,1);-ms-transition: opacity .4s,transform .5s cubic-bezier(.3,0,0,1);-o-transition: opacity .4s,transform .5s cubic-bezier(.3,0,0,1);transition:opacity .4s,transform .5s cubic-bezier(.3,0,0,1);}
.project-thumbnail:nth-child(even) {
    margin-right: 0;
}
.project-thumbnail__img{position:relative;padding-bottom: 131%;overflow: hidden;z-index:1;height: 100%;}
.project-thumbnail__img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% + 7px);background-color: #afbcbf;z-index:1;mix-blend-mode: color;opacity:1;-webkit-transition: .3s opacity cubic-bezier(.55,0,.1,1);-moz-transition: .3s opacity cubic-bezier(.55,0,.1,1);-ms-transition: .3s opacity cubic-bezier(.55,0,.1,1);-o-transition: .3s opacity cubic-bezier(.55,0,.1,1);transition: .3s opacity cubic-bezier(.55,0,.1,1);}
.project-thumbnail__img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;--first-top: 0%;
  --first-bottom: 33.3333%;
  --second-top: 33.3333%;
  --second-bottom: 66.6666%;
  --third-top: 66.6666%;
  --third-bottom: 100%;
-webkit-clip-path: polygon(0% var(--first-top),100% var(--first-top),100% var(--first-bottom),0% var(--first-bottom),0% var(--second-top),100% var(--second-top),100% var(--second-bottom),0% var(--second-bottom),0% var(--third-top),100% var(--third-top),100% var(--third-bottom),0% var(--third-bottom));
  clip-path: polygon(0% var(--first-top),100% var(--first-top),100% var(--first-bottom),0% var(--first-bottom),0% var(--second-top),100% var(--second-top),100% var(--second-bottom),0% var(--second-bottom),0% var(--third-top),100% var(--third-top),100% var(--third-bottom),0% var(--third-bottom));}
.project-thumbnail__img .project_image, .project-thumbnail__img .project_video {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;position: absolute;}
.project-thumbnail:hover .project-thumbnail__img:before{opacity: 1;background-color: rgba(0,0,0,0.2);mix-blend-mode: normal;}
.project-thumbnail__img-hover {z-index: -1;}
.project-info-wrapper{position:absolute;bottom:50px;left:50px;width:100%;transform: translateY(100%);opacity: 0;}
.project-thumbnail:hover .project-info-wrapper{transform: translateY(0);-webkit-transition: all .2s linear .3s;-moz-transition: all .2s linear .3s;-ms-transition: all .2s linear .3s;-o-transition: all .2s linear .3s;transition: all .2s linear .3s;opacity: 1;z-index:1;}

.project-info-wrapper h3{color:#fff;padding-bottom:24px;}
.project-info-expertise{display: inline-block; font-family:"Centrale Sans";font-weight:700;font-size:20px;line-height:1;color:#fff;padding:11px 23px;}

/** Home About Us **/
.home-about-list{position:relative;/*height: 100vh;*/width: 100%;display: flex;min-height:650px;z-index:1;}
.about-content_component{display:flex;width:100%;}
.home-about-box{display: flex;width:50%;flex-wrap: wrap;background-color:#eeeff3;position: relative;}
.home-about-box-wrapper {display: flex;flex-wrap: wrap;justify-content: center;gap: 0px;width: 100%;}
.home-about-counter-box {width: 50%;display: flex;flex-direction: column;justify-content: center;padding: 0 10%;background-color: #1bc3cd;}
.home-about-counter-box:nth-child(2){background-color: #fff;}
.home-about-counter-box:nth-child(3){background-color: #eeeff3;}
.home-about-counter-box:nth-child(4){background-color: #e65d49;}
.home-about-counter {font-family:"Centrale Sans";font-weight:700;font-size:120px;line-height: 1;color:#fff;}
.home-about-counter-text {font-family:"Centrale Sans";font-weight:700;font-size:24px;line-height: 28px;color:#fff;}
.home-about-counter-box:nth-child(2) .home-about-counter, .home-about-counter-box:nth-child(3) .home-about-counter, .home-about-counter-box:nth-child(2) .home-about-counter-text, .home-about-counter-box:nth-child(3) .home-about-counter-text{color: rgba(0,0,0,.8);}
.home-about-expertise-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;padding-top:20%;padding-bottom:20%;padding-left: 20px;padding-right: 20px;}
.home-about-expertise-title{display:flex;width:100%;font-family:"Centrale Sans";font-weight:700;font-size:24px;line-height:1;color: rgba(0,0,0,.8);margin-bottom:50px;}
.home-about-expertises{display:flex;flex-direction: column;}
.home-about-expertises ul{list-style: none;padding: 0;margin: 0;display: flex;flex-direction:column;align-items:flex-start;gap: 20px;}
.home-about-services_card{display:flex;align-items:center;width:100%;}
.home-about-services_card-content{flex-direction: column;justify-content: flex-end;align-items: stretch;display: flex;position: relative;margin:0;}
.home-about-service_card-button{justify-content: flex-start;align-items: center;display: flex;position: relative;}
.home-about-service-icon{display:flex;width:98px;flex-shrink: 0;margin-right: 50px;}
.home-about-service-button{overflow: hidden;justify-content: flex-start;align-items: center;text-decoration: none;display: flex;position: relative;box-shadow: none;border: 0;padding: 0;margin-right: auto;border-radius: 0;}
.home-about-service-button-text{font-family:"Centrale Sans";font-weight:700;font-size:120px;line-height: 1;justify-content: flex-start;display: flex;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;text-align: left;}
.home-about-service-button-text.is-absolute{position: absolute;transform: translateY(100%);opacity: 0;font-family:"Centrale Sans";font-weight:700;font-size:120px;line-height: 1;}
.home-about-services_card:hover .home-about-service-button-text {transform: translateY(-100%);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;opacity: 0;}
.home-about-services_card:hover .home-about-service-button-text.is-absolute {transform: translateY(0%);opacity: 1;}
.home-about-button {position: relative;display:flex;background-color: #7a2d8f;width:100%;margin-top: auto;}
.home-about-button a{display: flex;width: 100%;align-items: center;padding:5%;}
.home-about-button-title{display: flex;width: 100%;/*font-family: "Centrale Sans";font-weight: 700;font-size: 48px;color:#fff;*/}
.home-about-button-arrow{position: relative;display: flex;background-color: #fff;width: 49px;height: 49px;border-radius: 50%;flex-shrink: 0;}
.home-about-button-arrow svg {position: absolute;top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}

.home-about-service-icon .ground-2{animation: fillAnim 3s linear infinite alternate;}
.home-about-service-icon .ground-3{animation: fillAnimReverse 3s linear infinite alternate;}

.home-about-button-button-title{font-family: "Centrale Sans";font-weight: 700;font-size: 48px;color:#fff;line-height: 1;justify-content: flex-start;display: flex;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;text-align: left;}
.home-about-button-button-title.is-absolute{position: absolute;transform: translateY(100%);opacity: 0;}
.home-about-button a:hover .home-about-button-button-title {transform: translateY(-100%);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;opacity: 0;}
.home-about-button a:hover .home-about-button-button-title.is-absolute {transform: translateY(0%);opacity: 1;}
.home-about-button a:hover .home-about-button-arrow svg{transform: rotate(45deg);}

/** Home Awards **/
.home-awards-list{position:relative;/*height: 100vh;*/width: 100%;display: flex;min-height:650px;z-index:2;}
.home-awards-content_component{position:relative;display:flex;width:100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
/*.home-awards-content_component:before{content: "";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}*/
.home-awards_content_box{width: 50%;display: flex;flex-direction: column;justify-content: center;z-index:1;}
.home-awards_content_box-warpper{display:flex;flex-direction: column;justify-content: center;width:100%;padding-left:20%;padding-right:20%;}
.home-awards_content_box-title{color: #1bc3cd;max-width: 100%;}
.home-awards_content_box-title-hidden{width:0;height:0;overflow: hidden;}
.home-awards_content_box-title .split-element{background: linear-gradient(to right, #1bc3cd 0%, #1bc3cd 50%, #fff 50%, #fff 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.home-awards_content_box-title .text-appear__line{background: linear-gradient(to right, #1bc3cd 0%, #1bc3cd 50%, #fff 50%, #fff 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.home-awards_content_box-button{display: flex;margin-top:90px;}
.home-awards_content_box-button .media_btn {display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;padding: 17px 27px;max-width: 45px;-webkit-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-moz-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-ms-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-o-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);position: relative;z-index:5;color:#7a2d8f;}
.home-awards_content_box-button .media_btn .btn_text {display: inline-flex;align-items: flex-end;overflow: hidden;opacity: 0;-webkit-transition: .6s opacity cubic-bezier(.55,0,.1,1);-moz-transition: .6s opacity cubic-bezier(.55,0,.1,1);-ms-transition: .6s opacity cubic-bezier(.55,0,.1,1);-o-transition: .6s opacity cubic-bezier(.55,0,.1,1);transition: .6s opacity cubic-bezier(.55,0,.1,1);font-family:"Centrale Sans";font-weight:700;font-size:20px;}
.home-awards_content_box-button .media_btn .btn_text span {display: inline-block;padding-right: 14px;line-height: 1;white-space: nowrap;}
.home-awards_content_box-button .media_btn .btn_i_arrow {position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;-webkit-transition: .6s transform cubic-bezier(.55,0,.1,1);-moz-transition: .6s transform cubic-bezier(.55,0,.1,1);-ms-transition: .6s transform cubic-bezier(.55,0,.1,1);-o-transition: .6s transform cubic-bezier(.55,0,.1,1);transition: .6s transform cubic-bezier(.55,0,.1,1);}
.home-awards_content_box-button .media_btn svg {position: absolute;top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}
.home-awards_content_box-button .media_btn svg .cls-arrow {fill: #7a2d8f;}
.home-awards_content_box-button .media_btn:hover {max-width: 100%;border-radius: 0;}
.home-awards_content_box-button .media_btn:hover .btn_text {opacity: 1;}
.home-awards_content_box-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}
.home-awards-listing{padding-top: 50px;padding-bottom: 50px;}
.home-awards-listing-title{font-family: "Centrale Sans";font-weight: 400;font-size: 20px;color:#fff;margin-bottom:20px;}
.home-awards-listing ul{list-style: none;padding: 0;margin: 0;display: flex;flex-direction:column;align-items:flex-start;gap: 20px;}
.home-awards-logo{position:relative;height: 70px;overflow: hidden;}
.home-awards-logo img{max-height:70px;}
.home-awards-title{font-family: "Centrale Sans";font-weight: 700;font-size: 30px;color:#fff;line-height: 1;margin-top:25px;}
.home-awards-year{font-family: "Centrale Sans";font-weight: 400;font-size: 20px;color:#fff;line-height: 1;margin-top:25px;}
.home-awards-logo .award-logo{position: absolute;top: 0px;left: 0;width: 100%;height: 100px;opacity: 0;transform: translateY(100%);-webkit-transition: opacity 0.5s ease, transform 0.5s ease;-moz-transition: opacity 0.5s ease, transform 0.5s ease;-ms-transition: opacity 0.5s ease, transform 0.5s ease;-o-transition: opacity 0.5s ease, transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease;}
.home-awards-info:hover .home-awards-logo .award-logo {opacity: 1;transform: translateY(0%);}

/**
 *
 * Projects Page
 *
**/
.abi-projects-banner{position:relative;width:100%;height:calc(100vh - 126px);min-height:650px;display: block;z-index:1;background-color: #eeeff3;margin-top:126px;overflow: hidden;}
.abi-agency-banner{height:auto;min-height:444px;}
.arrow-grey{fill: #707a81;opacity: .12;}
.banner-arrow-1{position: absolute;top:10%;left:-130px;animation: moveArrow 12s linear infinite;}
.banner-arrow-2{position: absolute;top:calc(10% + 134px);left:calc(100% + 130px);animation: moveArrowReverse 12s linear infinite;animation-delay: 1s;}
.banner-arrow-3{position: absolute;top:calc(30% + 134px);left:-130px;animation: moveArrow 12s linear infinite;animation-delay: 2s;}
.banner-arrow-4{position: absolute;top:calc(50% + 134px);left:calc(100% + 130px);animation: moveArrowReverse 12s linear infinite;animation-delay: 3s;}
.banner-arrow-1 svg, .banner-arrow-2 svg, .banner-arrow-3 svg, .banner-arrow-4 svg{width:130px;height:114px;}
.banner-arrow-1 svg, .banner-arrow-3 svg{transform: rotate(180deg);}

.abi-projects-banner-wrapper{position: absolute;top: 50%;transform: translateY(-50%);margin-left:50px;margin-right:50px;width:calc(100% - 100px);}
.abi-agency-banner .abi-projects-banner-wrapper .abi-projects-banner-text{padding-bottom:0;}
.abi-projects-banner-text{opacity:0;color:#000;padding-bottom: 80px;}
.abi-projects-banner-text-hidden {width: 0;height: 0;overflow: hidden;}
.abi-projects-banner-text, .abi-projects-banner-expertise-wrapper{margin-left:8%;margin-right:8%;}
.abi-projects-banner-expertise-label{font-family: "Centrale Sans";font-weight: 700;font-size: 30px;color:#000;line-height:1;margin-bottom:40px;}

.projects-expertise-list{position: relative;z-index:3;width: 100%;max-width: 100%;overflow: hidden;}
.p-layout-grid {grid-row-gap: 16px;grid-column-gap: 16px;grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;display: grid;}
.projects_grid-list {display:flex;grid-column-gap: 0rem;grid-row-gap: 0rem;grid-template-rows: auto;grid-template-columns: 1fr;}
.projects_row {display: flex;flex-wrap: nowrap; gap: 0; justify-content: space-between;align-items: stretch;width: 100%;max-width: 100%;overflow: hidden;}
.p-inline-block {max-width: 100%;display: inline-block;}
.projects_card {border-radius: 0;flex-direction: column;grid-template-rows: auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;justify-content: flex-end;width: calc(100% / 3); max-width: 100%;min-width: 300px; padding:0;text-decoration: none;display: flex;position: relative;overflow: hidden;flex: 1; -webkit-transition: flex-grow 0.6s ease-in-out;-moz-transition: flex-grow 0.6s ease-in-out;-ms-transition: flex-grow 0.6s ease-in-out;-o-transition: flex-grow 0.6s ease-in-out;transition: flex-grow 0.6s ease-in-out;border: 1px solid rgba(112,122,129,.2);}
.projects_card.text-color-alternate {-webkit-transition: transform .4s cubic-bezier(.19,1,.22,1) .5s;-moz-transition: transform .4s cubic-bezier(.19,1,.22,1) .5s;-ms-transition: transform .4s cubic-bezier(.19,1,.22,1) .5s;-o-transition: transform .4s cubic-bezier(.19,1,.22,1) .5s;transition: transform .4s cubic-bezier(.19,1,.22,1) .5s;}
.projects_card.text-color-alternate:hover {-webkit-transition: transform .4s cubic-bezier(.19,1,.22,1) 0s;-moz-transition: transform .4s cubic-bezier(.19,1,.22,1) 0s;-ms-transition: transform .4s cubic-bezier(.19,1,.22,1) 0s;-o-transition: transform .4s cubic-bezier(.19,1,.22,1) 0s;transition: transform .4s cubic-bezier(.19,1,.22,1) 0s;}
.projects_card-content {flex-direction: column;justify-content: center;height: 100%;display: flex;position: relative;min-height:200px;padding-left: 15%;padding-right: 15%;}
.projects_card-button {display: flex;flex-direction:column;flex-flow: row;justify-content: space-between;align-items: center;padding: 0;position:relative;flex-wrap: wrap;}
.projects_card-button .projects-icon{display: flex;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-ms-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;margin-right: 20px;}
.projects-button {background-color: #f0f0f000;flex-direction: row;justify-content: end;align-items: center;text-decoration: none;display: flex;position: relative;box-shadow: none;border:0;padding:0;margin-right: auto;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-ms-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;border-radius: 0;margin-top: 20px;margin-bottom: 20px;}
.projects-button:hover{background-color: #f0f0f000;border:0;}
.projects-button-text {color: #000;font-family:"Centrale Sans";font-weight:700;font-size:48px;line-height: 1.2;justify-content: flex-start;display: flex;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.projects-icon .ground-2{animation: fillAnim 3s linear infinite alternate;}
.projects-icon .ground-3{animation: fillAnimReverse 3s linear infinite alternate;}
.projects_counter{padding-left:10px;display:none;}
.projects-button-description{font-family: "Centrale Sans";font-weight: 400;font-size: 24px;width: 100%;max-height:0;color:#fff;opacity: 0;overflow:hidden;-webkit-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;-moz-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;-ms-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;-o-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;}

.projects_card .projects_card-content, .projects_card .projects_card-button, .projects_card .projects_card-button .projects-icon, .projects_card .projects-button, .projects_card .projects-button-description{-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}

.projects_card:hover .projects_card-content, .projects_card:hover .projects_card-button, .projects_card:hover .projects_card-button .projects-icon, .projects_card:hover .projects-button, .projects_card:hover .projects-button-description{-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}

.projects_card:hover .projects-button-description { max-height: 200px; opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.projects_card:hover .projects-icon .space-1, .projects_card:hover .projects-icon .space-2, .projects_card:hover .projects-icon .space-3, .projects_card:hover .projects-icon .space-4,
.projects_card:hover .projects-icon .content-1, .projects_card:hover .projects-icon .content-2, .projects_card:hover .projects-icon .content-3,
.projects_card:hover .projects-icon .ground-1, .projects_card:hover .projects-icon .ground-2, .projects_card:hover .projects-icon .ground-3
{fill:#fff;}
.projects_card:hover .projects-button-text {color: #fff;}
.projects_card:hover .projects_counter{display:block;}


/**
 *
 * Project Details Page
 *
**/
.abi-single-banner{position:relative;width:100%;height:100vh;min-height:650px;display: block;z-index:1;background-color: #eeeff3;background-color: #7a2d8f;}
.abi-single-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.44);}
.abi-single-banner .abi-html5-single{width: 100%; height: 100%; object-fit: cover;}

.project-gallery-wrapper{position: relative;z-index: 2;padding-left: 50px;padding-right: 50px;background-color: #fff;padding-top: 160px;padding-bottom: 160px;}
.project-gallery-content{margin-left: 8%;margin-right:8%;}

.custom-gallery {display: flex;flex-flow: row wrap;column-gap: 10px;row-gap: 20px;justify-content: space-between;}
.project-gallery-thumbnail {position:relative;display: flex;width: 100%;height: 375px;overflow: hidden;justify-content: center;align-items: center;}
.project-gallery-thumbnail:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: calc(100% + 7px);background-color: #afbcbf;z-index: 1;mix-blend-mode: color;opacity: 1;-webkit-transition: .3s opacitycubic-bezier(.55,0,.1,1);-moz-transition: .3s opacitycubic-bezier(.55,0,.1,1);-ms-transition: .3s opacitycubic-bezier(.55,0,.1,1);-o-transition: .3s opacitycubic-bezier(.55,0,.1,1);transition: .3s opacitycubic-bezier(.55,0,.1,1);}
.project-gallery-thumbnail:hover:before {opacity: 0;}
.project-gallery-thumbnail img, .project-gallery-thumbnail video {width: 100%;height: 100%;object-fit: cover;}


.project-details-wrapper{position: absolute;top: 50%;transform: translateY(-50%);margin-left: calc(4% + 50px);margin-right: calc(4% + 50px);width: calc(84% - 100px);}
.project-details-title{font-family: "Centrale Sans";font-weight: 700;font-size:36px;color:#fff;margin-bottom:2%;}
.project-details-text{color:#fff;margin-bottom:2%;}
.project-details-expertise{display: inline-block;font-family: "Centrale Sans";font-weight: 700;font-size: 20px;line-height: 1;color: #fff;padding: 11px 23px;margin-bottom:3%;}
.project-details-type{font-family: "Centrale Sans";font-weight: 700;font-size: 30px;line-height: 1;color: #fff;}

.projects-related-title{display:flex;color:#7a2d8f;max-width: 50%;}
.projects-related-title-hidden{width:0;height:0;overflow: hidden;}
.projects-related-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.projects-related-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.projects-related_component{display:flex;flex-flow: row wrap;-moz-column-gap:10px;column-gap:10px;row-gap:10px;margin-top:40px;}
.projects-related_component .project-thumbnail__img {padding-bottom: 62%;height: 375px;}


/**
 *
 * Agency Page
 *
**/
.agency-intro{position:relative;padding-bottom:5.4rem;}
.agency-intro .aview{margin:0 auto;width:100%;/*padding-left:50px;padding-right:50px;*/position:relative;}
.agency-mediahold{position:relative;height:100vh;}
.agency-mediahold .agency-cnt_media{position: sticky;top: 0;bottom: 0;width: 100%;height: 100vh;aspect-ratio: 1680 / 1117;}
.agency-mediahold .agency-cnt_media .agency-reels{position:absolute;top:0;right:calc(8% + 50px);bottom:0;left:calc(8% + 50px);overflow:hidden;will-change:transform;border-radius:0;}
.agency-mediahold .agency-cnt_media .agency-reels:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;/*background-color: #afbcbf;mix-blend-mode: color;*/}
.agency-reels_el{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.agency-reels_el_bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.agency-mediahold .agency-cnt_media .agency-reels img, .agency-mediahold .agency-cnt_media .agency-reels video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;max-width:100%;vertical-align:middle;}

.agency-adaptability{display: flex;position:relative;z-index:2;padding:5% calc(8% + 50px);gap: 10%;}
.agency-adaptability .banner-arrow-3{top:calc(40% + 134px);}
.agency-adaptability-title{width:30%;}
.agency-adaptibility-info{width:50%;}
.agency-adapt-title{display:flex;color:#7a2d8f;max-width: 80%;}
.agency-adapt-title-hidden{width:0;height:0;overflow: hidden;}
.agency-adapt-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.agency-adapt-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.agency-adaptibility-text{position:relative;color:#000;}

.agency-adaptibility-button{display: flex;margin-top:40px;}
.agency-adaptibility-button .media_btn {display: flex;align-items: center;justify-content: center;background: #7a2d8f;border-radius: 50%;padding: 17px 27px;max-width: 45px;-webkit-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-moz-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-ms-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-o-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);position: relative;z-index:5;color:#fff;}
.agency-adaptibility-button .media_btn .btn_text {display: inline-flex;align-items: flex-end;overflow: hidden;opacity: 0;-webkit-transition: .6s opacity cubic-bezier(.55,0,.1,1);-moz-transition: .6s opacity cubic-bezier(.55,0,.1,1);-ms-transition: .6s opacity cubic-bezier(.55,0,.1,1);-o-transition: .6s opacity cubic-bezier(.55,0,.1,1);transition: .6s opacity cubic-bezier(.55,0,.1,1);font-family:"Centrale Sans";font-weight:700;font-size:20px;}
.agency-adaptibility-button .media_btn .btn_text span {display: inline-block;padding-right: 14px;line-height: 1;white-space: nowrap;}
.agency-adaptibility-button .media_btn .btn_i_arrow {position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;-webkit-transition: .6s transform cubic-bezier(.55,0,.1,1);-moz-transition: .6s transform cubic-bezier(.55,0,.1,1);-ms-transition: .6s transform cubic-bezier(.55,0,.1,1);-o-transition: .6s transform cubic-bezier(.55,0,.1,1);transition: .6s transform cubic-bezier(.55,0,.1,1);}
.agency-adaptibility-button .media_btn svg {position: absolute;top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}
.agency-adaptibility-button .media_btn svg .cls-arrow {fill: #fff;}
.agency-adaptibility-button .media_btn:hover {max-width: 100%;border-radius: 0;}
.agency-adaptibility-button .media_btn:hover .btn_text {opacity: 1;}
.agency-adaptibility-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}

.agency-whyability-title{display:flex;color:#7a2d8f;max-width: 80%;}
.agency-whyability-title-hidden{width:0;height:0;overflow: hidden;}
.agency-whyability-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.agency-whyability-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.agency-why-ability-wrapper{display:flex;flex-direction: column;height: 100vh;min-height:850px;}
.agency-counter-box-wrapper {display: flex;flex-wrap: wrap;justify-content: center;gap: 0px;width:100%;height: 50%;}
.agency-counter-box {width: 25%;display: flex;flex-direction: column;justify-content: center;padding:100px 3%;background-color: #ff9a00;}
.agency-counter-box:nth-child(2){background-color: #970072;}
.agency-counter-box:nth-child(3){background-color: #6ab31e;}
.agency-counter-box:nth-child(4){background-color: #001c57;}
.agency-counter {font-family:"Centrale Sans";font-weight:700;font-size:120px;line-height: 1;color:#fff;}
.agency-counter-text {font-family:"Centrale Sans";font-weight:700;font-size:24px;line-height: 24px;color:#fff;}
.agency-counter-box.agency-counter-expertise-box{background-color: #fff;}
.agency-counter-box.agency-counter-expertise-box:nth-child(2){background-color: #7a2d8f;}
.agency-counter-box.agency-counter-expertise-box:nth-child(3){background-color: #e65d49;}
.agency-counter-box.agency-counter-expertise-box:nth-child(4){background-color: #1bc3cd;}

.agency-services_card{display:flex;align-items:center;width:100%;height:100%;}
.agency-services_card-content{flex-direction: column;justify-content: flex-end;align-items: stretch;display: flex;position: relative;margin:0;}
.agency-service_card-button{justify-content: flex-start;align-items: center;display: flex;position: relative;}
.agency-service-icon{display:flex;width:98px;flex-shrink: 0;padding-right: 10px;}
.agency-service-button{overflow: hidden;justify-content: flex-start;align-items: center;text-decoration: none;display: flex;position: relative;box-shadow: none;border: 0;padding: 0;margin-right: auto;border-radius: 0;}
.agency-service-button-text{font-family:"Centrale Sans";font-weight:700;font-size:48px;line-height: 1;justify-content: flex-start;display: flex;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;text-align: left;}
.agency-service-button-text.is-absolute{position: absolute;transform: translateY(100%);opacity: 0;font-family:"Centrale Sans";font-weight:700;font-size:48px;line-height: 1;}
.agency-services_card:hover .agency-service-button-text {transform: translateY(-100%);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;opacity: 0;}
.agency-services_card:hover .agency-service-button-text.is-absolute {transform: translateY(0%);opacity: 1;}

.agency-service-icon .ground-2{animation: fillAnim 3s linear infinite alternate;}
.agency-service-icon .ground-3{animation: fillAnimReverse 3s linear infinite alternate;}

.agency-service-icon .space-1, .agency-service-icon .space-2, .agency-service-icon .space-3, .agency-service-icon .space-4{fill:#fff;}
.agency-service-icon .content-1, .agency-service-icon .content-2, .agency-service-icon .content-3{fill:#fff;}
.agency-service-icon .ground-1, .agency-service-icon .ground-2, .agency-service-icon .ground-3{fill:#fff;}

.agency-counter-expertise-title{color:#000;}

.agency-counter-button{display: flex;margin-top:60px;}
.agency-counter-button .media_btn {display: flex;align-items: center;justify-content: center;background: #7a2d8f;border-radius: 50%;padding: 17px 27px;max-width: 45px;-webkit-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-moz-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-ms-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);-o-transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);transition: .6s max-width cubic-bezier(.55,0,.1,1), .6s border-radius cubic-bezier(.55,0,.1,1);position: relative;z-index:5;color:#fff;}
.agency-counter-button .media_btn .btn_text {display: inline-flex;align-items: flex-end;overflow: hidden;opacity: 0;-webkit-transition: .6s opacity cubic-bezier(.55,0,.1,1);-moz-transition: .6s opacity cubic-bezier(.55,0,.1,1);-ms-transition: .6s opacity cubic-bezier(.55,0,.1,1);-o-transition: .6s opacity cubic-bezier(.55,0,.1,1);transition: .6s opacity cubic-bezier(.55,0,.1,1);font-family:"Centrale Sans";font-weight:700;font-size:20px;}
.agency-counter-button .media_btn .btn_text span {display: inline-block;padding-right: 14px;line-height: 1;white-space: nowrap;}
.agency-counter-button .media_btn .btn_i_arrow {position:relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;-webkit-transition: .6s transform cubic-bezier(.55,0,.1,1);-moz-transition: .6s transform cubic-bezier(.55,0,.1,1);-ms-transition: .6s transform cubic-bezier(.55,0,.1,1);-o-transition: .6s transform cubic-bezier(.55,0,.1,1);transition: .6s transform cubic-bezier(.55,0,.1,1);}
.agency-counter-button .media_btn svg {position: absolute;top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}
.agency-counter-button .media_btn svg .cls-arrow {fill: #fff;}
.agency-counter-button .media_btn:hover {max-width: 100%;border-radius: 0;}
.agency-counter-button .media_btn:hover .btn_text {opacity: 1;}
.agency-counter-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}

.agency-creativity-wrapper{display:flex;/*height:100vh;*/min-height:650px;width:100%;flex-direction: row;}
.agency-creativity-design{display:flex;width:50%;background-color:#e65d49;position:relative;justify-content: center;overflow: hidden;align-items: end;}
.agency-creativity-design .creative-hand {position:relative;top:0;right:0;left:0;bottom:0;object-fit: contain;max-width:80%;}

.agency-creativity-content{display:flex;width:50%;background-color:#fff;}

.agency-creativity-content ul{display:flex;width:100%;flex-direction: column;justify-content: space-between;margin:0;padding:0;height:100%;}
.agency-creativity-content ul li{display:flex;flex: 1;flex-direction: column;justify-content: center;align-items: flex-start;width:100%;border-bottom:1px solid rgba(0,0,0,.8);padding:5%;}
.agency-creativity-content ul li:last-child{border-bottom:0;}
.agency-creativity-title{color: #000;text-align: left;padding-bottom:4%;}
.agency-creativity-text{position:relative;color:#000;}


.agency-awards-wrapper{display:flex;position:relative;/*height:100vh;*/min-height: 650px;width: 100%;flex-direction: column;padding:100px calc(8% + 50px);}
.agency-awards-cup{position:absolute;bottom:0;right:10px;max-width:355px;max-height:657px;width: 20%;}
.agency-awards-cup img{width:100%;height:100%;}
.agency-awards-title-box{display:flex;width:100%;}

.agency-awards-title{display:flex;color:#7a2d8f;max-width: 80%;}
.agency-awards-title-hidden{width:0;height:0;overflow: hidden;}
.agency-awards-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.agency-awards-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.agency-awards-content{display:flex;width:calc(100% - 200px);}
.agency-awards-content ul{display:flex;width:100%;flex-direction: column;justify-content: space-between;margin:0;padding:0;height:100%;}
.agency-awards-content ul li{display:flex;flex: 1;flex-direction: row;width:100%;padding:40px 0;border-bottom:1px solid rgba(0,0,0,.8);justify-content: space-between;}

.agency-award-title{display:flex;width:50%;font-family: "Centrale Sans";font-weight: 700;font-size: 24px;line-height: 28px;color:#000;align-items: center;}
.agency-award-prize{display:flex;width:50%;font-family: "Centrale Sans";font-weight: 400;font-size: 24px;line-height: 28px;color:#000;align-items: center;}

.agency-team-title{display:flex;color:#7a2d8f;max-width: 80%;}
.agency-team-title-hidden{width:0;height:0;overflow: hidden;}
.agency-team-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.agency-team-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.agency-team-wrapper{position: relative;z-index: 2;padding-left: 50px;padding-right: 50px;background-color: #fff;padding-top: 0;padding-bottom: 50px;}
.agency-team-wrapper:before{content:"";position: absolute;bottom:0;right:0;left:0;height:40%;width:100%;background-color: #eeeff3;}
.agency-custom-team-gallery{display: flex;flex-flow: row wrap;column-gap: 2%;row-gap: 40px;position:relative;justify-content: space-between;}
.agency-team-thumbnail{position:relative;display: flex;flex-direction: column;width:100%; overflow:hidden;justify-content: center;}
.agency-team-thumbnail-image {position: relative;width: 100%;}
.team-image, .team-image-hover {width: 100%;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.team-image-hover {position: absolute;top: 0;left: 0;opacity: 0;}
.agency-team-thumbnail:hover .team-image {opacity: 0;}
.agency-team-thumbnail:hover .team-image-hover {opacity: 1;}
.agency-team-thumbnail-info {margin-top: 10px;text-align: left;}
.agency-team-thubmnail-name{font-family: "Centrale Sans";font-weight: 700;font-size: 48px;line-height:1;color:#000;margin-bottom: 10px;}
.agency-team-thubmnail-post{font-family: "Centrale Sans";font-weight: 400;font-size: 30px;line-height:1;color:#000;}

.agency-careers-title{display:flex;color:#7a2d8f;max-width: 100%;}
.agency-careers-title-hidden{width:0;height:0;overflow: hidden;}
.agency-careers-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.agency-careers-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.agency-creativity{height: 120vh;min-height: 850px;position: relative;}
.agency-footer-banner{position:relative;padding-bottom:3.4rem;z-index: 5;}
.agency-footer-banner .aview-footer{margin:0 auto;width:100%;position:relative;}
.agency-footer-mediahold{position:relative;height:120vh;min-height: 750px;}
.agency-footer-mediahold .agency-footer-cnt_media{position: relative;top: auto;bottom: auto;width: 100%;height: 80%;/*aspect-ratio: 1680 / 1117;*/}
.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels{position:absolute;top:0;right:calc(8% + 50px);bottom:0;left:calc(8% + 50px);overflow:hidden;will-change:transform;border-radius:0;}
.agency-footer-reels_el{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.agency-footer-reels_el_bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels img, .agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;max-width:100%;vertical-align:middle;}

/**
 *
 * Expertise Page
 *
**/
.abi-expertise-banner{min-height: 524px;}
.abi-expertise-banner .abi-projects-banner-wrapper{top:30%;}
.expertise-banner-file{position:absolute;bottom:0;left:0;height:60%;}
.ebf {position:relative;left: -50%;max-height:100%;}

.expertise-wrapper{position: relative;z-index: 3;width: 100%;max-width: 100%;overflow: hidden;}
.expertise-content{display:flex;gap: 0px;}
#expertise-1.expertise-content{flex-wrap: wrap;}
.expertise-box{position: relative;display:flex;width:50%;/*height:100vh;min-height:947px;*/flex-direction: column;justify-content: space-between;overflow: hidden;}
#expertise-1 .expertise-box{height:70vh;min-height: 750px;}
#expertise-1 .expertise-box-file{height:30vh;}
.expertise-box .svg-container{position:absolute;left:0;top:0;width:60%;}
.expertise-box .svg-container .orange-A-left-right{position: absolute;left:0%;top:0;max-width:100%;max-height:80%;}
#expertise-1 .expertise-box .svg-container{bottom:0;right:0;left:auto;top:auto;}
#expertise-1 .expertise-box .svg-container .orange-A-left-right{left:auto;top:auto;right:0%;bottom:-112px;transform: rotate(180deg);}

.expertise-info{display:flex;height:50%;width:100%;flex-direction: column;justify-content: center;position:relative;}
#expertise-1 .expertise-info{height:100%;}
.expertise-info-box{padding:10% calc(8% + 50px);z-index:1;}
#expertise-1 .expertise-info-box{height:100%;}
.expertise-box-title-icon{display: flex;margin-bottom: 35px;}
.expertise-box-icon{display: flex;width: 98px;flex-shrink: 0;padding-right: 10px;}
.expertise-box-icon .ground-1{fill:#fff;}
.expertise-box-icon .ground-2{animation: fillAnim 2s linear infinite alternate;fill:#fff;}
.expertise-box-icon .ground-3{animation: fillAnimReverse 2s linear infinite alternate;fill:#fff;}
.expertise-box-title{color:#fff;}
.expertise-box-subtitle{font-family: "Centrale Sans";font-weight: 700;font-size: 30px;line-height: 1;color: #fff;margin-bottom:30px;}
.expertise-box-text{color:#fff;}
.expertise-box-file{display:flex;height:50%;width:100%;position:relative;}
.expertise-box-file:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;background-color: #afbcbf;mix-blend-mode: color;}
.expertise-box-file img, .expertise-box-file video{width: 100%; height: 100%; object-fit: cover;}

.expertise-subinfo{display:flex;height:75%;width:100%;z-index:1;flex-direction: column;justify-content: center;}
#expertise-1 .expertise-subinfo{height:100%;}
.expertise-subinfo-box{padding:10% calc(8% + 50px);}
#expertise-1 .expertise-subinfo-box{height:100%;z-index: 1;}
.expertise-box-subtext{color:#000;}
#expertise-1 .expertise-box-subtext{color:#fff;}
.expertise-box-subtext ul{margin:0;}
.expertise-subinfo-title-box{position: relative;display:flex;height:25%;width:100%;overflow:hidden;}
#expertise-0 .expertise-subinfo-title-box{background-color:#ff9a00; }
#expertise-1 .expertise-subinfo-title-box{background-color:#7a2d8f; }
#expertise-2 .expertise-subinfo-title-box{background-color:#e65d49; }
.expertise-subinfo-title{position: relative;bottom: -38%;left: -18px;font-family:"Centrale Sans";font-weight:700;font-size:260px;line-height: 1;text-transform:lowercase;color:#fff;}

#expertise-1 .expertise-subinfo .orange-A-left-right path{fill:#6ab31e;}
#expertise-2 .expertise-info .orange-A-left-right path{fill:#e65d49;}
#expertise-1 .expertise-box-subtext ul li:before{background-image: url("assets/img/list-style-white.svg");}
#expertise-2 .expertise-box-subtext ul li:before{background-image: url("assets/img/list-style-blue.svg");}

.expertise-brands-wrapper{display:flex;position:relative;height:100vh;min-height: 650px;width: 100%;flex-direction: column;overflow: hidden;}
.expertise-brands-content{display:flex;position:relative;width: 100%;flex-direction: column;padding:100px calc(8% + 50px);}

.expertise-brands-title{display:flex;color:#7a2d8f;max-width: 80%;}
.expertise-brands-title-hidden{width:0;height:0;overflow: hidden;}
.expertise-brands-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.expertise-brands-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #000 50%, #000 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.expertise-brands-list{display: flex;position: relative;width: 100%;flex-direction: column;z-index: 3;}
.expertise-brands-list .swiper-slide{height:200px;display: flex;align-items: center;background-color: #fff;justify-content: space-around;}

.creation-wrapper{height:120vh;background-color: #1bc3cd;min-height: 850px;position: relative;}
.creation-wrapper .banner-arrow-1{top:5%;}
.creation-wrapper .banner-arrow-2{top:calc(5% + 134px);}
.creation-wrapper .banner-arrow-3{top:calc(20% + 134px);}

.creation-content{display: flex;height:50%;position: relative;flex-direction: column;padding:100px calc(8% + 50px);}
.creation-content h2{}
.creation-fly {position: absolute;right: 5%;bottom: 0;height: 100%;display: flex;align-items: flex-end;}
.creation-fly img{max-width: 445px;max-height: 540px;height: 100%;}


.expertise-footer-banner{position:relative;padding-bottom:3.4rem;z-index: 5;}
.expertise-footer-banner .aview-footer{margin:0 auto;width:100%;position:relative;}
.expertise-footer-mediahold{position:relative;height:120vh;min-height: 750px;}
.expertise-footer-mediahold .expertise-footer-cnt_media{position: relative;top: auto;bottom: auto;width: 100%;height: 80%;/*min-height: 750px;aspect-ratio: 1680 / 1117;*/}
.expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{position:absolute;top:0;right:calc(8% + 50px);bottom:0;left:calc(8% + 50px);overflow:hidden;will-change:transform;border-radius:0;}
.expertise-footer-reels_el{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.expertise-footer-reels_el_bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels img, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;max-width:100%;vertical-align:middle;}

.expertise-creation-title{display:flex;color:#7a2d8f;max-width: 60%;}
.expertise-creation-title-hidden{width:0;height:0;overflow: hidden;}
.expertise-creation-title .split-element{background: linear-gradient(to right, #800080 0%, #800080 50%, #fff 50%, #fff 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.expertise-creation-title .text-appear__line{background: linear-gradient(to right, #800080 0%, #800080 50%, #fff 50%, #fff 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}


/**
 *
 * Contact Page
 *
**/
.abi-contact-banner{position:relative;/*height:calc(100vh - 126px);min-height:850px;*/display: block;z-index:1;background-color: #eeeff3;margin-top:186px;overflow: hidden;margin-left:50px;width:calc(100% - 50px);}
.abi-contact-banner-text{color:#000;padding-bottom: 80px;opacity: 0;}
.abi-contact-banner-text{margin-left:8%;margin-right:8%;}

.contact-banner-wrapper{display:flex;width:100%;height:100%;flex-wrap: wrap;justify-content: center;gap: 0px;/*align-items: center;*/}
.contact-banner-box{display: flex;width:50%;flex-direction: column;}

.abi-contact-address-wrapper{display: flex;width:100%;margin-left:8%;margin-right:8%;gap: 50px;}
.abi-contact-address{display: flex;width:50%;flex-direction: column;color:#000;}
.abi-contact-address a{color:#000;}
.abi-contact-social-wrapper{display: flex;width:50%;flex-direction: column;}
.abi-contact-social-wrapper .ast-builder-social-element .social-item-label{font-family:"Centrale Sans";font-weight:400;font-size:24px;line-height: 35px;}
.abi-contact-social-wrapper label{font-family:"Centrale Sans";font-weight:700;font-size:24px;line-height: 35px;}
.abi-contact-social-wrapper label{margin-bottom: 1.75em;}
.abi-contact-social-wrapper .ast-builder-social-element .social-item-label{text-decoration:underline;padding-left:0;padding-right:0;}
.abi-contact-social-wrapper .ast-footer-social-wrap .footer-social-inner-wrap{display:flex;width:100%;flex-direction: column;align-items: baseline;}
.abi-contact-social-wrapper .social-show-label-true .ast-builder-social-element{padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
.abi-contact-social-wrapper .social-show-label-true .ast-builder-social-element{padding-bottom: 15px;}
.abi-contact-social-wrapper .social-show-label-true .ast-builder-social-element:last-child{padding-bottom:0;}

.abi-contact-social-wrapper .social-show-label-true .ast-builder-social-element:hover .social-item-label{color:#7a2d8f;}

.contact-form-wrapper{position: relative;z-index: 3;width: 100%;max-width: 100%;overflow: hidden;/*height:100vh;*/min-height:650px;background-color: #fff;min-height: 947px;}
.contact-content{display:flex;gap: 0px;flex-wrap: wrap;}
.contact-box{position: relative;display:flex;width:50%;/*height:100vh;*/min-height:947px;flex-direction: column;justify-content: space-between;}
.contact-box:nth-child(2){background-color:#e65d49;}
.contact-info{display:flex;height:100%;width:100%;flex-direction: column;position:relative;z-index: 3;}
.contact-info-box{padding:100px calc(4% + 50px);z-index:1;}
.contact-box-text, .contact-box-text a{color:#000;}
.contact-box-title-icon{display: flex;margin-bottom: 35px;}
.contact-subinfo{display:flex;height:75%;width:100%;z-index:1;flex-direction: column;justify-content: center;}
.contact-subinfo-box{padding:100px calc(4% + 50px);height:100%;z-index: 1;}

textarea{resize: none;}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea, .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{font-family:"Centrale Sans";font-weight:700;font-size:36px;line-height: 35px;color:#fff;background-color:transparent;box-shadow: none;border:0;border-radius:0;}
.wpcf7-form .label-text{color:#fff;margin-bottom:0;transform: translateY(44px);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition:all .3s ease-in-out;width: calc(100% - 60px);}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
    height: 55px;
}
.wpcf7 form>div, .wpcf7 form>p {margin-bottom: 2.2em;}
.wpcf7-form .label-text.active {transform: translateY(0);}
.wpcf7 .wpcf7-not-valid-tip{position:absolute;font-family:"Centrale Sans";font-weight:400;font-size:16px;color:#7a2d8f;}

.wpcf7 input[type=file].wpcf7-form-control{color:#fff;background-color:transparent;box-shadow: none;border:0;border-radius:0;}

.wpcf7 form.invalid .wpcf7-response-output{font-family: "Centrale Sans";font-weight: 400;font-size: 16px;color: #7a2d8f;border:0;margin:0;padding:0;}


.custom-submit-button {font-family: "Centrale Sans" !important;font-weight: 700 !important;font-size: 20px !important;color:#fff !important;background-color: #7a2d8f !important;border:0 !important;border-radius: 0 !important;position:relative;}
.custom-submit-button:hover{text-decoration: underline;}
.custom-submit-button:after {content: "";position:absolute;width:19px;height:19px;background-image:url("assets/img/arrow.png");background-repeat: no-repeat;font-size: 18px;color:#fff;}
.contact-box .poly-animation-wrapper{left:-60px;right:auto;transform: rotate(90deg);}
.label-field{border-bottom:1px solid rgba(255,255,255,.8);}
.contactFormItemSmall{position: relative;height: 56px;}
.file-label-custom {
position: absolute;
background-color: transparent;
height: 100%;
width: 100%;
padding-left: 15px;
line-height: 65px;
background-image: url("assets/img/upload.png");
background-repeat: no-repeat;
background-position: 100% center;
}

.contactFormItemSmall .wpcf7-form-control-wrap{margin-top: -20px;}
.contactFormItemSmall input{width: 0 !important;height: 0 !important;overflow: hidden !important;padding: 0 !important;margin: 0 !important;}
.uploadcv{position: relative;z-index: 3;}
.file-label-custom{font-family:"Centrale Sans";font-weight:700;font-size:14px;color:#fff;z-index: 2;}
.uploadcv.active{z-index:1;}

/** Preloader **/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #7a2d8f; /* Purple background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1; /* Start fully visible */
	-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out; /* Smooth fade-out transition */
}
.preloader-hidden {
    opacity: 0; /* Fade out */
    pointer-events: none; /* Disable interactions while fading */
}
.preloader-gif {
    position: absolute;
    left: -100px; /* Start off-screen */
    animation: moveGif 2s ease-out forwards;
	width: 250px;
}
.preloader-gif .orange-A-left-right{top:0;left:0;}

@-webkit-keyframes moveGif {
    0% { left: -100px; }
    100% { left: 100%; transform: translateX(100%); }
}
@-moz-keyframes moveGif {
    0% { left: -100px; }
    100% { left: 100%; transform: translateX(100%); }
}
@-o-keyframes moveGif {
    0% { left: -100px; }
    100% { left: 100%; transform: translateX(100%); }
}
@-ms-keyframes moveGif {
    0% { left: -100px; }
    100% { left: 100%; transform: translateX(100%); }
}
@keyframes moveGif {
    0% { left: -100px; }
    100% { left: 100%; transform: translateX(100%); }
}

/** Footer **/
.abi-footer{position:relative;width: 100%;/*height: 100vh;*/display: flex;/*min-height: 780px;*/padding-top: 4%;padding-bottom: 2%;z-index:6;background-color: #7a2d8f;overflow: hidden;/*min-height: 1080px;*/}
.abi-footer-component {display: flex; width: 100%;z-index:1;flex-direction: column;}

.abi-footer-animation{position: absolute;z-index:0;width:100%;height: 100%;}

.abi-footer-widget-1{display: flex;flex-direction: column;width: 50%;align-self: self-end;position: relative;z-index:1;padding-right: 50px;}
.abi-footer-links{display: flex;width:100%;justify-content: space-between;}
.abi-footer-text{display:flex;width: 100%;align-items: center;padding-bottom: 13%;padding-top: 15%;}
.abi-footer-links-box{display:flex;}
.abi-footer-links-box a{display: flex;align-items: center;}
.abi-footer-links-box:nth-child(2) a{margin-left: auto;}
.footer-join-link{display: flex;margin-right:20px;}
.footer-join-link-title{font-family: "Centrale Sans";font-weight: 700;font-size: 24px;color:#fff;line-height: 1;justify-content: flex-start;display: flex;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;text-align: left;}
.abi-footer-links-box .footer-join-link-arrow {position: relative;display: flex;background-color: #fff;width: 49px;height: 49px;border-radius: 50%;flex-shrink: 0;}
.abi-footer-links-box .footer-join-link-arrow svg {position: absolute;top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}
a:hover .footer-join-link-arrow svg{transform: rotate(45deg);}
a:hover .footer-join-link-title{color:#ff9a00;}
.abi-footer_content_box-title{color: #1bc3cd;max-width: 50%;font-size: 80px;letter-spacing: 1px;}
.abi-footer_content_box-title-hidden{width:0;height:0;overflow: hidden;}
.abi-footer_content_box-title strong{color:#ff9a00;}
.abi-footer_content_box-title-hidden strong{color:#ff9a00;}
.abi-footer_content_box-title .split-element{background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.4) 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}
.abi-footer_content_box-title .text-appear__line{background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.4) 100%);background-size: 200% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;white-space: nowrap;}

.abi-footer-widget-2{display: flex;flex-direction: row;width: 100%;position: relative;z-index:1;padding-left: 50px;padding-right: 50px;}
.abi-footer-socials{display: flex; width: 50%;flex-direction: column;margin-top: auto;}
.abi-footer-socials.mobile{display: none;}
.abi-footer-socials label{display: flex;font-family: "Centrale Sans";font-weight: 700;font-size: 24px;color:#fff;margin-bottom:20px;}
.footer-social-inner-wrap{display:flex;flex-direction: column;}
.abi-footer-socials .ast-builder-social-element{padding:0;margin-right: 30px; align-self: flex-start;margin-left:0;margin-bottom: 10px;}
.abi-footer-socials .ast-builder-social-element:last-child{margin-right:0;margin-bottom: 0;}
.abi-footer-socials .ast-builder-social-element .social-item-label{font-family: "Centrale Sans";font-weight: 400;font-size: 24px;color:#fff;padding-left:0;}
.abi-footer-socials .ast-builder-social-element:hover .social-item-label{color:#ff9a00;}

.abi-footer-menu{display:flex;width:20%;}
.abi-footer-menu .footer-links{list-style: none;margin-left: 0;display: flex;flex-direction: column;padding: 0;margin: 0;width:100%;}
.abi-footer-menu .footer-links li{width:100%;margin-bottom: 25px;line-height: 1;}
.abi-footer-menu .footer-links li:last-child{margin-bottom: 0;}
.abi-footer-menu .footer-links li a{font-family: "Centrale Sans";font-weight: 700;font-size: 24px;color:#fff;line-height: 1;}
.abi-footer-menu .footer-links li a:hover{color: #ff9a00;}

.abi-footer-address{display:flex;width:30%;margin-bottom: auto;}
.abi-footer-address_wrapper{font-family: "Centrale Sans";font-weight: 400;font-size: 24px;color:#fff;display: flex;flex-direction: column;padding: 0;margin: 0;}
.abi-footer-address_wrapper strong{font-weight:700;}
.abi-footer-address_wrapper p{margin-bottom: 25px;}
.abi-footer-address_wrapper p:last-child{margin-bottom: 0;}
.abi-footer-address_wrapper a{color:#fff;text-decoration:underline;}
.abi-footer-address_wrapper a:hover{color:#ff9a00;text-decoration:underline;}

.abi-footer-widget-3{display: flex;flex-direction: row;width: 100%;position: relative;z-index:1;margin-top: 60px;padding-left: 50px;padding-right: 50px;}
.abi-footer-copyright{position:relative;display: flex;width: 100%;}
.abi-footer-copyright.mobile{display:none;}
.abi-footer-copyright .ast-footer-copyright{font-family: "Centrale Sans";font-weight: 400;font-size: 20px;color:#fff;text-align: left;}
.abi-footer-language-privacy{display:flex;width:100%;align-items: center;}
.abi-footer-language{display:flex;width:60%;color:#fff;}
.abi-footer-language ul {list-style: none;margin: 0;}
.abi-footer-language ul li {margin-bottom: 20px;}
.abi-footer-language .language-bar ul li {margin: 0;margin-right: 30px;}
.abi-footer-language ul li a {transform: rotate(0deg) translate3d(0, 0, 0);clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;padding-bottom: 8px;}
.abi-footer-language .link{transform: rotate(0deg) translate3d(0, 0, 0);clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.abi-footer-language .link a{color:#fff;font-size: 20px;}
.abi-footer-language .link a:hover{color:#ff9a00;}
.abi-footer-language .choose-language-text {font-family: "Centrale Sans";font-weight: 700;font-size: 20px;color:#fff;}
.abi-footer-language .link.choose-language{display: grid;grid-template-columns: auto 1fr;width: 100%;align-items: center;cursor:pointer;}
.abi-footer-language .language-bar ul li{margin:0;margin-right:30px;}
.abi-footer-language .language-bar ul li:last-child{margin-right: 0;}

.abi-footer-privacy{display:flex;width:40%;color:#fff;flex-direction: column;}
.abi-footer-privacy.mobile{display: none;}
.footer-links-policy{display: flex;list-style: none;margin: 0;justify-content: flex-end;}
.footer-links-policy li{display: flex;margin-right:5px;line-height: 1;}
.footer-links-policy li:last-child{margin-right: 0;}
.footer-links-policy li a{font-family: "Centrale Sans";font-weight: 400;font-size: 20px;color:#fff;}
.footer-links-policy li a:hover{color: #ff9a00;}





.abi-footer-box{display: flex;width: 50%;height:100%;flex-wrap: wrap;position: relative;z-index: 1;}
.abi-footer-box:nth-child(2){padding-right: 50px;align-content: space-around;}
.hand-container{ position: absolute;bottom:0;right:50%;width: calc(50% - 80px);height:calc(100% - 80px);max-width: 100%;}
.hand-container .hand {position:absolute;right:0;bottom:0;height: 100%;max-height: 850px;}


.abi-privacy-banner{position:relative;width:100%;min-height:650px;display: block;z-index:1;margin-top:126px;overflow: hidden;}
.privacy-content{display:flex;position:relative;width: 100%;flex-direction: column;padding:100px calc(8% + 50px);}
.privacy-content .text{color: #000;}
.privacy-content .text h2{color: #000;}
.privacy-content .text h3{color: #000;text-align: left;padding-bottom: 20px;}
.privacy-content .text strong, .privacy-content .text b{}
.privacy-content .text a{color: #000;}


.abi-footer-left{display: flex;align-items: end;margin-bottom: 30px;width: 100%;margin-left:50px;flex-direction: column;align-self: end;}


.ast-builder-button-wrap{display: flex;}
.lgx_lsw_preloader{display: none !important;}

@media (max-width: 1699px) {
	.home-banner-text{font-size:43px;line-height:48px;}
	.home-banner-text strong{font-size:140px;}
	.home-banner-title{font-size: 140px;}
	.text1, .agency-team-thubmnail-name {font-size: 41px;line-height: 46px;}
	h2, .home-expertise-title, .home-ads-info-title, .home-projects-title, .home-awards_content_box-title, .abi-projects-banner-text, .abi-contact-banner-text {font-size: 70px;}
	h3, .service-button-text, .home-about-button-button-title, .projects-button-text, .agency-service-button-text, .agency-service-button-text.is-absolute {font-size: 44px;}
	.home-about-counter, .agency-counter{font-size: 100px;}
	.home-about-expertise-title{font-size: 22px;}
	.home-about-service-button-text, .home-about-service-button-text.is-absolute {font-size: 102px;}
	.menu-left ul li a{font-size: 65px;}
	.home-about-counter-text, .footer-join-link-title, .abi-footer-menu .footer-links li a, .abi-footer-address_wrapper, .abi-footer-socials label, .abi-footer-socials .ast-builder-social-element .social-item-label, .menu-overlay .footer-links .link a, .menu-overlay .footer-links .link, .agency-counter-text{font-size: 21px;line-height: 27px;}
	.abi-projects-banner-expertise-label{font-size:28px;}
	.project-details-title{font-size: 34px;}
	.agency-team-thubmnail-post{font-size: 26px;}
	.text, .projects-button-description, .agency-award-title, .agency-award-prize, .abi-contact-social-wrapper label, .abi-contact-social-wrapper .ast-builder-social-element .social-item-label {font-size: 21px;line-height: 27px;}
	input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea, .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{font-size:32px;}
	.text2{font-size:26px;line-height:32px;}
	.project-details-type, .expertise-box-subtitle{font-size: 25px;}
	.project-info-wrapper h3{font-size:41px;}
	.expertise-subinfo-title{font-size: 220px;}
}

@media (max-width: 1499px) {
	.home-banner-text{font-size:38px;line-height:42px;}
	.home-banner-text strong{font-size:120px;}
	.home-banner-title{font-size: 120px;}
	.text1, .agency-team-thubmnail-name {font-size: 34px;line-height: 39px;}
	h2, .home-expertise-title, .home-ads-info-title, .home-projects-title, .home-awards_content_box-title, .abi-projects-banner-text, .abi-contact-banner-text {font-size: 60px;}
	.text, .projects-button-description, .agency-award-title, .agency-award-prize, .abi-contact-social-wrapper label, .abi-contact-social-wrapper .ast-builder-social-element .social-item-label, input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {font-size: 19px;line-height: 25px;}
	textarea, .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{font-size: 28px;}
	.text2{font-size:22px;line-height:28px;}
	h3, .service-button-text, .home-about-button-button-title, .projects-button-text, .agency-service-button-text, .agency-service-button-text.is-absolute {font-size: 40px;}
	.home-about-counter, .agency-counter{font-size: 80px;}
	.home-about-expertise-title{font-size: 20px;}
	.home-about-service-button-text, .home-about-service-button-text.is-absolute {font-size: 84px;}
	.home-awards-listing-title{font-size: 19px;}
	.menu-left ul li a{font-size: 50px;}
	.home-about-counter-text, .footer-join-link-title, .abi-footer-menu .footer-links li a, .abi-footer-address_wrapper, .abi-footer-socials label, .abi-footer-socials .ast-builder-social-element .social-item-label, .menu-overlay .footer-links .link a, .menu-overlay .footer-links .link, .agency-counter-text{font-size: 19px;line-height: 25px;}
	.abi-projects-banner-expertise-label{font-size:26px;}
	.project-details-title{font-size: 32px;}
	.agency-team-thubmnail-post{font-size: 22px;}
	.project-details-type, .expertise-box-subtitle{font-size: 20px;}
	.project-info-wrapper h3{font-size:34px;}
	.expertise-subinfo-title{font-size: 180px;}
}

@media (max-width: 1299px) {
	.home-banner-text{font-size:32px;line-height: 37px; }
	.home-banner-text strong{font-size:100px;}
	.abi-footer_content_box-title, .home-about-counter, .agency-counter{font-size: 60px;}
	.home-banner-title{font-size:100px;}
	.text1, .agency-team-thubmnail-name{font-size: 25px;line-height: 30px;}
	.text, .projects-button-description, .agency-award-title, .agency-award-prize, .abi-contact-social-wrapper label, .abi-contact-social-wrapper .ast-builder-social-element .social-item-label{font-size:16px;line-height:22px;}
	input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea, .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{font-size:24px;}
	.text2{font-size:18px;line-height:24px;}
	.text2 ul li:before{top: 4px;width: 13px;height: 13px;}
	h2, .home-expertise-title, .home-ads-info-title, .home-projects-title, .home-awards_content_box-title, .abi-projects-banner-text, .abi-contact-banner-text{font-size:52px;}
	h3, .service-button-text, .home-about-button-button-title, .projects-button-text, .agency-service-button-text, .agency-service-button-text.is-absolute{font-size: 36px;}
	.project-info-expertise, .footer-join-link-title, .abi-footer-menu .footer-links li a, .abi-footer-address_wrapper, .abi-footer-socials label, .abi-footer-socials .ast-builder-social-element .social-item-label, .menu-overlay .footer-links .link a, .menu-overlay .footer-links .link{font-size:16px;}
	.home-about-counter-text, .home-about-expertise-title, .home-awards-listing-title{font-size:16px;line-height:22px;}
	.home-about-service-button-text, .home-about-service-button-text.is-absolute{font-size:64px;}
	.abi-projects-banner-expertise-label{font-size:22px;}
	.project-details-title{font-size: 22px;}
	.agency-team-thubmnail-post, .project-info-expertise, .project-details-expertise, .project-details-type, .expertise-box-subtitle{font-size: 16px;}
	.ast-custom-button-link .ast-custom-button{font-size:16px;}
	.project-info-wrapper h3{font-size:25px;}
	.home-awards-title{font-size:18px;}
	.home-awards-year{font-size:16px;margin-top:10px;}
	.expertise-subinfo-title{font-size: 178px;bottom: -17%;}
	.expertise-subinfo-title-box {height:150px;}	
	
	.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button{padding-top: 10px;padding-bottom:10px;}
	header .custom-logo-link img {max-width: 136px;width: 136px;}
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {min-height: 68px;}
	.abi-footer-menu .footer-links li, .abi-footer-address_wrapper p{margin-bottom: 10px;}
	.abi-footer-menu .footer-links li:last-child, .abi-footer-address_wrapper p:last-child{margin-bottom: 0;}
	.abi-footer-language .choose-language-text, .abi-footer-copyright .ast-footer-copyright, .footer-links-policy li a, .abi-footer-language .link a{font-size:16px;}
	.menu-left ul li{margin-bottom:10px;}
	.menu-left ul li:last-child{margin-bottom:0;}
	
	/** Footer **/
	.abi-footer-links-box .footer-join-link-arrow{width: 39px;height: 39px;}
	.abi-footer-links-box .footer-join-link-arrow svg{top: calc(50% - 5px);left: calc(50% - 5px);width: 10px;height: 10px;}
	
	
	
	
	
	.join-our-team-button{top: calc(50% - 19px);width: 39px;height: 39px;}
	.join-our-team-button:before{top: calc(50% - 5px);left: calc(50% - 5px);width: 10px;height: 10px;}
	
	
	.home-about-button-arrow{height:49px;width: 49px;}
	.home-about-button-arrow svg {top: calc(50% - 7px);left: calc(50% - 7px);width: 14px;height: 14px;}
	
	.home-awards_content_box-button .media_btn .btn_text, .home-project-button .media_btn .btn_text, .home-project-button .media_btn .btn_text span, .agency-counter-button .media_btn .btn_text, .agency-adaptibility-button .media_btn .btn_text{font-size:16px;}
	.custom-submit-button{font-size:16px !important;}
	
	.project-info-wrapper h3{padding-bottom:15px;}
}









@media (min-width: 768px) {
	.projects-content_component .project-thumbnail {max-width: calc(33.3333333333% - 10px);}
	.projects-content_component .project-thumbnail.is--large {max-width: 66.6666666667%;}
	.projects-content_component .project-thumbnail.is--large .project-thumbnail__img {padding-bottom: 64.703%;}
	.projects-related_component .project-thumbnail {max-width: calc(50% - 10px);}	
	.project-gallery-thumbnail{max-width: calc(50% - 10px);}
	.agency-team-thumbnail{max-width: calc(50% - 2);}
}
@media (min-width: 1024px) {
	.agency-team-thumbnail{max-width: calc(33.33333% - 2%);}
}
@media (min-width: 1400px) {
	.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar{margin-left:70px;margin-right:70px;}
	.home-banner-info{left: 70px;right:70px;}
	.home-about-content, .home-expertise-content, .home-projects-content, .project-gallery-wrapper, .agency-team-wrapper{padding-left: 70px;padding-right:70px;}
	.abi-footer-box:nth-child(2){padding-right:70px;}
	.abi-footer-left{margin-left:70px;}
	.abi-projects-banner-wrapper{margin-left:70px;margin-right:70px;width:calc(100% - 140px);}
	.abi-contact-banner{margin-left:70px;width:calc(100% - 70px);}
/*	.agency-intro .aview{padding-left:70px;padding-right:70px;}*/
	.agency-mediahold .agency-cnt_media .agency-reels{left:calc(4% + 70px);right:calc(4% + 70px);}
	.agency-adaptability{padding-left:calc(4% + 70px);padding-right:calc(4% + 70px);}
	.agency-awards-wrapper, .expertise-brands-content, .creation-content{padding-left:calc(4% + 70px);padding-right:calc(4% + 70px);}
	.expertise-info-box, .expertise-subinfo-box, .contact-info-box, .contact-subinfo-box {padding-left: calc(4% + 70px);padding-right: calc(4% + 70px);}
	.abi-footer-widget-1{padding-right:70px;}
	.abi-footer-widget-2, .abi-footer-widget-3{padding-left:70px;padding-right:70px;}
	
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:calc(4% + 70px);right:calc(4% + 70px);}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:0;right:0;}
	.privacy-content{padding-left:calc(4% + 70px);padding-right:calc(4% + 70px);}
}


@media (max-width: 1400px) {	
	.projects_card-content{padding-left:20px;padding-right: 20px;}
	.abi-projects-banner-text, .abi-projects-banner-expertise-wrapper, .home-banner-text, .home-banner-title, .home-about-wrapper, .home-expertise-wrapper, .home-projects-wrapper, .project-gallery-content, .abi-contact-banner-text, .abi-contact-banner-text, .abi-contact-address-wrapper{margin-left: 35px;margin-right:35px;}

	.agency-mediahold .agency-cnt_media .agency-reels{left:85px;right:85px;width: calc(100% - 170px);}
	
	.project-details-wrapper{margin-left: 85px;margin-right: 85px;width: calc(100% - 170px);}
	.agency-adaptability{padding-left:85px;padding-right:85px;}
	.agency-awards-wrapper, .expertise-brands-content, .creation-content{padding-left:85px;padding-right:85px;}
	.expertise-info-box, .expertise-subinfo-box, .contact-info-box, .contact-subinfo-box {padding-left:85px;padding-right:85px;}
	#expertise-1 .expertise-box{min-height:650px;}
	/*.poly-animation-wrapper{max-width:90%;}*/
	
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:85px;right:85px;width: calc(100% - 170px);}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:0;right:0;width:100%;}
	.abi-privacy-banner{padding-top:0px;padding-bottom:40px;}
}
@media (max-width: 1200px) {
	.menu-overlay.show .footer-links .link{flex:0 1 100%;text-align: left;margin-bottom: 15px;}
	.menu-overlay.show .footer-links .link:last-child{margin-bottom: 0;}
	.join-our-team-text{display: inline-block;}
	.abi-projects-banner-text, .abi-contact-banner-text, .abi-projects-banner-expertise-wrapper, .abi-contact-banner-text, .abi-contact-address-wrapper{margin-left:40px;margin-right:40px;}
	.project-details-wrapper{margin-left: 85px;margin-right: 85px;width: calc(100% - 170px);}
	.agency-mediahold .agency-cnt_media .agency-reels{left:90px;right:90px;width: calc(100% - 180px);}
	.agency-counter-box{width:50%;}
	.agency-why-ability-wrapper{height: auto;}
	.agency-counter-box-wrapper{height:auto;}
	#expertise-1 .expertise-box{min-height:650px;}
	.project-gallery-wrapper{padding-top:50px;padding-bottom:50px;}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:90px;right:90px;width: calc(100% - 180px);}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:0;right:0;width:100%;}
}

@media (max-width: 1023px) {
	.service_image {object-fit: cover;}
	
	.services_row {flex-direction: column;align-items: center;flex-wrap: nowrap;}
	.services_card {width: 100% !important;min-width: unset;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}	
	.service_card-button .service-icon{display: none;}
	.service-button{transform: translateX(0);}
	.services_card:hover .expertise-button svg{transform: rotate(0deg);}
	
	.services_card:hover .service_card-button .service-button-text{transform: translateY(0%);opacity: 1;}
	.services_card:hover .service_card-button .service-button-text.is-absolute{transform: translateY(100%);opacity: 0;}
	.home-expertise-title, .home-expertise-text, .home-ads-info-title{max-width:calc(100% - 20px);}
	.home-ads-info-container{height: auto;min-height:1px;padding-top: 50px;}
	.home-ads-info-wrapper{left: auto;top:auto;transform: none;max-width: 100%;}
	.home-ads-info-billboard{position: relative;}
	.home-ads-info-billboard .svg-container{position: relative;left:-40px;top: 60px;height: auto;}
	.orange-A-left-right{top:0;left: -100%;}
	.billboard{width: 100%;position: relative;left: 0;top: 0;}
	
	.projects_row {flex-direction: column;align-items: center;flex-wrap: nowrap;}
	.projects_card {width: 100% !important;min-width: unset;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}	
	.projects_card-button .service-icon{display: none;}
	.projects-button{transform: translateX(0);}
	
	.projects_card,.projects_card:hover{flex-grow: 1 !important;}
	.projects_card-content{min-height: 1px;}
	
	.projects_card .projects-icon .space-1, .projects_card .projects-icon .space-2, .projects_card .projects-icon .space-3, .projects_card .projects-icon .space-4, .projects_card .projects-icon .content-1, .projects_card .projects-icon .content-2, .projects_card .projects-icon .content-3, .projects_card .projects-icon .ground-1, .projects_card .projects-icon .ground-2, .projects_card .projects-icon .ground-3,
	.projects_card:hover .projects-icon .space-1, .projects_card:hover .projects-icon .space-2, .projects_card:hover .projects-icon .space-3, .projects_card:hover .projects-icon .space-4, .projects_card:hover .projects-icon .content-1, .projects_card:hover .projects-icon .content-2, .projects_card:hover .projects-icon .content-3, .projects_card:hover .projects-icon .ground-1, .projects_card:hover .projects-icon .ground-2, .projects_card:hover .projects-icon .ground-3 {
		fill: #fff;
	}
	.projects_card .projects-button-text, .projects_card:hover .projects-button-text {color: #fff;}
	.projects_card .projects_counter, .projects_card:hover .projects_counter {display: block;}
	.projects_card .projects-button-description, .projects_card:hover .projects-button-description {max-height: 100%;opacity: 1;}
	.projects_card-button{padding-top:20px;padding-bottom:20px;}
	.abi-projects-banner{height:auto;padding-top:40px;padding-bottom:40px;/*min-height: 1px;*/}
	.abi-expertise-banner{padding-top:0;}
	.abi-expertise-banner .abi-projects-banner-text{padding-bottom:40px;}
	.abi-agency-banner{min-height:1px;}
	.abi-projects-banner-wrapper{position:relative;top:auto;transform:none;}
	.agency-intro{padding-bottom:0;}
	.agency-mediahold{height:auto;}
	.agency-mediahold .agency-cnt_media{position:relative;height: auto;aspect-ratio: auto;}
/*	.agency-mediahold .agency-cnt_media .agency-reels{width: calc(100% - 100px);}*/
	.agency-mediahold .agency-cnt_media .agency-reels, .agency-reels_el, .agency-reels_el_bg{position: relative;}
	.agency-mediahold .agency-cnt_media .agency-reels img, .agency-mediahold .agency-cnt_media .agency-reels video{position:relative;object-fit: contain;height: auto;}
	.agency-creativity-wrapper{flex-direction:column;}
	.agency-creativity-design, .agency-creativity-content{width:100%;}
	.agency-award-title, .agency-award-prize{width:100%;}
	.agency-award-title{margin-bottom:20px;}
	.agency-awards-content ul li {flex-direction: column;}
	
	.agency-footer-banner{padding-bottom:0;}
	
	.expertise-footer-banner{padding-bottom:0;}
	
	.abi-career-banner{height:auto;padding-top:40px;padding-bottom:40px;}
	.expertise-content, .contact-content{flex-direction: column;}
	.expertise-box, .contact-box, .contact-info, .contact-form-wrapper{width:100%;height:auto;min-height:1px;}
	#expertise-1 .expertise-box{height:auto;min-height:1px;}
	#expertise-1 .expertise-info-box{height:auto;}
	.expertise-brands-wrapper{height:auto;min-height: 1px;padding-bottom: 160px;}
	.abi-contact-banner{height: auto;min-height: 1px;margin-top: 146px;}
	.abi-contact-address-wrapper{gap:0;flex-wrap: wrap;}
	.abi-contact-address, .abi-contact-social-wrapper{width:100%;}
	.abi-contact-social-wrapper{margin-top:40px;}
	.contact-box{overflow: hidden;}
	.contact-info-box{padding-bottom:240px;}
	.contact-box:nth-child(2) .contact-info-box{padding-bottom:100px;}
	.contact-banner-wrapper{/*margin-top:80px;*/margin-bottom:80px;}
	.poly-animation-wrapper{max-width:40%;}
}
@media (max-width: 921.9px) {
	#ast-desktop-header {display: block !important;}
	#masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper{width:100%;padding-left:0;padding-right:0;}
}
@media (max-width: 921px) {
	#primary, #secondary{padding:0;}
	.js-cursor-inner{display: none;}
	.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button{padding-left:12px;padding-right:12px;}
	.menu-left{width:100%;padding-top: 40px;}
	.menu-left ul li a{font-size:35px;}
	.menu-right{display: none;}
	.footer-links{margin-bottom:40px;}
	.menu-overlay .footer-links .link.choose-language{grid-template-columns: auto;}
	.home-banner-info{left:20px;right:20px;width: calc(100% - 40px);}
	.home-about-content, .project-gallery-wrapper, .agency-team-wrapper{padding-left:20px;padding-right:20px;}	
	.home-about-content, .home-about-wrapper{height: auto;min-height:1px;}
	.home-about-text{top: auto;transform: translateY(0);max-width: 100%;}
	
	.home-expertise-content{padding-left:20px;padding-right:20px;min-height:1px;}
	.home-ads-info-container{padding-left:20px;padding-right:20px;}
	.home-ads-info-billboard .svg-container{left:-20px;}
	
	.home-projects-content{padding-left:20px;padding-right:20px;min-height:1px;padding-bottom: 120px;padding-top: 60px;}

	.home-project-button .media_btn, .home-project-button .media_btn:hover {max-width: 100%;border-radius: 0;}
	.home-project-button .media_btn .btn_text, .home-project-button .media_btn:hover .btn_text {opacity: 1;}
	.home-project-button .media_btn .btn_i_arrow svg, .home-project-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}
	
	.home-projects-wrapper{display:block;}
	.home-projects-title{max-width:100%;}
	.home-project-button{margin-left: 0;flex-direction: row;}
	.home-our-projects .home-projects-title{margin-bottom:20px;}
	.project-info-wrapper{bottom:40px;left:20px;}
	.home-about-list{height:auto;}
	.home-about-box{width:100%;}
	
	.about-content_component{flex-direction: column;width: 100%;}
	.home-about-box{width:100%;}
	.home-about-counter-box, .agency-counter-box{padding:40px 20px;}
	
	.home-about-expertise-box{padding-top:60px;padding-bottom:60px;align-items: self-start;}
	
	.home-about-services_card:hover .home-about-service-button-text{transform: translateY(0);opacity: 1;}
	.home-about-services_card:hover .home-about-service-button-text.is-absolute{transform: translateY(100%);opacity:0;}
	
	.home-about-button a:hover .home-about-button-button-title{transform: translateY(0);opacity: 1;}
	.home-about-button a:hover .home-about-button-button-title.is-absolute{transform: translateY(100%);opacity:0;}
	.home-about-button a:hover .home-about-button-arrow svg{transform: rotate(0deg);}
	
	.home-awards-list{height: auto;}
	
	.home-awards_content_box-button .media_btn, .home-awards_content_box-button .media_btn:hover {max-width: 100%;border-radius: 0;}
	.home-awards_content_box-button .media_btn .btn_text, .home-awards_content_box-button .media_btn:hover .btn_text {opacity: 1;}
	.home-awards_content_box-button .media_btn .btn_i_arrow svg, .home-awards_content_box-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}

	.home-awards-content_component{flex-direction: column;width: 100%;padding-top: 50px;}
	.home-awards_content_box-button{margin-top:45px;}
	.home-awards_content_box{width:100%;/*height: 50%;*/}
	.home-awards_content_box-warpper{padding-left:20px;padding-right:20px;}
	.home-awards-listing{padding: 50px 20px;}
	.home-awards-info .home-awards-logo .award-logo, .home-awards-info:hover .home-awards-logo .award-logo {opacity: 1;transform: translateY(0%);}
	.home-awards-logo{margin-bottom:45px;}
	.home-awards-title{margin-bottom:20px;margin-top: 0;}
	.home-awards-year{margin-top: 0;}
	.home-awards-listing ul li{margin-bottom:40px;}
	.home-awards-listing ul li:last-child{margin-bottom:0;}	
	
	.agency-adaptibility-button .media_btn, .agency-adaptibility-button .media_btn:hover {max-width: 100%;border-radius: 0;}
	.agency-adaptibility-button .media_btn .btn_text, .agency-adaptibility-button .media_btn:hover .btn_text {opacity: 1;}
	.agency-adaptibility-button .media_btn .btn_i_arrow svg, .agency-adaptibility-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}
	.agency-adaptibility-button{margin-top:45px;}
	
	.agency-services_card:hover .agency-service-button-text {transform: translateY(0);opacity: 1;}
	.agency-services_card:hover .agency-service-button-text.is-absolute {transform: translateY(100%);opacity: 0;}
	
	
	.agency-counter-button .media_btn, .agency-counter-button .media_btn:hover {max-width: 100%;border-radius: 0;}
	.agency-counter-button .media_btn .btn_text, .agency-counter-button .media_btn:hover .btn_text {opacity: 1;}
	.agency-counter-button .media_btn .btn_i_arrow svg, .agency-counter-button .media_btn:hover .btn_i_arrow svg {transform: rotate(45deg);}
	.agency-counter-button{margin-top:45px;}
	
	.agency-awards-wrapper{height:auto;}
	.agency-awards-content{width: 80%;}
	.agency-awards-title{max-width:100%;}
	
	.agency-team-thumbnail .team-image {opacity: 0;}
	.agency-team-thumbnail .team-image-hover, .agency-team-thumbnail:hover .team-image-hover {opacity: 1;}

	.abi-footer-left{left:20px;}
	.abi-footer{flex-direction: column;padding-top: 40px;height: auto;}
	.abi-footer-box{width:100%;}
	.abi-footer-box:first-child{display:none;}
	.abi-footer-box:nth-child(2) {padding-right: 20px;padding-left: 20px;}
	
	
	.expertise-footer-mediahold{height:auto;min-height: 1px;}
	.expertise-footer-mediahold .expertise-footer-cnt_media{position:relative;height: auto;aspect-ratio: auto;}
	.expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels, .expertise-footer-reels_el, .expertise-footer-reels_el_bg{position: relative;}
	.expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels img, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels video{position:relative;object-fit: contain;height: auto;}
	
	.agency-creativity, .agency-footer-mediahold{height:auto;min-height: 1px;}
	.agency-footer-mediahold .agency-footer-cnt_media{position:relative;height: auto;aspect-ratio: auto;}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .agency-footer-reels_el, .agency-footer-reels_el_bg{position: relative;}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels img, .agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels video{position:relative;object-fit: contain;height: auto;}
	
	.privacy-content{padding:40px;}
	
	/** Footer **/
	.abi-footer-widget-1{width: 100%;padding-left: 20px;padding-right:20px;}
	.abi-footer-widget-2, .abi-footer-widget-3{padding-left:20px;padding-right:20px;}
	.abi-footer-widget-2, .abi-footer-widget-3{flex-direction: column;}
	.abi-footer-links{flex-direction: column;}
	.abi-footer-text{padding-top: 45px;padding-bottom:45px;}
	.abi-footer-links-box{margin-bottom: 20px;}
	.abi-footer-links-box:nth-child(2) a{margin-left:0;margin-bottom: 0;}
	.abi-footer-links-box a{width:100%;}
	a:hover .footer-join-link-arrow svg {transform: rotate(0deg);}
	a:hover .footer-join-link-title{color:#fff;}	
	.abi-footer_content_box-title{max-width: 100%;}
	.abi-footer-menu{width:100%;margin-bottom: 60px;}
	.abi-footer-address{margin-bottom:60px;width: 100%;}
	.abi-footer-copyright{display: none;}
	.abi-footer-copyright.mobile{display: block;width: 100%;margin-top: 20px;}
	.abi-footer-language-privacy{flex-direction: column;}
	.abi-footer-language{width:100%;}
	.abi-footer-socials{display: none;}
	.abi-footer-socials.mobile{display: block;}
	.abi-footer-socials .ast-builder-social-element{margin-right: 0;justify-content: start;margin-left: 0;margin-bottom:10px;}
	.abi-footer-socials .ast-builder-social-element:last-child{margin-bottom:0;}
	.abi-footer-privacy{display: none;}
	.abi-footer-privacy.mobile{display: block;/*position:absolute;bottom:80px;left: 20px;*/width: 100%;margin-top: 20px;}
	.abi-footer-privacy.mobile .footer-links-policy{justify-content: flex-start;}
	
	.choose-language .language-bar {opacity: 1;visibility: visible;transform: translateY(0);width:50%;}
	.choose-language .language-bar-separator {display:none;width: 100%;}
	.language-bar ul{margin-top:10px;}
	.menu-overlay.show .footer-links .link{clip-path: none;}
	.menu-overlay .footer-links .link a:hover .join-our-team-button:before {transform: rotate(0deg);}
	.choose-language ul li {opacity: 1;transform: scaleX(1);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
	
	.abi-footer-language .link.choose-language{grid-template-columns: auto;}	
	
	.abi-footer-animation{position: relative;display: flex;width: 100%;flex-wrap: wrap;}
	.abi-footer-animation .svg-container{width: calc(100% - 80px);display: none;}
	.abi-footer-animation .hand-container{position: relative;width: 100%;right: auto;text-align: right;display: none;}
	.hand-container .hand{position: relative;max-width:60%;}
	
	.abi-projects-banner-wrapper{margin-left:20px;margin-right:20px;width:calc(100% - 40px);}
	.abi-contact-banner{margin-left:20px;width:calc(100% - 20px);margin-bottom: 40px;margin-top: 126px;}
	.project-details-wrapper{margin-left:20px;margin-right:20px;width:calc(100% - 40px);}
	.abi-projects-banner-text, .abi-projects-banner-expertise-wrapper, .abi-contact-banner-text, .home-banner-text, .home-banner-title, .home-about-wrapper, .home-expertise-wrapper, .home-projects-wrapper, .abi-contact-banner-text, .abi-contact-address-wrapper{margin-left:20px;margin-right:20px;}
	.project-gallery-content{margin-left:0;margin-right:0;}
	.project-details-wrapper{margin-left: 40px;margin-right: 40px;width: calc(100% - 80px);}
	.project-details-title{margin-bottom: 20px;}
	.project-details-text{margin-bottom: 20px;}
	.project-details-expertise{margin-bottom: 30px;}
	.agency-mediahold .agency-cnt_media .agency-reels{left:40px;right:40px;width: calc(100% - 80px);}
	.agency-adaptability{padding:40px;flex-direction: column;gap:40px;}
	.agency-adaptability-title, .agency-adaptibility-info{width:100%;}
	.agency-awards-wrapper, .expertise-brands-content, .creation-content{padding:40px;}
	.expertise-info-box, .expertise-subinfo-box, .contact-info-box, .contact-subinfo-box {padding:40px;}
	.contact-info-box{padding-bottom:140px;}
	.contact-box:nth-child(2) .contact-info-box{padding-bottom:40px;}
	.project-thumbnail .project-thumbnail__img:before {opacity: 0;}
	.project-thumbnail .project-info-wrapper {transform: translateY(0);-webkit-transition: all .2s linear .3s;-moz-transition: all .2s linear .3s;-ms-transition: all .2s linear .3s;-o-transition: all .2s linear .3s;transition: all .2s linear .3s;opacity: 1;}
	.home-about-service-icon {width: 80px;margin-right: 20px;}
	.home-about-button-title{margin-right: 10px;}
	.projects-icon{width:57px;margin-right:20px;}
	.projects-icon svg{width:57px;}
	
	.expertise-banner-file{position: relative;}
	.creation-wrapper, .creation-content, .creation-banner{height:auto;min-height: 1px;}
	.creation-banner img{position: relative;object-fit: contain;height: auto;}
	.creation-fly{position: relative;height:auto;bottom:-40px;right: 0;width:100%;text-align: right;}
	.creation-fly img{max-width: 60%;height: auto;}
	.home-awards-listing ul{gap:0;}
	.contact-banner-box{width:100%;}
	.contact-banner-box-animation{position: absolute;right:0;top:18px;width:60%;}
	.abi-contact-banner-text{padding-bottom:135px;}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:40px;right:40px;width: calc(100% - 80px);}
	.agency-footer-mediahold .agency-footer-cnt_media .agency-footer-reels, .expertise-footer-mediahold .expertise-footer-cnt_media .expertise-footer-reels{left:0;right:0;width:100%;}
}
@media (max-width: 768px) {
	.project-gallery-thumbnail:before, .project-gallery-thumbnail:hover:before {opacity: 0;}
}
@media (max-width: 640px) {
	.home-about-counter-box{width:100%;}
}

@media (max-width: 640px) {
	.home-banner-text {font-size: 30px;line-height: 35px;max-width:100%;}
	.home-banner-text strong{font-size:75px;}
	.home-banner-title {font-size: 75px;}
	h2, .home-expertise-title, .home-ads-info-title, .home-projects-title, .home-awards_content_box-title, .abi-projects-banner-text, .abi-contact-banner-text{font-size: 40px;}
	.home-expertise-title, .home-expertise-text, .home-ads-info-title {max-width: 100%;}
	.home-expertise-title, .home-ads-info-title{margin-bottom:25px;}
	.poly-animation-wrapper{max-width:60%;}
	h3, .service-button-text, .home-about-button-button-title, .projects-button-text, .agency-service-button-text, .agency-service-button-text.is-absolute {font-size: 32px;}
	.home-about-service-button-text, .home-about-service-button-text.is-absolute {font-size: 54px;}
	.agency-award-title {margin-bottom: 10px;}
	.text1, .agency-team-thubmnail-name{font-size:23px;line-height:28px;}
	.agency-team-thubmnail-post, .project-info-expertise, .project-details-expertise, .project-details-type, .expertise-box-subtitle{font-size:14px;}
	.agency-team-thubmnail-name{margin-bottom:5px;}
	.projects-related-title{max-width:100%;}
	.expertise-subinfo-title{font-size: 100px;bottom:-32%;}	
	.expertise-subinfo-title-box {height:100px;}
	.abi-expertise-banner{padding-top:0;min-height: 1px;}
}


@media (max-width: 580px) {
	.agency-counter-box{width:100%;}
}
@media (max-width: 400px) {
	header .custom-logo-link img {max-width: 100px;width: 100px;}
	.projects-icon{width:45px;}
	.projects-icon svg{width:45px;}
}

:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
}


@-webkit-keyframes menuleft{
    0%{-webkit-transform:translateX(0px);}
    50%{-webkit-transform:translateX(-10px);}
    100%{-webkit-transform:translateX(0px);}
}
@-moz-keyframes menuleft{
    0%{-moz-transform:translateX(0px);}
    50%{-moz-transform:translateX(-10px);}
    100%{-moz-transform:translateX(0px);}
}
@-o-keyframes menuleft {
    0%{-o-transform:translateX(0px);}
    50%{-o-transform:translateX(-10px);}
    100%{-o-transform:translateX(0px);}
}
@-ms-keyframes menuleft {
    0%{-ms-transform:translateX(0px);}
    50%{-ms-transform:translateX(-10px);}
    100%{-ms-transform:translateX(0px);}
}
@keyframes menuleft {
    0%{transform:translateX(0px);}
    50%{transform:translateX(-10px);}
    100%{transform:translateX(0px);}
}

@-webkit-keyframes menuright{
    0%{-webkit-transform:translateX(0px);}
    50%{-webkit-transform:translateX(10px);}
    100%{-webkit-transform:translateX(0px);}
}
@-moz-keyframes menuright{
    0%{-moz-transform:translateX(0px);}
    50%{-moz-transform:translateX(10px);}
    100%{-moz-transform:translateX(0px);}
}
@-o-keyframes menuright {
    0%{-o-transform:translateX(0px);}
    50%{-o-transform:translateX(10px);}
    100%{-o-transform:translateX(0px);}
}
@-ms-keyframes menuright {
    0%{-ms-transform:translateX(0px);}
    50%{-ms-transform:translateX(10px);}
    100%{-ms-transform:translateX(0px);}
}
@keyframes menuright {
    0%{transform:translateX(0px);}
    50%{transform:translateX(10px);}
    100%{transform:translateX(0px);}
}


@-webkit-keyframes slideIn{
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
@-moz-keyframes slideIn{
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
@-o-keyframes slideIn {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
@-ms-keyframes slideIn {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
@keyframes slideIn {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}


@-webkit-keyframes slideOut{
	0% {transform: scaleY(1);}
	100% {transform: scaleY(0);}
}
@-moz-keyframes slideOut{
	0% {transform: scaleY(1);}
	100% {transform: scaleY(0);}
}
@-o-keyframes slideOut {
	0% {transform: scaleY(1);}
	100% {transform: scaleY(0);}
}
@-ms-keyframes slideOut {
	0% {transform: scaleY(1);}
	100% {transform: scaleY(0);}
}
@keyframes slideOut {
	0% {transform: scaleY(1);}
	100% {transform: scaleY(0);}
}


@-webkit-keyframes enter{
	0% {visibility: visible;}
	100% {visibility: hidden;}
}
@-moz-keyframes enter{
	0% {visibility: visible;}
	100% {visibility: hidden;}
}
@-o-keyframes enter {
	0% {visibility: visible;}
	100% {visibility: hidden;}
}
@-ms-keyframes enter {
	0% {visibility: visible;}
	100% {visibility: hidden;}
}
@keyframes enter {
	0% {visibility: visible;}
	100% {visibility: hidden;}
}


@-webkit-keyframes exit{
	0% {visibility: hidden;}
	100% {visibility: visible;}
}
@-moz-keyframes exit{
	0% {visibility: hidden;}
	100% {visibility: visible;}
}
@-o-keyframes exit {
	0% {visibility: hidden;}
	100% {visibility: visible;}
}
@-ms-keyframes exit {
	0% {visibility: hidden;}
	100% {visibility: visible;}
}
@keyframes exit {
	0% {visibility: hidden;}
	100% {visibility: visible;}
}

@-webkit-keyframes fillAnim{
	0% { width: 0; x: 34.78; }
	50% { width: 62.62px; x: 34.78; }
	100% { width: 0; x: 97.4; }
}
@-moz-keyframes fillAnim{
	0% { width: 0; x: 34.78; }
	50% { width: 62.62px; x: 34.78; }
	100% { width: 0; x: 97.4; }
}
@-o-keyframes fillAnim {
	0% { width: 0; x: 34.78; }
	50% { width: 62.62px; x: 34.78; }
	100% { width: 0; x: 97.4; }
}
@-ms-keyframes fillAnim {
	0% { width: 0; x: 34.78; }
	50% { width: 62.62px; x: 34.78; }
	100% { width: 0; x: 97.4; }
}
@keyframes fillAnim {
	0% { width: 0; x: 0; }
	50% { width: 62.62px; x: 0; }
	100% { width: 0; x: 62.62; }
}


@-webkit-keyframes fillAnimReverse{
	0% { width: 0; x: 44.13; }
	50% { width: 44.13px; x: 0; }
	100% { width: 0; x: 0; }
}
@-moz-keyframes fillAnimReverse{
	0% { width: 0; x: 44.13; }
	50% { width: 44.13px; x: 0; }
	100% { width: 0; x: 0; }
}
@-o-keyframes fillAnimReverse {
	0% { width: 0; x: 44.13; }
	50% { width: 44.13px; x: 0; }
	100% { width: 0; x: 0; }
}
@-ms-keyframes fillAnimReverse {
	0% { width: 0; x: 44.13; }
	50% { width: 44.13px; x: 0; }
	100% { width: 0; x: 0; }
}
@keyframes fillAnimReverse {
	0% { width: 0; x: 44.13; }
	50% { width: 44.13px; x: 0; }
	100% { width: 0; x: 0; }
}

/** SVG **/
.space-1{animation: animateHead 2s linear infinite alternate;}
		
	@-webkit-keyframes animateHead{
		0%{x:4;}
		50%{x:34.76;}
		100%{x:4;}
	}
	@-moz-keyframes animateHead{
		0%{x:4;}
		50%{x:34.76;}
		100%{x:4;}
	}
	@-o-keyframes animateHead {
		0%{x:4;}
		50%{x:34.76;}
		100%{x:4;}
	}
	@-ms-keyframes animateHead {
		0%{x:4;}
		50%{x:34.76;}
		100%{x:4;}
	}
	@keyframes animateHead {
		0%{x:4;}
		50%{x:34.76;}
		100%{x:4;}
	}
		
		
		
	.space-2{animation: fillAnim1 2s linear infinite alternate;}

	@-webkit-keyframes fillAnim1{
		0% { width: 0; x: 7.49; }
		50% { width: 42.43px; x: 7.49; }
		100% { width: 0; x: 49.92; }
	}
	@-moz-keyframes fillAnim1{
		0% { width: 0; x: 7.49; }
		50% { width: 42.43px; x: 7.49; }
		100% { width: 0; x: 49.92; }
	}
	@-o-keyframes fillAnim1 {
		0% { width: 0; x: 7.49; }
		50% { width: 42.43px; x: 7.49; }
		100% { width: 0; x: 49.92; }
	}
	@-ms-keyframes fillAnim1 {
		0% { width: 0; x: 7.49; }
		50% { width: 42.43px; x: 7.49; }
		100% { width: 0; x: 49.92; }
	}
	@keyframes fillAnim1 {
		0% { width: 0; x: 7.49; }
		50% { width: 42.43px; x: 7.49; }
		100% { width: 0; x: 49.92; }
	}


	.space-3{animation: fillAnimReverse1 2s linear infinite alternate;}

	@-webkit-keyframes fillAnimReverse1{
		0% { width: 0; x: 40.5; }
		50% { width: 23.58px; x: 16.92; }
		100% { width: 0; x: 16.92; }
	}
	@-moz-keyframes fillAnimReverse1{
		0% { width: 0; x: 40.5; }
		50% { width: 23.58px; x: 16.92; }
		100% { width: 0; x: 16.92; }
	}
	@-o-keyframes fillAnimReverse1 {
		0% { width: 0; x: 40.5; }
		50% { width: 23.58px; x: 16.92; }
		100% { width: 0; x: 16.92; }
	}
	@-ms-keyframes fillAnimReverse1 {
		0% { width: 0; x: 40.5; }
		50% { width: 23.58px; x: 16.92; }
		100% { width: 0; x: 16.92; }
	}
	@keyframes fillAnimReverse1 {
		0% { width: 0; x: 40.5; }
		50% { width: 23.58px; x: 16.92; }
		100% { width: 0; x: 16.92; }
	}


	.content-1 {
		transform-origin: 13.92px 13.92px;
		animation: shrinkCircle 2s ease-in-out infinite alternate;
	}
	  
	@keyframes shrinkCircle {
		0% {
			transform: scale(1);
		}
		100% {
			transform: scale(0.5);
		}
	}
	  
	.content-2{animation: fillAnim2 2s linear infinite alternate;}

	@-webkit-keyframes fillAnim2{
		0% { width: 0; x: 34.78; }
		50% { width: 62.62px; x: 34.78; }
		100% { width: 0; x: 97.4; }
	}
	@-moz-keyframes fillAnim2{
		0% { width: 0; x: 34.78; }
		50% { width: 62.62px; x: 34.78; }
		100% { width: 0; x: 97.4; }
	}
	@-o-keyframes fillAnim2 {
		0% { width: 0; x: 34.78; }
		50% { width: 62.62px; x: 34.78; }
		100% { width: 0; x: 97.4; }
	}
	@-ms-keyframes fillAnim2 {
		0% { width: 0; x: 34.78; }
		50% { width: 62.62px; x: 34.78; }
		100% { width: 0; x: 97.4; }
	}
	@keyframes fillAnim2 {
		0% { width: 0; x: 34.78; }
		50% { width: 62.62px; x: 34.78; }
		100% { width: 0; x: 97.4; }
	}
	
	.content-3{animation: fillAnimReverse2 2s linear infinite alternate;}

	@-webkit-keyframes fillAnimReverse2{
		0% { width: 0; x: 78.91; }
		50% { width: 44.13px; x: 34.78; }
		100% { width: 0; x: 34.78; }
	}
	@-moz-keyframes fillAnimReverse2{
		0% { width: 0; x: 78.91; }
		50% { width: 44.13px; x: 34.78; }
		100% { width: 0; x: 34.78; }
	}
	@-o-keyframes fillAnimReverse2 {
		0% { width: 0; x: 78.91; }
		50% { width: 44.13px; x: 34.78; }
		100% { width: 0; x: 34.78; }
	}
	@-ms-keyframes fillAnimReverse2 {
		0% { width: 0; x: 78.91; }
		50% { width: 44.13px; x: 34.78; }
		100% { width: 0; x: 34.78; }
	}
	@keyframes fillAnimReverse2 {
		0% { width: 0; x: 78.91; }
		50% { width: 44.13px; x: 34.78; }
		100% { width: 0; x: 34.78; }
	}


	@-webkit-keyframes moveArrow{
		0% {transform: translateX(0vw);}
		100% {transform: translateX(calc(100vw + 130px));}
	}
	@-moz-keyframes moveArrow{
		0% {transform: translateX(0vw);}
		100% {transform: translateX(calc(100vw + 130px));}
	}
	@-o-keyframes moveArrow {
		0% {transform: translateX(0vw);}
		100% {transform: translateX(calc(100vw + 130px));}
	}
	@-ms-keyframes moveArrow {
		0% {transform: translateX(0vw);}
		100% {transform: translateX(calc(100vw + 130px));}
	}
	@keyframes moveArrow {
		0% {transform: translateX(0vw);}
		100% {transform: translateX(calc(100vw + 130px));}
	}

	@-webkit-keyframes moveArrowReverse{
		0% {transform: translateX(calc(0vw - 130px));}
		100% {transform: translateX(calc(-100vw - 260px));}
	}
	@-moz-keyframes moveArrowReverse{
		0% {transform: translateX(calc(0vw - 130px));}
		100% {transform: translateX(calc(-100vw - 260px));}
	}
	@-o-keyframes moveArrowReverse {
		0% {transform: translateX(calc(0vw - 130px));}
		100% {transform: translateX(calc(-100vw - 260px));}
	}
	@-ms-keyframes moveArrowReverse {
		0% {transform: translateX(calc(0vw - 130px));}
		100% {transform: translateX(calc(-100vw - 260px));}
	}
	@keyframes moveArrowReverse {
		0% {transform: translateX(calc(0vw - 130px));}
		100% {transform: translateX(calc(-100vw - 260px));}
	}