@font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-Black.woff2') format('woff2'),
            url('../font/Nomixa-Black.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-SemiBold.woff2') format('woff2'),
            url('../font/Nomixa-SemiBold.woff') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-Italic.woff2') format('woff2'),
            url('../font/Nomixa-Italic.woff') format('woff');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-Bold.woff2') format('woff2'),
            url('../font/Nomixa-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-Medium.woff2') format('woff2'),
            url('./font/Nomixa-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-ExtraBoldItalic.woff2') format('woff2'),
            url('../font/Nomixa-ExtraBoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-BoldItalic.woff2') format('woff2'),
            url('../font/Nomixa-BoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-BlackItalic.woff2') format('woff2'),
            url('../font/Nomixa-BlackItalic.woff') format('woff');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-Regular.woff2') format('woff2'),
            url('../font/Nomixa-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-ExtraBold.woff2') format('woff2'),
            url('../font/Nomixa-ExtraBold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-SemiBoldItalic.woff2') format('woff2'),
            url('../font/Nomixa-SemiBoldItalic.woff') format('woff');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Nomixa';
        src: url('../font/Nomixa-MediumItalic.woff2') format('woff2'),
            url('../font/Nomixa-MediumItalic.woff') format('woff');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }


/* =====================================================================
   REDESIGN 2026 — Section 0: global dark base + design tokens
   Brand: accent green #6AEA80, Nomixa headlines. Additive foundation;
   individual sections are restyled on top of this in later sections.
   ===================================================================== */
:root {
  /* Brand */
  --hay-green: #6AEA80;
  --hay-green-ink: #06210C;              /* text on green */
  --hay-green-dim: rgba(106, 234, 128, .14);
  --hay-green-line: rgba(106, 234, 128, .35);

  /* Dark surfaces */
  --hay-bg: #0E0F0D;                     /* deep charcoal / near-black */
  --hay-bg-2: #141613;                   /* raised background */
  --hay-surface: #1B1E1A;                /* cards */
  --hay-border: rgba(255, 255, 255, .10);

  /* Text */
  --hay-heading: #FFFFFF;
  --hay-text: #EDF0EC;
  --hay-muted: #A2A89F;

  /* Fluid type scale (strong headline-to-body contrast) */
  --hay-h1: clamp(2.75rem, 6.2vw + 1rem, 6.25rem);
  --hay-h2: clamp(2rem, 3.6vw + 1rem, 3.75rem);
  --hay-h3: clamp(1.4rem, 1.4vw + 1rem, 2rem);
  --hay-lead: clamp(1.1rem, 0.8vw + 0.95rem, 1.5rem);

  /* Motion */
  --hay-ease: cubic-bezier(.22, .61, .36, 1);
  --hay-dur: .8s;

  /* Rhythm */
  --hay-section-y: clamp(4rem, 8vw, 9rem);
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Nomixa';
  font-size: 0.875rem;
  background: var(--hay-bg);
  color: var(--hay-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Scroll-reveal scaffold (progressive enhancement) ---------------
   Hidden state only applies once JS adds .js-anim to <html>, so content
   is never trapped invisible if JS fails. Observer wired in a later
   (animation) section. */
.js-anim .reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity var(--hay-dur) var(--hay-ease),
              transform var(--hay-dur) var(--hay-ease);
  will-change: opacity, transform;
}
.js-anim .reveal.in-view { opacity: 1; transform: none; }
.js-anim .reveal[data-reveal-delay="1"] { transition-delay: .1s; }
.js-anim .reveal[data-reveal-delay="2"] { transition-delay: .2s; }
.js-anim .reveal[data-reveal-delay="3"] { transition-delay: .3s; }
.js-anim .reveal[data-reveal-delay="4"] { transition-delay: .4s; }

/* --- Accessibility: respect reduced-motion --------------------------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .js-anim .reveal { opacity: 1 !important; transform: none !important; }
}
body::-webkit-scrollbar {
  display: none;
}
/*.home{
  overflow: hidden;
}
.home.addfivesccls{
  overflow-y: scroll;
}*/
.h4, h4 , .h5, h5 , .h2, h2 {
  font-family: 'Nomixa';
  color: var(--hay-heading);
  font-family: Nomixa;
  font-style: normal;
  font-weight: normal;
}

/* Headline foundation — Nomixa ExtraBold/SemiBold, tight & confident.
   Sizing tokens are applied per-section so section layouts stay in control. */
h1, .h1 {
  font-family: 'Nomixa';
  color: var(--hay-heading);
  font-weight: 800;              /* Nomixa ExtraBold */
  line-height: 1.02;
  letter-spacing: -0.02em;
}
h2, .h2, h3, .h3 { letter-spacing: -0.01em; }

a, a:hover{
	color: #6AEA80;
}

a:focus{
  text-decoration: none;
}
/****menu****/
.dgmenuwrap {
    z-index: .para-img9;
    width: auto;
    float: none;
    background: transparent;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.dgnav{padding:0; margin:0;}
ul.menu {list-style:none; margin:0; padding:0; text-align:left;}
ul.menu * {margin:0; padding:0; float: left;}
ul.menu a {
    color: #CECECE !important;
    font-family: Nomixa;
    text-transform: uppercase;
    font-size: 54px !important;
    font-style: normal;
    font-weight: bold;
    line-height: 56px !important;
    background: transparent !important;
}
ul.menu a:hover, ul.menu a.current{color:#fff!important; text-decoration:none;}
ul.menu>li {position:relative; float:left; font-size:14px; color:#fff; display:block; line-height:normal; font-weight:300;}
ul.menu ul {position:absolute; top:100%; padding: 10px 20px; left:0; border-radius: 0px; display:none; opacity:0; list-style:none; width:250px; background:#fff; }
ul.menu ul li { transition: 0.9s; width: 100%; float: left; position:relative; margin:3px 0;  font-size:12px; padding:0; text-align:left; font-weight:700;}
ul.menu ul li a {font-family: 'Nomixa'; width: 100%; font-size: 14px; line-height: 24px; text-decoration: none;  color:#000; text-shadow: none; font-weight: 700;  padding: 3px 0; margin: 0; display:block; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; position:relative;}
ul.menu ul li a:hover {border:none; color:#000;}
ul.menu ul ul {top: 0; left: 100%;}
ul.menu .menulink {}
ul.menu .menulink:hover, ul.menu .menuhover {color:#fff; text-decoration:none;}
.mean-container .mean-nav ul li:nth-child(8) a, #get_quote a{
  color: #CECECE!important;
  font-family: Nomixa;
  font-size: 18px!important;
  font-style: normal;
  font-weight: normal;
  line-height: normal!important; /* 358.333% */
}
.mean-container .mean-nav ul li:nth-child(8) a:hover, #get_quote a:hover{
  text-decoration: underline;
  color: #fff!important;
}

.menu-area{
  width: 50%;
  float: right;
}
.logo-area{
  width: 50%;
  position: relative;
  z-index: 99999;
  float: left;
}
.mobile-show{
  display: none!important;
}
.desktop-show{
  display: block!important;
}



.intro-logo-animation{
  width: 100%;
  display: flex;
  background: #111;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.intro-logo-animation .container{
  width: 100%;
  display: flex;
  height: 100vh;
  justify-content:center;
  align-items: center;
  position: relative;
}
.intro-logo-animation .container .resms1 {
    position: absolute;
    animation-name: logo1;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
}
.intro-logo-animation .container .resms2 {
    position: absolute;
    animation-name: logo2;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
}

@keyframes logo1 {
    0% {
        opacity: 1;
        transform: scale(1);
        width: 10%;
    }

    40% {
        opacity: 1;
        transform: scale(1);
        width: 100%;
    }
    48% {
        opacity: 0;
        transform: scale(1);
        display: none;
        width: 100%;
    }

    100% {
        opacity: 0;
        transform: scale(1);
        width: 100%;
    }
}
@keyframes logo2 {
    0% {
        opacity: 0;
        transform: scale(1) translate(-50%,-50%);
        width: 10%;
        left: 50%;
        top: 50%;
    }

    40% {
        opacity: 0;
        transform: scale(1) translate(-50%,-50%);
        width: 100%;
        left: 50%;
        top: 50%;
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(-50%,-50%);
        width: 100%;
        top: 50%;
        left: 50%;
    }

    98% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0);
        width: 24px;
        left: 14px;
        top: 61px;
    }
}

#hideintro {
    -webkit-animation: cssAnimation 3s forwards; 
    -o-animation:  cssAnimation 3s forwards;
    -ms-animation:  cssAnimation 3s forwards;
    -moz-animation:  cssAnimation 3s forwards;
    animation: cssAnimation 3s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% { opacity: 0; display: none;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% { opacity: 0; display: none;}
}


/*#main-page-load {
    -webkit-animation: cssAnimation1 5s forwards; 
    animation: cssAnimation1 5s forwards;
    position: relative;
    z-index: 99999;
}
@keyframes cssAnimation1 {
    0%   {opacity: 0; display: none;}
    90%  {opacity: 0; display: none;}
    100% { opacity: 1; display: block;}
}
@-webkit-keyframes cssAnimation1 {
    0%   {opacity: 0; display: none;}
    90%  {opacity: 0; display: none;}
    100% { opacity: 1; display: block;}
}*/



.nav-area{
  padding: 61px 0;
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.mean-container a.meanmenu-reveal span{
  display: none;
}
.mean-container .mean-bar:nth-child(2){
  display: none;
}
.mean-container a.meanmenu-reveal.meanclose {
    line-height: 27px;
    background: url(../images/close.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.banner-image{
  /*width: 429px;*/
  width: 28vw;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.banner-image img{
  width: 100%;
  object-fit: cover;
  height: 100vh;
}
/* Fade the image's left edge into the dark base for a premium blend */
.banner-image:before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, var(--hay-bg) 0%, rgba(14,15,13,.55) 24%, transparent 62%);
  pointer-events: none;
}
.home-banner{
  width: 100%;
  display: flex;
  position: relative;
  height: 100vh;
  background:
    radial-gradient(58% 80% at 12% 42%, var(--hay-green-dim), transparent 70%),
    var(--hay-bg);
  overflow: hidden;
}
/* Vertically-centre the hero copy block (holds h1 + sub-line) */
.home-banner .container.desktop-show{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
}
.banner-shape{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
  z-index: 2;
  animation: hayFloat 7s var(--hay-ease) infinite;
}
@keyframes hayFloat{
  0%, 100% { transform: translateY(-50%); }
  50%      { transform: translateY(-58%); }
}
.banner-shape img {
    width: 167px;
    height: 280px;
    object-fit: cover;
}
.home-banner h1,
.home-banner h2{
  color: var(--hay-heading);
  font-family: 'Nomixa';
  font-weight: 800;              /* Nomixa ExtraBold */
  font-style: normal;
  font-display: swap;
  font-size: var(--hay-h1);
  line-height: 1.02;
  letter-spacing: -0.02em;
  max-width: 18ch;
  margin: 0 0 1.5rem;
  position: static;
  transform: none;
  top: auto;
}
/* Wrap a word in <span> to accent it green */
.home-banner h1 span,
.home-banner h2 span{
  color: var(--hay-green);
}
/* Hero sub-line */
.home-banner p{
  color: var(--hay-muted);
  font-family: 'Nomixa';
  font-weight: 500;
  font-size: var(--hay-lead);
  line-height: 1.5;
  max-width: 46ch;
  margin: 0;
}

.mean-container .mean-nav {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}

.meanmenu-reveal.meanclose + .mean-nav{
  height: 100vh;
}
.banner-green-sec{
  padding: clamp(28px, 3vw, 54px) clamp(20px, 4vw, 48px);
  background: var(--hay-green);
  display: flex;
  width: 100%;
  position: absolute;
  align-items: center;
  bottom: 0;
  z-index: 4;
}
.banner-green-sec h3{
  color: var(--hay-green-ink);
  font-family: Nomixa;
  font-size: clamp(18px, 1.4vw, 24px);
  font-style: normal;
  font-weight: 600;              /* Nomixa SemiBold */
  line-height: 1.3;
  margin-bottom: 0;
}
.banner-green-sec a{
  color: var(--hay-green-ink);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; /* 171.429% */
  display: flex;
  align-items: center;
  text-decoration: none;
  gap:10px;
  position: relative;
}
.banner-green-sec a:after{
  width: 0;
  height: 1px;
  background: var(--hay-green-ink);
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.banner-green-sec a:hover:after{
  width: 100%;
}
.banner-green-sec a img{
  position: relative;
  top: -1px;
}
.banner-green-text{
  min-width: 850px;
  max-width: 850px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.capital-area{
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.capital-area h2{
  color: var(--hay-heading);
  font-family: Nomixa;
  font-size: var(--hay-h2);
  font-style: normal;
  font-weight: 600;              /* Nomixa SemiBold */
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin: var(--hay-section-y) 0 clamp(2rem, 4vw, 3.25rem);
  max-width: 900px;
}
/* Accent hook: wrap a word/phrase in span/u/a to highlight it green */
.capital-area h2 span,
.capital-area h2 u,
.capital-area h2 a{
  color: var(--hay-green);
  text-decoration: none;
}
.capital-area a{
  color: var(--hay-green);
}

.contact-btn{
	width: fit-content;
}
.case-study-btn a, .contact-btn a{
  color: #000;
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding: 10px 24px 6px 24px;
  border-radius: 2px;
  background: #6AEA80;
  border: 1px solid #6AEA80;
  display: flex;
  gap: 10px;
  text-decoration: none;
  align-items: center;
  transition: 0.5s;
}
.case-study-btn a:hover, .contact-btn a:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(106, 234, 128, .28);
}


.case-study-btn{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 85px 0;
	gap: 60px;
}

.solution-btn{
	justify-content: left !important;
	padding-top: 40px;
	padding-bottom: 0px;
}
.case-study-btn a img{
  position: relative;
  top: -2px;
}
.relationship-area{
  width: 100%;
  display: flex;
  padding: 17px 0 93px 0;
  flex-direction: column;
  overflow: hidden;
}
.relationship-area h2{
  color: var(--hay-heading);
  font-family: Nomixa;
  font-size: var(--hay-h2);
  font-style: normal;
  font-weight: 600;              /* Nomixa SemiBold */
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
/* Client logos on dark: render as uniform light marks so every logo
   stays visible regardless of its original ink colour; brighten on hover. */
.relationship-area .item img{
  filter: brightness(0) invert(1);
  opacity: .68;
  transition: opacity .35s var(--hay-ease);
}
.relationship-area .item img:hover{
  opacity: 1;
}

.artical-area{
  background: var(--hay-bg-2);
  padding: var(--hay-section-y) 0;
  display: flex;
  flex-direction: column;
}
.artical-area h2{
  color: var(--hay-heading);
  font-family: Nomixa;
  font-size: var(--hay-h2);
  font-style: normal;
  font-weight: 600;              /* Nomixa SemiBold */
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}
/* Card lift + image zoom on hover */
.artical-panel{
  transition: transform .4s var(--hay-ease);
}
.artical-panel:hover{
  transform: translateY(-4px);
}
.artical-panel > a:first-child{
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.artical-panel > a:first-child img{
  width: 100%;
  transition: transform .6s var(--hay-ease);
}
.artical-panel:hover > a:first-child img{
  transform: scale(1.05);
}
/* Category label as a green eyebrow */
.artical-panel span{
  color: var(--hay-green);
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 25px;
  line-height: 24px;
  display: block;
}
.artical-panel span a , .artical-panel span a:hover , .artical-panel span a:focus{
  color: var(--hay-green);
  text-decoration: none;
}
.artical-panel h3{
  color: var(--hay-heading);
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px; /* 114.286% */
  margin: 12px 0 12px;
}
.artical-panel h3 a , .artical-panel h3 a:focus{
  color: var(--hay-heading);
  text-decoration: none;
  transition: color .3s var(--hay-ease);
}
.artical-panel h3 a:hover{
  color: var(--hay-green);
  text-decoration: none;
}

.read-more-btn a {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: var(--hay-muted);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  align-items: center;
  border-bottom: 0.5px solid var(--hay-border);
  padding: 8px 0;
  transition: color .3s var(--hay-ease), border-color .3s var(--hay-ease);
}
.read-more-btn a:hover {
  color: var(--hay-green);
  border-bottom-color: var(--hay-green-line);
}
.artical-panel img{
  object-fit: cover;
}
.read-more-btn img{
  width: 22px!important;
  height: 22px;
}
.artical-area .owl-carousel .owl-stage-outer{
  overflow: visible;
}
.artical-area{
  overflow: hidden;
}
.newslatter-area{
  width: 100%;
  display: flex;
  background: #000;
  padding: 124px 0 82px;
  z-index: 99;
  position: relative;
}
.newslatter-area h2{
  color: #6AEA80;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px;
  max-width: 378px;
}
.newslatter-area p{
  color: #FFF;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
  max-width: 290px;
  margin-top: 10px;
  margin-bottom: 0;
}
.newslatter-area .form-control{
  border-radius: 2px;
  border: 0.75px solid #CECECE;
  height: 40px;
  width: 100%;
  background: transparent;
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 28px;
  line-height: 24px; /* 120% */
  padding: 7px 30px 5px;
}
.subscribe-button{
  border-radius: 2px;
  border: 0.75px solid #000;
  background: #6AEA80;
  display: inline-flex;
  height: 39px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 10px 21px 6px 21px;
  color: #000;
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
}
.subscribe-button img{
  position: relative;
  top: -1px;
}
.newslatter-area form{
  max-width: 623px;
  float: right;
  min-width: 623px;
}
.newslatter-area-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}
footer{
  padding: 79px 0 41px;
  width: 100%;
  display: flex;
  position: relative;
  background: var(--hay-bg-2);
  border-top: 1px solid var(--hay-green-line);
}
/* Organic shape motif recoloured to brand green (source SVG is black) */
.footer-shape {
    position: absolute;
    top: -1px;
    right: 82px;
    width: 220px;
    height: 130px;
    background-color: var(--hay-green);
    -webkit-mask: url(../images/footer-shape.svg) no-repeat center / contain;
    mask: url(../images/footer-shape.svg) no-repeat center / contain;
}
.footer-shape img {
    display: none;
}
.footer-logo{
  width: 100%;
  display: flex;
  margin-bottom: 45px;
}
.footer-logo img{
  width: 239px;
}

.footer-copy-back-section{
  color: var(--hay-muted);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
  display: flex;
  justify-content: space-between;
}

.footer-copy-back-section .back-area a{
  color: var(--hay-text);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
  display: flex;
  align-items: center;
  text-decoration: none;
  gap:10px;
  transition: color .3s var(--hay-ease);
}
.footer-copy-back-section .back-area a:hover{
  color: var(--hay-green);
}
.footer-copy-back-section .back-area a img{
  position: relative;
  top: -1px
}
.footer-section ul{
  padding: 0;
  margin: -10px 0 0;
}
.footer-section ul li{
  display: block;
  margin-bottom: 12px;
}
.footer-section ul li a{
  color: var(--hay-text);
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  line-height: 24px; /* 120% */
  transition: color .3s var(--hay-ease);
}
.footer-section ul li a:hover{
  color: var(--hay-green);
}
.footer-section h2{
  color: var(--hay-muted);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 54px;
}
.footer-menu-area{
  margin-bottom: 59px;
}
.testmonial-area{
  width: 100%;
  display: flex;
  background: var(--hay-bg);
  flex-direction: column;
  padding: var(--hay-section-y) 0;
}
.testmonial-area h2{
  color: var(--hay-heading);
  font-family: Nomixa;
  font-size: var(--hay-h2);
  font-style: normal;
  font-weight: 600;              /* Nomixa SemiBold */
  line-height: 1.12;
  letter-spacing: -0.01em;
  margin-bottom: 17px;
}
.paralax-1 , .paralax-2 , .paralax-3{
  position: relative;
}
.para-name-sec{
  color: var(--hay-text);
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  background: transparent;
  border: none;  
  padding: 15px 45px;
}
.para-name-sec a , .para-name-sec a:focus{
  color: var(--hay-heading);
  text-decoration: none!important;
  transition: color .3s var(--hay-ease);
}
.para-name-sec a:hover{
  color: var(--hay-green);
  text-decoration: none!important;
}
.service-gallery h4 a , .service-gallery a:hover , .service-gallery a:focus{
  color: #231F20;
  text-decoration: none;
}

.para-name-sec:before{
  position: absolute;
  left: 23px;
  top: 46%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background: #6AEA80;
  content: '';
  border-radius: 50%;
}
.para-img img{
  width: 100%;
  height: 100vh;
  max-height: 850px;
  object-position: center;
  object-fit: cover;
  transition: transform .7s var(--hay-ease);
}
.para-img{
  width: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
}
/* Gentle zoom on the case-study image (not the tag links) */
.para-img a:hover img{
  transform: scale(1.04);
}
.para-tag{
  display: flex;
  gap:10px;
  width: 100%;
  padding: 23px 35px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.para-tag a {
  color: #CECECE;
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  border-radius: 2px;
  border: 0.75px solid #CECECE;
  display: inline-flex;
  padding: 6px 10px 2px;
  justify-content: center;
  text-decoration: none;
  align-items: center;
}

.para-tag-dark{
  display: flex;
  gap:10px;
  width: 100%;
  padding: 23px 35px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.para-tag-dark a {
  color: #000;
  font-family: Nomixa;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  border-radius: 2px;
  border: 0.75px solid #000;
  display: inline-flex;
  padding: 6px 6px 2px;
  justify-content: center;
  text-decoration: none;
  align-items: center;
}


.paralax-2 .para-tag a , .paralax-3 .para-tag a{
  border: 0.75px solid #231F20;
  color: #231F20;
}
.paralax-2 , .paralax-1{
  margin-bottom: 0;
}
.capital-paralax-area{
  width: 100%;
  display: flex;
  position: relative;
  background: var(--hay-bg);
  overflow: hidden;
}

/*.paralax-1{
  position: sticky;
  top: 0;
}
.paralax-2{
  position: sticky;
  top: 30px;
}
.paralax-3{
  position: sticky;
  top: 60px;
}*/

/* Hide scrollbar for Chrome, Safari and Opera */
.capital-paralax-area::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.capital-paralax-area {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.testmonial-area .btn{
  width: 100%;
  text-align: left;
  border-top: 1px solid var(--hay-border);
  border-radius: 0;
  transition: background .3s var(--hay-ease);
}
.testmonial-top:hover .testmonial-capital h3{
  color: var(--hay-green);
}
.testmonial-area h3{
  color: var(--hay-heading);
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
  margin-bottom: 46px;
}
.testmonial-img{
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}
.testmonial-img img{
  width: 130px;
  height: 86px;
  border-radius: 100px;
}
.testmonial-area p{
  color: var(--hay-text);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
  max-width: 430px;
}
.testmonial-client a {
  color: var(--hay-muted);
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 0.5px solid var(--hay-border);
  max-width: 93px;
  transition: color .3s var(--hay-ease), border-color .3s var(--hay-ease);
}
.testmonial-client a:hover {
  color: var(--hay-green);
  border-bottom-color: var(--hay-green-line);
}
/* Small inline arrow icon ("See project") — keep visible on dark */
.testmonial-client a img {
  filter: brightness(0) invert(1);
}
.testmonial-ser a {
  color: var(--hay-text);
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  padding: 6px 10px 2px 10px;
  border-radius: 2px;
  border: 0.75px solid var(--hay-border);
  text-decoration: none;
  margin-bottom: 6px;
  display: block;
  width: fit-content;
  transition: color .3s var(--hay-ease), border-color .3s var(--hay-ease);
}
.testmonial-capital h3{
  text-decoration: underline;
}
.testmonial-section{
  padding: 38px 0 44px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.testmonial-area .testmonial-top  .testmonial-capital h3 , .testmonial-area .testmonial-top .testmonial-ser h3 , .testmonial-area .testmonial-top .testmonial-client h3{
  margin-bottom: 0;
}
.testmonial-top{
  padding: 30px 0 25px;
  position: relative;
}
.testmonial-top .container{
  position: relative;
}
.btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
}
.testmonial-top .container:after {
    background: url(../images/colleps-arrow.svg) no-repeat;
    transform: rotate(180deg);
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
}
.testmonial-top[aria-expanded="false"] .container:after {
    transform: rotate(180deg);
}
.testmonial-top[aria-expanded="true"] .container:after {
    transform: rotate(0deg);
}
.capital-paralax-area .accordion-item{
  border: none;
}
.capital-paralax-area .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.capital-paralax-area .accordion-button:not(.collapsed) {
    color: #CECECE;
    background-color: #fff;
    box-shadow: none;
}
.capital-paralax-area .accordion-button::after{
  display: none;
}
.capital-paralax-area .accordion-button:focus{
  box-shadow: none;
}
.paralax-2 .para-name-sec[aria-expanded="false"]{
  background: #000;
  color: #fff;
}
.paralax-3 .para-name-sec[aria-expanded="false"]{
  background: #CECECE;
  color: #000;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.slider-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 28px;
  min-width: 100%;
  width: 100%;
  animation: marquee 5s linear infinite;
}

.products-text-area-heading{
  width: 100%;
  display: flex;
}
.products-text-area-heading h2{
  color: #231F20;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  margin: 80px 0 86px;
  max-width: 1030px;
}
.get-area-btn.get-area-btn-products{
  margin-bottom: 53px;
}
.products-logo-sec{
  width: 100%;
  display: flex;
  padding: 0 0 86px 0;
  flex-flow: wrap;
}
.products-logo-sec a{
    width: 33.33%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 220px;
    border: 1px solid #CECECE;
}
.products-logo-sec a img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.products-logo-sec a:hover img {
  -webkit-filter: grayscale(0)!important; /* Safari 6.0 - 9.0 */
  filter: grayscale(0)!important;
}
.para-img a{
  width: 100%;
}
.para-img .para-tag a{
  width: auto;
}

.service-text-area{
  width: 100%;
  display: flex;
}
.service-text-area h2{
  color: #231F20;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  margin: 86px 0 0;
  max-width: 896px;
}
.service-panel-img{
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}
.service-panel-img img{
  height: 367px;
  width: 100%;
  object-fit: cover;
}
.service-panel-number {
    color: #6AEA80;
    font-family: Nomixa;
    font-size: 128px;
    font-style: normal;
    font-weight: normal;
    line-height: 52px;
    position: absolute;
    left: -60px;
    width: 100px;
    top: 230px;
    z-index: 99999;
}
.service-panel{
  width: 100%;
  display: flex;
  margin-bottom: 0;
}
.service-panel-area{
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}
.service-panel-text h2{
  color: #231F20;
  font-family: Nomixa;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 39px;
}
.service-panel-text p{
  color: #231F20;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 24px;
  line-height: 24px;
}
.service-panel-text-link{
  width: 100%;
  display: flex;
  gap:10px;
}
.service-panel-text-link.desktop-show{
  display: flex!important;
}


.service-panel-text-link a{
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  display: flex;
  border-radius: 2px;
  border: 0.75px solid #000;
  padding: 3px 10px;
  text-decoration: none;
}
.service-panel-text-link a:hover{
  background: #6AEA80;
  color: #000;
  border: 0.75px solid #000;
}

.service-panel-text-link-light a{
  color: #fff;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  display: flex;
  border-radius: 2px;
  border: 0.75px solid #fff;
  padding: 3px 10px;
  text-decoration: none;
}
.service-panel-text-link-light a:hover{
  background: #6AEA80;
  color: #000;
  border: 0.75px solid #6AEA80;
}

.calender-section .contactbtnproduct{
  text-align: center;
}
.service-panel-text{
  width: 100%;
  display: flex;
  padding-left: 117px;
  padding-top: 20px;
  flex-direction: column;
  min-height: 367px;
}
.service-banner{
  width: 100%;
  display: flex;
  height: 70vh;
  position: relative;
}
.service-banner img{
  width: 100%;
  object-fit: cover;
  height: 70vh;
}
.service-banner .banner-shape img {
  width: 157px;
  height: 245px;
  object-fit: contain;
  transform: rotate(-90deg);
}
.service-banner .banner-shape {
    position: absolute;
    top: auto;
    transform: rotate(0);
    left: 0;
    bottom: -53px;
    height: auto;
    width: 100%;
}
.mean-container .service-nav a.meanmenu-reveal{
  filter: invert(1);
}

.vision-area{
  color: #231F20;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px; /* 112.5% */
  margin-bottom: 120px;
}
.vision-area span{
  color: #CECECE;
  display: block;
}
.get-area-btn a{
  color: #231F20;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: normal; /* 112.5% */
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.get-area-btn span{
  border-radius: 2px;
  background: #6AEA80;
  display: inline-flex;
  height: 39px;
  padding: 6px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  margin-right: 13px;
  position: relative;
  top: -5px;
}
.get-area-btn a b:after , .meeting-area a b:after {
  width: 0;
  height: 2px;
  background: #000;
  content: '';
  position: absolute;
  left: 0;
  bottom: 22px;
  transition: 0.5s;
}
.get-area-btn a:hover b:after , .meeting-area a:hover b:after{
  width: 100%;
}
.get-area-btn a b , .meeting-area a b{
  font-weight: normal;
  position: relative;
}


.get-area-btn{
  margin-bottom: 127px;
}
.service-man-slider h3{
  color: #231F20;
  font-family: Nomixa;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: normal; /* 216.667% */
}
.service-man-slider p{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; /* 260% */
}
.service-man-slider img{
  height: 418px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 23px;
}
.service-man-slider .owl-carousel .owl-stage-outer {
    overflow: visible;
    clip-path: inset(-100vw -100vw -100vw 0);
}
.service-man-slider {
    overflow-x: clip;
}
.service-man-slider .owl-carousel .owl-nav button.owl-next{
  width: 22px;
  height: 22px;
  background: url(../images/service-next.svg);
  background-position: center;
}
.service-man-slider .owl-carousel .owl-nav button.owl-next span{
  display: none;
}
.service-man-slider .owl-carousel .owl-nav button.owl-prev{
  width: 22px;
  height: 22px;
  background: url(../images/service-next.svg);
  background-position: center;
  transform: rotate(180deg);
}
.service-man-slider .owl-carousel .owl-nav button.owl-prev span{
  display: none;
}
.service-man-slider .owl-nav{
  display: flex;
  gap:9px;
  position: absolute;
  right: 0;
  top: -140px;
}
.about-text-area h2 {
    max-width: 830px;
}
.about-img-area{
  width: 100%;
  display: flex;
  margin: 86px 0 124px;
}
.about-img img{
  border-radius: 20px;
  height: 805px;
  object-fit: cover;
  width: 100%;
  object-position: top;
}
.about-panel-1 {
  border-radius: 8px;
  padding: 10px 35px 10px 18px;
  display: inline-flex;
  gap: 20px;
  align-items: center;
  position: absolute;
  top: 316px;
  left: 260px;
  background: rgba(255, 255, 255, 0.7);
}
.about-panel-1 h4{
  color: #231F20;
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0;
}
.about-panel-1 p{
  color: #5C5C5C;
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  line-height: normal;
}
.arrows-1 {
  position: absolute;
  right: -51px;
  top: -62px;
}
.man-d-text{
  margin-top: 7px;
}
.about-img-area .container{
  position: relative;
}

.about-panel-2 {
  border-radius: 8px;
  padding: 10px 35px 10px 18px;
  display: inline-flex;
  gap: 20px;
  align-items: center;
  position: absolute;
  top: 190px;
  right: 260px;
  background: rgba(255, 255, 255, 0.7);
}
.about-panel-2 h4{
  color: #231F20;
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0;
}
.about-panel-2 p{
  color: #5C5C5C;
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  line-height: normal;
}
.arrows-2 {
  position: absolute;
  left: -75px;
  top: -4px;
}
.project-text-area h2{
  max-width: 988px;
  margin-top: 200px;
}
.project-text-area span{
  position: relative;
  text-decoration: underline;
  text-decoration-color: #6AEA80;
  text-decoration-skip-ink: none;
}

.column {
  display: none; /* Hide all elements by default */
}
.show , .filterproduct{
  display: block;
}
.service-gallery img{
  width: 100%;
  height: 428px;
  object-fit: cover;
}
.service-gallery h4{
  color: #231F20;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; /* 120% */
  margin: 31px 0 16px;
  position: relative;
  padding-left: 18px;
}
.service-gallery h4:before {
    position: absolute;
    left: 0;
    top: 42%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #6AEA80;
    content: '';
    border-radius: 50%;
}
.service-gallery h2{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}
#myBtnContainer .btn {
  border-radius: 2px;
  border: 0.75px solid #000;
  color: #000;
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  max-height: 30px;
}
#myBtnContainer .btn:hover , #myBtnContainer .btn.active {
  background: #6AEA80;
  color: #000;
  border: 0.75px solid #6AEA80;
}
/*.nonfilterproduct{
  display: none!important;
}
.nonfilterproduct.column  {
  display: none!important;
}
.nonfilterproduct.show , .nonfilterproduct.column.show{
  display: block!important;
}
.nonfilterproduct.filterproduct.show {
  display: block!important;
}*/


.relationship-area .owl-dots{
  display: none;
}



#myBtnContainer .all{
  border: 0.75px solid #CECECE!important;
  background: #CECECE!important;
}
#myBtnContainer{
  margin-bottom: 20px;
  display: flex;
  gap:7px;
}
.service-gallery{
  width: 100%;
  display: flex;
}
.tag-section{
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  gap:6px;
  padding-top: 13px;
}
.tag-section a{
  border-radius: 2px;
  border: 0.75px solid #231F20;
  color: #231F20;
  font-family: Nomixa;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  max-height: 30px;
  text-decoration: none;
  padding: 4px 10px 0;
}
.service-panel-img .service-panel-text-link{
  display: none;
}
.privacy-area{
  width: 100%;
  display: flex;
  padding: 232px 0 127px;
  flex-direction: column;
}
.privacy-area-text{
  max-width: 764px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.privacy-area-text p, .privacy-area-text address, .privacy-area-text ul{
  color: #231F20;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
  margin-bottom: 20px;
}
.privacy-area-text h3{
  color: #231F20;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px; /* 112.5% */
  margin-bottom: 20px;
  margin: 41px 0; 
}
.privacy-area-head{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
}
.privacy-area-head h2{
  color: #231F20;
  text-align: center;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px; /* 112.5% */
  padding-bottom: 29px;
  margin-bottom: 29px;
  position: relative;
}
.privacy-area-head h2:after{
  position: absolute;
  bottom: 0;
  width: 178px;
  height: 1px;
  background: #CECECE;
  left: 50%;
  content: '';
  transform: translateX(-50%);
}
.privacy-area-head span{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
}




.divWrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100vw;
  min-height: 75vh;
}
.sliderWrapper{
  position:relative;
  width:90vw;
  margin:0 auto;
  display:flex;
} 
.sliderImage{
  position:relative;
  flex-basis:60%;
}

.sliderText{
 flex-basis:40%;
  overflow:hidden;
}
.sliderTextFloat{
  padding:60px;
  position:fixed;
  height:100vh;
  display:flex;
  top:0;
  justify-content:center;
  align-items:center;
  transition:all .5s ease;
  opacity:0;
}
.visible.sliderTextFloat{
  opacity:1;
    transition:all .5s ease;
}

.sliderImageItem {
  transform: translatey(-0%);
  transition: all .4s ease;
  margin-bottom: 40px;
/*     box-shadow:0px 0px 30px 0px #8e8e8e; */
}
.active.sliderImageItem {
  transform: translatey(-0%);
  transition: all .4s ease;
  margin-bottom: 40px;
    box-shadow:0px 0px 30px 0px #8e8e8e;
}
.sliderImage img{
  width:100%;
}
h3.sliderSubText {
  font-family: 'Raleway', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #c07a4c;
}
.sliderText h2 {
    font-family: 'Raleway', sans-serif;
    margin-bottom: 20px;
     margin-top:0;
    padding-bottom: 10px;
    border-bottom: 2px solid #c07a4c;
    display: inline-block;
}
.sliderText p{
  margin-bottom:20px;
} 

a.sliderLink {
  font-family: 'Raleway', sans-serif;
    padding: 9px 15px;
    background: #c07a4c;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
#output {
    position : fixed;
    font-size: 10px;
    top      : 0;
    right    : 0;
    height   : 200px;
    width    : 300px;
    border   : 1px solid yellow;
    overflow : hidden;
    display:none;
}
.sliderWrapperEnd{
  position:fixed;
  width:100vw;
  border:1px solid red;
  display:none;
}






.reach-area{
  width: 100%;
  display: flex;
  background: #000000;
  padding: 124px 0 79px;
}
.reach-area h2{
  color: var(--hay-green);
  font-family: Nomixa;
  font-size: var(--hay-h2);
  font-style: normal;
  font-weight: 600;              /* Nomixa SemiBold */
  line-height: 1.12;
  letter-spacing: -0.01em;
  max-width: 334px;
}
.reach-area p{
  color: #FFF;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
  max-width: 290px;
  margin-top: 10px;
  margin-bottom: 0;
}
.reach-area .form-control{
  border-radius: 2px;
  border: 0.75px solid #CECECE;
  height: 40px;
  width: 100%;
  background: transparent;
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 28px;
  line-height: 24px; /* 120% */
  padding: 7px 30px 5px;
}
.reach-area .subscribe-button {
    border-radius: 2px;
    border: 0.75px solid #000;
    background: url(../images/arrow-right.svg) no-repeat #6AEA80;
    background-position: 85% 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #000;
    font-family: Nomixa;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    padding: 8px 40px 10px 20px;
}
.reach-area .subscribe-button img{
  display: none;
}
.reach-area form{
  max-width: 623px;
  float: right;
  min-width: 623px;
}
.reach-area-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}

.reach-area textarea.form-control {
  height: 100px;
  resize: none;
}
.meeting-area span {
    border-radius: 2px;
    background: #6AEA80;
    display: inline-flex;
    height: 39px;
    padding: 6px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-right: 13px;
    position: relative;
    top: -5px;
}
.meeting-area a {
    color: #231F20;
    font-family: Nomixa;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.contact-details-area{
  display: flex;
  width: 100%;
  padding: 84px 0;
}
.contact-details-area p{
  color: #231F20;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 24px;
}
.contact-details-area h3{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0;
  margin: 0 0 14px;
  transition: 0.5s;
  line-height: 40px;
}
.contact-details-area h3 a{
  text-decoration: none;
    transition: 0.5s;
  color: #CECECE;
}
.contact-details-area h3:hover , .contact-details-area h3 a:hover{
  color: #231F20;
}

.contact-details-area .row{
  gap:53px;
  justify-content: space-between;
}
.contact-details-area .col-lg-6{
  width: 47.9%;
}
.meeting-modal{
  z-index: 999999;
  background: rgba(255,255,255,0.3);
}

.mean-container .contact-nav a.meanmenu-reveal {
    filter: invert(0);
}



.artical-page-img{
  width: 100%;
  display: flex;
  padding: 45px 0 93px;
  justify-content: center;
}
.artical-page-img img{
  width: 907px;
  object-fit: contain;
  justify-content: center;
}
.artical-page-area{
  width: 100%;
  display: flex;
  padding: 232px 0 0;
  flex-direction: column;
}
.artical-page-area-text{
  max-width: 764px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.artical-page-area-text p, .artical-page-area-text ol, .artical-page-area-text ul{
  color: #231F20;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
  margin-bottom: 20px;
}


.artical-page-area-text h3{
  color: #231F20;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px; /* 112.5% */
  margin-bottom: 20px;
  margin: 41px 0; 
}
.artical-page-area-head{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
}
.artical-page-area-head h2{
  color: #231F20;
  text-align: center;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px; /* 112.5% */
  padding-bottom: 29px;
  margin-bottom: 29px;
  max-width: 627px;
  position: relative;
}
.artical-page-area-head h2:after{
  position: absolute;
  bottom: 0;
  width: 178px;
  height: 1px;
  background: #CECECE;
  left: 50%;
  content: '';
  transform: translateX(-50%);
}
.artical-page-area-head span{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px; /* 120% */
}
.after-before-area{
  display: flex;
  width: 100%;
  align-items: center;
  padding: 41px 0 64px;
  gap:20px;
  justify-content: space-between;
}
.before-area , .after-area{
  background: #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  padding: 82px 74px 30px;
}
.before-area h4 , .after-area h4{
  color: rgba(35, 31, 32, 0.70);
  text-align: center;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
}
.round-area{
  border-radius: 93.357px;
  background: rgba(35, 31, 32, 0.50);
  width: 237.936px;
  height: 186.715px;
  flex-shrink: 0;
  display: flex;
  margin-bottom: 70px;
}
.round-area.round-area-green{
  background: linear-gradient(180deg, #6AEA80 0%, #E1FFE6 100%);
}
.contact-button-area {
    border-radius: 2px;
    background: #6AEA80;
    display: inline-block;
    height: 39px;
    flex-shrink: 0;
    padding: 11px 21px;
    color: #000;
    font-family: Nomixa;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    margin: 51px 0 0;
    border: none;
    max-width: 136px;
}
.contact-button-area , .contact-button-area:hover{
  text-decoration: none;
  color: #000;
}
.artical-prev-text a{
  text-decoration: none;
  color: #231F20;
}


.contact-button-area img{
  margin-left: 10px;
}
.artical-prev-next-sec{
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 51px 0;
}
.artical-prev-area{
 display: flex;
 align-items: center;
 gap:10px;
 padding: 10px;
 border-radius: 8px;
 background: #CECECE;
 min-width: 252px;
}
.artical-prev-text h4{
  color: #231F20;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  margin-bottom: 0;
  max-width: 170px;
}
.artical-prev-text p{
  color: #231F20;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 4px;
}
.artical-prev-img img{
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

.news-nav{
  background: #231F20;
}
.news-nav .nav-area-logo img{
  width: 186px;
}
.keep-section {
  width: 100%;
  display: flex;
  padding: 205px 0 70px;
  background: #231F20;
}
.keep-section h2{
  max-width: 750px;
  color: #CECECE;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  line-height: 54px;
  font-weight: normal;
}
.keep-section span {
  position: relative;
  text-decoration: underline;
  text-decoration-color: #6AEA80;
  text-decoration-skip-ink: none;
}
.news-gallery{
  width: 100%;
  display: flex;
  padding: 0 0 216px;
  background: #231F20;
}
.news-gallery h2{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}
.news-gallery #myBtnContainer .btn {
    border: 0.75px solid #CECECE;
    color: #CECECE;
}
.news-gallery #myBtnContainer .btn.active {
    background: #6AEA80;
    color: #000;
    border: 0.75px solid #6AEA80;
}
.news-gallery #myBtnContainer .all {
    color: #000;
}
.news-gallery img {
    width: 100%;
    /*height: auto;*/
    object-fit: cover;
}

.news-gallery .artical-panel h3 {
  color: #FFF;
  font-family: Nomixa;
  font-size: 20;
  font-style: normal;
  line-height: 28px; /* 114.286% */
  margin: 12px 0 12px;
}
.news-gallery .artical-panel span {
    color: #CECECE;
    font-family: Nomixa;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.506px; /* 120% */
    margin-top: 25px;
    line-height: 24px;
    display: block;
}
.news-gallery .read-more-btn img {
    width: 22px !important;
    height: 22px;
}
.news-gallery .artical-panel{
  margin: 16px 0;
}
.news-gallery #myBtnContainer {
  margin-bottom: 53px;
}
.shopify-banner .banner-shape{
  filter: invert(1);
}
.shopify-text-area{
  background: #000;
  padding: 74px 0;
}
.shopify-text-area h2{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px; /* 112.5% */
  max-width: 925px;
	padding-bottom: 40px;
}
.shopify-text-area span{
  color: #6AEA80;
  display: block;
}
.testmonial-area-shopify{
  padding-bottom: 76px;
}
.shopify-project-area{
  width: 100%;
  display: flex;
  padding: 67px 0 108px;
  flex-direction: column;
  background: #000;
}
.shopify-project-area h2{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px;
  margin-bottom: 63px;
}


.shopify-panel .para-name-sec {
    padding: 20px;
}
.shopify-panel .para-name-sec:before {
    left: 0;
}
.shopify-panel{
  position: relative;
}
.para-tag {
  padding: 14px 0;
  position: relative;
}
.testmonial-area-shopify h2{
  display: flex;
  justify-content: space-between;
}
.testmonial-area-shopify h2 img{
  width: 51px;
  height: 51px;
  object-fit: cover;
  object-position: left;
}
.calender-section{
  width: 100%;
  background: #D9D9D9;
  display: flex;
  flex-direction: column;
  padding: 112px 0;
  position: relative;
}
.calender-section .container{
  position: relative;
}
.calender-section .about-panel-2 {
  left: 102px;
  top: -70px;
  right: auto;
}
.calender-section .arrows-2 {
    position: absolute;
    left: -70px;
    top: 20px;
    transform: rotate(-20deg);
}



.shopify-text p{
  color: #CECECE;
  font-family: Nomixa;
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  line-height: 36px; /* 112.5% */
  max-width: 420px;
}
.shopify-text p span{
  color: #231F20;
}
.shopify-text-area2{
  width: 100%;
  display: flex;
  padding: 104px 0 88px;
}
.shopify-text img{
  margin-top: 34px;
} 
.shopify-colleps p{
  color: #231F20;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
.shopify-top {
  color: #231F20;
  font-family: Nomixa;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  padding: 24px 0 19px;
  border-bottom: 1px solid #CECECE;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.shopify-top span{
  color: #CECECE;
  padding-right: 6px;
}
.shopify-top[aria-expanded="true"]:after {
    transform: rotate(0deg);
}
.shopify-top:after {
    background: url(../images/colleps-arrow.svg) no-repeat;
    transform: rotate(180deg);
    content: '';
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
}
.shopify-top[aria-expanded="false"]:after {
    transform: rotate(180deg);
}
.shopify-col-padding{
  padding: 0 0 19px 0;
}
.shopify-colleps .collapse.show{
  border-bottom: 1px solid #CECECE;
}
.shopify-top[aria-expanded="true"]{
  border-bottom: 1px solid transparent;
}
.shopify-colleps-1 .shopify-top{
  padding-top: 0;
}

.shopify-nav .nav-area-logo img{
  filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(566%) hue-rotate(135deg) brightness(97%) contrast(72%);
}
.mean-container .shopify-nav a.meanmenu-reveal{
  filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(566%) hue-rotate(135deg) brightness(97%) contrast(72%);
}


ul.menu .social-area-menu a{
  color: #CECECE!important;
  font-family: Nomixa;
  font-size: 24px!important;
  font-style: normal;
  font-weight: normal;
  line-height: normal!important; /* 225% */
  text-decoration: none;  
  display: flex;
  text-transform: capitalize;
}
ul.menu .social-area-menu a:hover{
  color: #fff!important;
  text-decoration: underline;
}

ul.menu .social-area-menu{
  display: flex;
  flex-direction: column;
  gap:0;
  min-width: 250px;
  max-width: 300px;
  position: absolute!important;
  left: 0;
}

.menu-logo-green{
  margin-bottom: 38px!important;
  display: flex;
}
.artical-prev-next-sec a , .artical-prev-next-sec a:hover {
  text-decoration: none;
}


.global-page-area{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 232px 0 127px;
}
.global-page-area h3{
  color: #231F20;
  font-family: Nomixa;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px;
  position: relative;
}
.global-page-area h4{
  color: #231F20;
  font-family: Nomixa;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
}
.reach-area form p{
  max-width: 100%;
}
.reach-area form br{
  display: none;
}
.wpcf7-response-output {
  color: #fff;
  font-family: Nomixa;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  padding-top: 8px !important;
}
.wpcf7-not-valid-tip{
  font-family: Nomixa;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 15px !important;
  margin-top: -20px;
}
.home .para-tag{
  position: absolute;
  padding-left: 15px;
}




.capital-paralax-area.selected .slide-paralax .para-img , .capital-paralax-area.selected .slide-paralax .para-tag{
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.capital-paralax-area.selected .slide-paralax .para-tag{
  display: none;
}
.capital-paralax-area.selected .slide-paralax.active .para-img {
  opacity: 1;
  transition: 0.5s;
  visibility: visible;
  height: 600px;
}
.capital-paralax-area.selected .slide-paralax.active .para-tag{
  height: auto;
  opacity: 1;
  transition: 0.5s;
  visibility: visible;
  display: block;
}





.capital-paralax-area.selected .paralax-2.slide-paralax{
  background: #000;
}
.capital-paralax-area.selected .paralax-2.slide-paralax.active{
  background: transparent;
}
.capital-paralax-area.selected .paralax-3.slide-paralax .para-name-sec{
  background: #CECECE;
  color: #000;
}
.capital-paralax-area.selected .paralax-3.slide-paralax.active{
  background: transparent;
}





.service-panel-area .service-panel .service-panel-img img{
  opacity: 0;
}
.service-panel-area .service-panel.active .service-panel-img img{
  opacity: 1;
}
/*.service-panel-area .service-panel{
  display: none;
}*/
.service-panel-area .service-panel.active{
  display: block;
}
.page-id-7.mean-container a.meanmenu-reveal{
  filter: invert(1);
}
.mean-container .nav-area a.meanmenu-reveal.meanclose {
  filter: invert(0);
}
.mean-container .service-nav a.meanmenu-reveal.meanclose {
    filter: invert(0);
}

.page-id-26 .news-gallery #myBtnContainer .btn:hover {
    background: #6AEA80;
    color: #000;
    border: 0.75px solid #6AEA80;
}
.contact-button-area , .contact-button-area:hover{
  color: #000;
}
.service-panel-area .service-panel{
  transition:  0.5s;
}
.service-panel-area .service-panel.closeme{
  /*display: none!important;*/
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-bottom: 0;
}
.service-panel-area .service-panel.closeme.active{
  /*display: block!important;*/
  visibility: visible;
  height: auto;
  opacity: 1;
  margin-bottom: 0;
}
.service-panel-area .service-panel{
  margin-bottom: 235px;
}
.logo:hover{
  filter: brightness(0) saturate(100%) invert(98%) sepia(59%) saturate(1362%) hue-rotate(60deg) brightness(96%) contrast(92%);
}
.testmonial-ser a:hover{
  transition: 0.5s;
}
.testmonial-ser a:hover{
  background: var(--hay-green);
  border-color: var(--hay-green);
  color: var(--hay-green-ink);
}
.artical-area .owl-dots{
  display: none;
}
.artical-area .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    gap: 15px;
    position: absolute;
    top: -100px;
    right: 0;
}
.artical-area .owl-nav .owl-prev{
  background: url(../images/artical-arrow.svg) no-repeat !important;
  background-size: contain!important;
  width: 22px;
  height: 22px;
  transform: rotate(180deg);
}
.artical-area .owl-nav .owl-next{
  background: url(../images/artical-arrow.svg) no-repeat !important;
  background-size: contain!important;
  width: 22px;
  position: relative;
  top: 1px;
  height: 22px;
}

.artical-area .owl-nav .owl-prev span , .artical-area .owl-nav .owl-next span{
  display: none;
}



.single  main{
  z-index: inherit;
}
.hide-logo{
  display: none;
}


.project-casestudy-area {
    width: 100%;
    display: flex;
    padding: 232px 0 0;
    flex-direction: column;
}
.project-prev-next-sec{
	width: 100%;
	display: flex;
	border-bottom: 1px solid #CECECE;
	padding: 114px 0 134px;
	align-items: center;
	justify-content: center;
	margin-bottom: 123px;
}
.project-prev-next-sec .container{
   max-width: 800px;
   justify-content: space-between;
   display: flex;
   align-items: center;
}

.project-prev-area{
 display: flex;
 align-items: center;
 gap:10px;
 padding: 10px;
 border-radius: 8px;
 background: #CECECE;
 min-width: 252px;
}
.project-prev-text h4{
  color: #231F20;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  margin-bottom: 0;
  max-width: 170px;
}
.project-prev-text h4 a , .project-prev-text p a{
  color: #231F20;
  text-decoration: none;
}

.project-prev-text p{
  color: #231F20;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 4px;
}
.project-prev-img img{
  width: 44px;
  height: 44px;
  border-radius: 8px;
}
.mobile-text-section{
	width: 100%;
	display: flex;
	padding: 106px 0 63px;
}
.mobile-text-h2-grey h2{
	color: #CECECE;
	font-family: Nomixa;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	line-height: 36px;
	margin: 0;
}
.mobile-text-h2-black h2{
	color: #000;
	font-family: Nomixa;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	line-height: 36px;
	margin: 0;
}
.mobile-text-big-img img , .mobile-text-small-img1 img , .mobile-text-small-img2 img{
	width: 100%;
}
.mobile-text-big-img img{
	height: 880px;
	object-fit: cover;
}
.mobile-text-small-img1 img , .mobile-text-small-img2 img{
	height: 428px;
	object-fit: cover;
}
.mobile-text-small-img2{
	margin-top: 24px;
}
.mobile-img-area{
	margin-top: 63px;
}

.investors-text-right h2{
	color: #000;
	font-family: Nomixa;
	font-size: 48px;
	font-style: normal;
	font-weight: normal;
	line-height: 54px;
}
.investors-text-left h3{
	color: #CECECE;
	font-family: Nomixa;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; /* 171.429% */
	margin-bottom: 6px;
}
.investors-text-left p{
	margin-bottom: 0;
	color: #231F20;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
}
.investors-text-left ul{
	margin: 0 0 17px;
	padding: 0;
}
.investors-text-left li{
	color: #231F20;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
	cursor: pointer;
	display: block;
}
.investors-text-left li a{
  color: #231F20;
  text-decoration: none;
}
.investors-text-left li a:hover , .investors-text-left li a:focus{
	color: #CECECE;
  text-decoration: none;
}
.investors-text-big-img img , .investors-text-small-img1 img , .investors-text-small-img2 img{
	width: 100%;
}
.investors-text-big-img img{
	height: 737px;
	object-fit: cover;
}
.investors-text-small-img1 img , .investors-text-small-img2 img{
	height: 428px;
	object-fit: cover;
}
.investors-text-big-img{
	margin-bottom: 30px;
}
.investors-img-area{
	margin-top: 80px;
}
.projecthome {
  /*height: 500px;*/
  width: 100%;
  display: flex;
  flex: 1;
}

.projecthome_text {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.projecthome[style="position: fixed;"]{
  top: 100px!important;
}

.gsap-marker-start , .gsap-marker-scroller-end , .gsap-marker-scroller-start{
  display: none!important;
}
.capital-paralax-area .para-img{
  position: relative;
}
.projecthome{
  top: 120px!important;
} 
.service-panel-area .capital-paralax-area .projecthome{
  top: 200px!important;
}
.service-panel-area .accordion.last{
  margin-bottom: 300px;
}

.btn.all{
  display: block;
}
.btn.all.active{
  display: none;
}
/*#main-page-load{
  display: none;
}*/

/*.gsap-marker-end{
  display: none;
}*/


.sidebar li{
  opacity: 0;
  position: absolute;
  transition: 0.5s;
  width: 100%;
}
.sidebar li.active{
  opacity: 1;
}
.service-panel-text{  
  padding: 200px 0 0 117px;
  position: relative;
  margin-top: 0;
}
.serviceslidersec .sidebar{
  /*top: 140px!important;*/
  position: relative;
}
.serviceslidersec{
  padding-bottom: 250px;
}

.servicebatch{
  position: relative;
  z-index: 999;
}
.sidebar li:first-child{
  opacity: 1;
  position: absolute;
}

.para-name-sec + #text1{
  display: none;
}
.para-name-sec + #text2{
  display: none;
}
.para-name-sec + #text3{
  display: none;
}


.para-name-sec.active + #text1{
  display: block;
}
.para-name-sec.active + #text2{
  display: block;
}
.para-name-sec.active + #text3{
  display: block;
}
.home-page-sticky-section{
  width: 100%;
  display: flex;
  padding: 50px 0;
  position: relative;
}
.project-prev-next-sec a , .project-prev-next-sec a:hover , .project-prev-next-sec a:focus{
  text-decoration: none;
}
.menu[style="overflow: hidden;"] .social-area-menu{
  display: none!important;
}

.bwtocolor a img:hover {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}

.bwtocolor img {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}




.sticky1 {
  position: sticky;
  /*top: 150px;*/
  top: 0;
  height: 850px;
  overflow: hidden;
}

.sticky2 {
  position: sticky;
  /*top: 137px;*/
  top: 0;
  height: 850px;
  padding-top: 58px;
  overflow: hidden;
}
.sticky3 {
  position: sticky;
  /*top: 81px;*/
  top: 0;
  height: 850px;
  padding-top: 115px;
  overflow: hidden;
}
.sticky-area{
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  top: 0;
}
.user-g-text {
  background: #fff;
  max-width: fit-content;
  border-radius: 10px;
  padding: 12px 20px 10px;
  position: relative;
  left: 80px;
  margin-bottom: 10px;
}
.user-g-text p{
  margin-bottom: 0;
}
.arrows-g {
    width: auto;
    display: inline-block;
    position: relative;
    top: 86px;
    transform: rotate(-40deg);
    left: 15px;
    z-index: 9;
}

#main-page-load{
  display: none;
}
.addfivesccls #main-page-load{
  display: block;
}
.addfivesccls #hideintro{
  display: none;
}


.servicelink{
  max-width: 82px;
  position: relative;
}
.servicelink a{
	text-decoration:none;
	color:#000000;
}
.servicelink:after {
    width: 0;
    height: 1px;
    background: #231F20;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s;
}
.servicelink:hover:after {
    width: 100%;
}
.project-text-area{
  margin-bottom: 80px;
}


.meeting-modal .btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px 6px 15px;
    line-height: 22px;
}


.list-group-item+.list-group-item{
  margin: 0;
}
.sticky-service{
  position: relative;
  width: 100%;
  display: flex;
  padding: 120px 0 0;
}
.sticky-service .list-group{
  position: sticky;
  top: 40px;
  overflow: hidden;
  height: 351px;
}
#list-item-1 .service-panel-text{
  padding-top: 30px;
  margin-top: 0;
}
#list-item-1 .service-panel-number{
  top: 60px;
}


.list-group-item.active , .list-group-item.active1 {
    z-index: -1;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
.list-group-item{
  border:none;
  pointer-events: none;
  padding:0;
  line-height: 0;
  /*position: absolute;
  top: 0;*/
}
.list-group-item img{
  width: 100%;
  height: 352px;
  object-fit: cover;
  opacity: 0.5;
  visibility: visible;
  transition: 0.7s;
  display: none;
  /*position: absolute;
  top: 0;*/
}
.list-group-item.active img , .list-group-item.active1 img{
  display: block;
  opacity: 1;
  visibility: visible;
  height: 352px;
  z-index: 9;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.5s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}


/*.list-group-item:first-child img{
  position: absolute;
  opacity: 1;
  visibility: visible;
  height: 350px;
}*/
.shopify-col-padding li{
  color: #231F20;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
.sticky-service .col-8{
  position: relative;
  z-index: 999;
  margin-top: 0;
}
.about-img-text{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 40px;
}
.about-img-text p {
  color: #231F20;
  font-family: Nomixa;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 20px;
}
.about-img-text h3 , .about-img-text h2 {
  color: #231F20;
  font-family: Nomixa;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 54px;
  margin-bottom: 20px;
  margin: 15px 0 0 0;
}
.about-img-text h2  {
  font-size: 48px;
}
.about-img{
  position: relative;
}
.about-img .about-panel-1 img , .about-img .about-panel-2 img{
  height: auto;
}


.flipstopscroll{
  display: none!important;
}

ul.menu .social-area-menu a{
  padding-left: 0!important;
}









.page-id-1050{
	background: #000;
}
.page-id-1050 .app-area {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 100px 0;
}
.page-id-1050 .app-area h3{
	color: #6AEA80;
    font-family: Nomixa;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    line-height: 54px;
    margin-bottom: 10px;
}
.page-id-1050 .app-area p{
	color: #FFF;
    font-family: Nomixa;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
}
.worked-area{
	width: 100%;
	display: flex;
	padding: 100px 0;
	flex-direction: column;
}
.worked-area h3{
	color: #fff;
    font-family: Nomixa;
    font-size: 48px;
    font-style: normal;
    font-weight: normal;
    line-height: 54px;
    margin-bottom: 100px;
}
.worked-area img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.worked-area h4{
	color: #fff;
    font-family: Nomixa;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    background: transparent;
    border: none;
    padding: 15px 23px;
}
.worked-area h4:before {
    position: absolute;
    left: 0;
    top: 46%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #6AEA80;
    content: '';
    border-radius: 50%;
}
.software-area{
	width: 100%;
	display: flex;
	padding: 100px 0 0;
}
.software-area-left h2 {
    color: #fff;
    font-family: 'Nomixa';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-size: 60px;
    font-style: normal;
    line-height: 72px;
    max-width: 530px;
    margin: 0 0 80px;
}
.software-area-left h2 span {
    color: #6AEA80;
}
.software-area-left a{
    color: #000;
    font-family: Nomixa;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 10px 24px 6px 24px;
    border-radius: 2px;
    background: #6AEA80;
    border: 1px solid #6AEA80;
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
    transition: 0.5s;
    place-self: flex-start;
}
.software-area-left a:hover {
    border: 1px solid #000;
}
.software-area a img {
    position: relative;
    top: -2px;
}
.software-panel{
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 30px 20px;
	min-height: 302px;
	margin-bottom: 30px;
}
.software-panel p{
    color: #000;
    font-family: Nomixa;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
}
.software-panel h4{
	color: #231F20;
    font-family: Nomixa;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
}
.software-panel h4 a{
	color: #231F20;
    text-decoration: underline;
}
.software-img img {
    width: 100px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px;
}

.software-name-area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	margin-bottom: 25px;
}
.software-name{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:20px;
}
.software-area-left{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-id-1050 .relationship-area{
	background: #fff;
	padding: 100px 0;
}
.banner-green-sec1{
	padding: 54px 0;
    background: #6AEA80;
    display: flex;
    width: 100%;
}
.banner-green-sec1 h2{
	line-height: normal;
	margin-bottom: 0;
} 
.banner-green-sec1 a{
  color: #000;
  font-family: Nomixa;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal; /* 171.429% */
  display: flex;
  align-items: center;
  text-decoration: none;
  gap:10px;
  position: relative;
}
.banner-green-sec1 a:after{
  width: 0;
  height: 1px;
  background: #000;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s;
}
.banner-green-sec1 a:hover:after{
  width: 100%;
}
.banner-green-sec1 a img{
  position: relative;
  top: -1px;
}
.banner-green-sec1 .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.landingform label{
	color: #fff;
    font-family: Nomixa;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 10px;
}
.landingform .submitbtn {
    border-radius: 0;
    border: 0.75px solid #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: Nomixa;
    font-size: 14px;
    line-height: 12px;
    font-style: normal;
    background: #6AEA80;
    font-weight: 300;
    padding: 14px 30px 12px;
    width: 100%;
}
.landingform .form-control{
	background: #373737;
	border: none;
	color: #fff;
	padding: 12px 15px 10px;
	border-radius: 0;
	font-size: 14px;
	margin-bottom: 15px;
}
.landingform .form-control::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.landingform .form-control::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}
.landingform .form-control:focus{
	box-shadow: none;
}
.landingform  .textarea{
	resize: none;
}
.landingform .wpcf7-text{
  height: 55px;
}
.landingform .wpcf7-textarea{
  height: 195px;
}
.landingform .wpcf7-submit{
  height: 55px;
}


.landingform .form-control.selectone{
	background: transparent;
	padding: 15px 0;
}


.landingform .form-control.checkboxms{
	background: transparent;
	padding: 15px 0;
}
.landingform p{
	margin-bottom: 0;
}
.landingform .wpcf7-list-item{
	position: relative;
	margin: 0 8px 0 0;
}
.landingform .wpcf7-list-item input{
	opacity: 0;
	position: absolute;
	left: 0;
}
.landingform .wpcf7-list-item-label {
  background: #373737;
  border: none;
  min-width: 230px;
  min-height: 100px;
  color: #fff;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0;
  font-size: 18px;
  margin-bottom: 8px;
}
.landingform input:checked ~ .wpcf7-list-item-label {
  background: #6AEA80;
  color: #000;
}
.landingform .wpcf7-list-item label{
	margin-bottom: 0;
}
.landingform .wpcf7-not-valid-tip{
	margin-top: 14px;
}

.page-id-1050 main {
    z-index: auto;
}
/*.wpcf7-list-item{
  counter-increment: item;
  position: relative;
}
.wpcf7-list-item:after{
  content: counter(item);
  background: #000;
  border: 1px solid #000;
  border-radius: 50%;
  padding-top: 5px;
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20px;
  left: 20px;
}*/


.website-area{
  width: 100%;
  display: flex;
  padding: 60px 0 120px;
  background: #231F20;
  text-align: center;
  overflow: hidden;
}
/*.page-id-1103 header{
  display: none!important;
}*/
.website-area h2{
  font-family: Nomixa;
  font-weight: 500;
  font-size: 72px;
  align-items: center;
  line-height: 70px;
  text-align: center;
  color: #FFFFFF;
  display: inline-flex;
  flex-direction: column;
}
.website-area h2 span{
  font-weight: 800;
  display: inline-flex!important;
  position: relative;
  padding-bottom: 10px;
  width: fit-content;
  margin-top: 14px;
  border-bottom: 12px solid #6AEA80;
}
.text-cycler span{
  font-weight: 800;
  display: inline-flex!important;
  position: relative;
  padding-bottom: 0;
  width: fit-content;
  font-size: 72px;
  line-height: 80px;
  padding-top: 12px;
  color: #fff;
  border-bottom: 12px solid #6AEA80;
}
.text-cycler b{
  padding: 0 20px;
}

.text-cycler {
  text-align: center;
  font-size: 25px;
}

.text-cycler span {
  white-space: nowrap;
  vertical-align: text-bottom ;
}

.c-text {
  display: none;
}
.website-btn{
  width: 100%;
  display: flex;
  margin-top: 40px;
  justify-content: center;
}
.website-btn a{
  color: #000;
  font-family: Nomixa;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  padding: 10px 24px 6px 24px;
  border-radius: 2px;
  background: #6AEA80;
  border: 1px solid #6AEA80;
  display: flex;
  gap: 10px;
  text-decoration: none;
  align-items: center;
  transition: 0.5s;
}
.website-btn a img {
  position: relative;
  top: -2px;
}
.website-btn a:hover {
  border: 1px solid #000;
}
.website-logo-area{
  width: 100%;
  display: flex;
  margin-bottom: 80px;
  justify-content: center;
}
.website-logo-area img{
  filter: brightness(0) saturate(100%) invert(80%) sepia(50%) saturate(474%) hue-rotate(69deg) brightness(93%) contrast(98%);
}
.website-logo-img , .website-logo-img1{
  width: 15%;
  display: flex;
  justify-content: center;
}
.website-logo-img img , .website-logo-img1 img{
  /*width: auto;*/
  object-fit: contain;
  /*filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);*/
}
/*.website-logo-img:last-child img{
  width: 100px;
}*/

.website-logo-area-1 , .website-logo-area-2{
  width: 100%;
  display: flex;
  gap:16px;
  margin-top: 80px;
  justify-content: center;
}
.savetophone{
  color: #000;
  font-family: Nomixa;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  padding: 10px 24px 6px 24px;
  border-radius: 2px;
  background: #6AEA80;
  border: 1px solid #6AEA80;
  display: inline-flex;
  gap: 10px;
  text-decoration: none;
  align-items: center;
  transition: 0.5s;
}
.savetophone img {
  position: relative;
  top: -2px;
}
.savetophone:hover {
  border: 1px solid #000;
}
.website-own-text h3{
  font-family: Nomixa;
  font-weight: 700;
  color: #fff;
  font-size: 22px;
  line-height: 36.57px;
  letter-spacing: -1%;
  margin-bottom: 0;
  text-align: left;
}
.website-own-text p{
  font-family: Nomixa;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  line-height: 13.71px;
  text-align: left;
  letter-spacing: -1%;
  margin-bottom: 0;
}
.mobile-email-area{
  width: 100%;
  display: flex;
  gap: 8px;
  font-family: Nomixa;
  justify-content: flex-start;
  font-weight: 400;
  color: #6AEA80;;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1%;
  margin-top: 25px;
}
.mobile-email-area a{
  color: #fff;
  margin: 0 5px;
  text-decoration: none;
}
.website-own-img{
  width: 154px;
  display: flex;
}
.website-own-img img{
  width: 100%;
  height: 165px;
  border-radius: 9px;
  object-fit: cover;
  border: 1.04px solid #6AEA80
}
.website-own-text-btn{
  text-align: left;
  margin-top: 25px;
}
.website-own-panel{
  width: 100%;
  display: flex;
  gap:20px;
  align-items: center;
}
.website-own-panel-right{
  justify-content: flex-end;
}
.website-own-area{
  margin: 80px auto 0;
  max-width: 1116px;
}
.website-logo-area-1 .owl-dots{
  display: none;
}
.conferencefooter .back-area a{
  font-family: Nomixa;
  font-weight: 800;
  color: #231F20;
  font-size: 14px;
  line-height: 28.34px;
}