.elementor-kit-6{--e-global-color-primary:#0F3634;--e-global-color-secondary:#32B4AE;--e-global-color-text:#0E1614;--e-global-color-accent:#FAF3E6;--e-global-color-a44cbcf:#F6F6F6;--e-global-color-d24e79c:#C9E9D1;--e-global-color-fced77f:#FCFCFC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:28px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:28px;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFFFFF;}.elementor-kit-6 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:"Noe Display", Sans-serif;font-size:5.5em;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"Noe Display", Sans-serif;font-size:3.4em;font-weight:700;line-height:68px;}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:28px;font-weight:700;line-height:36px;}.elementor-kit-6 h4{color:var( --e-global-color-text );}.elementor-kit-6 h5{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0%;--container-default-padding-right:4.17%;--container-default-padding-bottom:0%;--container-default-padding-left:4.17%;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:160px;max-width:160px;}.site-footer .site-branding .site-logo img{width:160px;max-width:160px;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:3em;line-height:1.2em;}.e-con{--container-default-padding-top:0em;--container-default-padding-right:2.5em;--container-default-padding-bottom:0em;--container-default-padding-left:02.5em;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:2.4em;line-height:1.2em;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:016px;--container-default-padding-bottom:0px;--container-default-padding-left:016px;}}/* Start custom CSS */.bg-one {
background: var(--BrandGeko-Full-Gradient, linear-gradient(175deg, #0F3634 7.98%, #0D6D5A 36.56%, #047D51 68.64%, #084A47 93.34%));
}
 .bg-two {
    background: linear-gradient(180deg, #0F3634 5.34%, #0D6D5A 89.99%); 
 }


/* Overlay effect on Home project achive template */
.image-wrapper {
  position: relative;
  overflow: hidden;
}

/* Create a pseudo-layer for background zoom */
.image-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
  transform-origin: center center;
}

/* Overlay */
.image-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0; /* keep this for base positioning */
  width: 100%;
  height: 100%;
  background-color: rgba(15, 54, 52, 0.7);
  z-index: 1;
  border-radius: inherit;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}

/* Title */
.image-wrapper .project-title {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease 0.2s;
}

/* Hover effects */
.image-wrapper:hover::after {
  transform: scale(1.1);
}

.image-wrapper:hover .overlay {
  transform: translateX(0);
}

.image-wrapper:hover .project-title {
  opacity: 1;
}


/* Filter Clients logo color */
.logo-white {
  filter: invert(0.6) grayscale(100%) brightness(1.4);
}


/* Create a custom Fade In Down */
@keyframes customFadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px); /* small upward distance */
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.custom-fade-in-down {
  opacity: 0;
  animation: customFadeInDown 0.4s ease forwards;
  animation-delay: 0.2s; /* optional delay */
}

@keyframes customFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); /* small upward distance */
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.custom-fade-in-up {
  opacity: 0;
  animation: customFadeInUp 0.4s ease forwards;
  animation-delay: 0.2s; /* optional delay */
}

/* Additional styling for Cookies Consent */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.cky-consent-container {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}

.cky-consent-container .cky-consent-bar {
    padding: 8px 24px !important;
}

.cky-notice .cky-title {
    display: none;
}

.cky-notice-group {
    justify-content: center !important;
}

.cky-btn:last-child {
    border-radius: 30px;
}

@media (max-width: 768px) {
    .cky-notice-des * {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .cky-notice-des, .cky-notice-btn-wrapper {
        padding: 0px !important;
    }
    .cky-notice-group {
        display: inline-flex !important;
    }
    .cky-btn {
        padding: 6px 24px !important;
    }
} 

/*Font size adjustment for smaller display*/
@media (min-width: 1024px) and (max-width: 1400px) {
    .elementor-widget-container h1 {
        font-size: 4rem !important;
        line-height: 4.5rem !important;
    }
    .elementor-widget-container p {
        font-size: 1rem;
        line-height: 1.8rem;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brandgeko.com/wp-content/uploads/2025/04/Poppins-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://brandgeko.com/wp-content/uploads/2025/04/Poppins-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://brandgeko.com/wp-content/uploads/2025/04/Poppins-Medium.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noe Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brandgeko.com/wp-content/uploads/2025/04/NoeDisplay-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Noe Display';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://brandgeko.com/wp-content/uploads/2025/04/NoeDisplay-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */