.static-site{--color-zinc-950:#09090b;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-weight:500}

.static-site a,
.static-site button,
.static-site .greencolor-lang-flag,
.static-site .greencolor-lang-flag img,
.static-site .btn-green,
.static-site .btn-dark,
.static-site .btn-dark-outline{
  cursor:pointer!important;
}
.static-site,
.static-site body,
.static-site .min-h-screen,
.static-site main{
  background:#ffffff!important;
  background-image:none!important;
  background-attachment:initial!important;
}
.w-16{background: #bef646}
.text-blue-500,.text-green-500,.text-purple-500,.text-orange-500{color:#000}
.static-site main{
  position:relative;
  overflow:visible!important;
  isolation:isolate;
}
.static-site main:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  filter:none;
}

.static-site .bg-dark,
.static-site .bg-dark-secondary
{
  color:#000!important;background: #fff;
}

.static-site footer{
  background:
    linear-gradient(180deg,#78c933 0,#78c933 100%)!important;
  overflow:hidden;
}

.static-site footer > div.py-16{
  position:relative;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(120,201,51,.96) 0,rgba(120,201,51,1) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.static-site footer > div.py-16:before,
.static-site footer > div.py-16:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  filter:blur(10px);
}


.static-site footer > div.border-t{
  position:relative;
  z-index:1;
  background:
    linear-gradient(90deg,#78c933 0,#78c933 100%)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}

.static-site footer > div.border-t p,
.static-site footer > div.border-t a,
.static-site footer > div.border-t span{
  color:#fff!important;
}

.static-site footer > div.border-t p.text-gray-400{
  color:#fff!important;
}

.static-site .bg-\[\#C1FFE3\]{
  background-color:rgba(190,246,70,.98)!important;
  color:#10220b!important;
}

.static-site main .min-h-screen{
  background:transparent!important;
  background-image:none!important;
  overflow:visible!important;
}

.static-site header{
  transition:background-color .25s ease,background .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}

.static-site header.is-scrolled{
  background:linear-gradient(135deg,rgba(243,255,224,.98) 0,rgba(243,255,224,.92) 54%,rgba(255,255,255,.88) 100%)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(190,246,70,.22)!important;
  box-shadow:none!important;
}


.static-site header nav[data-greencolor-nav] .group > div .py-1{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.25rem!important;
  min-width:540px!important;
}

.static-site header nav[data-greencolor-nav] .group > div .py-1 a{
  white-space:nowrap!important;
}

.static-site header nav[data-greencolor-nav] .group > a > svg{
  color:#000!important;
  transform:translateY(1px)!important;
}

.static-site header.is-scrolled nav[data-greencolor-nav] .group > a > svg{
  color:#000!important;
}
.static-site header nav[data-greencolor-nav] .group > div a:hover{
  background:#8fe83b!important;
  color:#090808!important;
}

.static-site header nav[data-greencolor-nav] .group > div a,
.static-site header button.xl1311\:hidden,
.static-site header .greencolor-lang-flag{
  cursor:pointer!important;
}

.static-site header nav[data-greencolor-nav] > a,
.static-site header nav[data-greencolor-nav] > .group > a{
  cursor:pointer!important;
}

.static-site h1.text-4xl.sm\:text-5xl.font-extrabold.mb-4{
  color:#bef646!important;
}

.static-site h2{
  color:#000!important;
}

.static-site header .greencolor-lang-flag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:2.4rem!important;
  height:1.7rem!important;
  padding:.1rem!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:.4rem!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}

.static-site header .greencolor-lang-flag img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.static-site main>section,
.static-site main>section>section,
.static-site main>section>div,
.static-site main>div[id],
.static-site footer{
  position:relative;
  isolation:isolate;
}

.static-site main>section:not(#home){
  background:transparent!important;
}

.static-site main>section:nth-of-type(odd):not(#home){
  background:transparent!important;
  overflow:visible!important;
}


.static-site main>section:nth-of-type(odd):not(#home)>*{
  position:relative;
  z-index:1;
}




.static-site main>section:not(#home):not(:nth-of-type(odd)) h1 span,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h2 span,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h3 span,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h4 span,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h1 .text-green,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h2 .text-green,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h3 .text-green,
.static-site main>section:not(#home):not(:nth-of-type(odd)) h4 .text-green{
  color:#8fcf1f!important;

}






.static-site main>section:not(#home) h2 span.text-green{
  position:relative;
  display:inline-block;
  padding-bottom:.08em;
}

.static-site main>section:not(#home) h2 span.text-green::after{
  content:"";
  position:absolute;
  left:-.1em;
  right:-.1em;
  bottom:-.16em;
  height:.34em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 150' preserveAspectRatio='none' aria-hidden='true'%3E%3Cpath d='M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7' fill='none' stroke='%23d4ff3f' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
pointer-events:none;
  transform:scaleX(0);
  transform-origin:left center;
  animation:gc-title-neon-line .9s cubic-bezier(.22,1,.36,1) .22s forwards;
}

@keyframes gc-title-neon-line{
  to{transform:scaleX(1)}
}

.static-site main>section:first-child:not(#home){
  padding-top:clamp(145px,14vw,185px)!important;
  padding-bottom:clamp(60px,7vw,90px)!important;
  min-height:270px;
  background:#f2f2f2!important;
  overflow:hidden;
}

.static-site main>section:first-child:not(#home) h1,
.static-site main>section:first-child:not(#home) h1 .text-white,
.static-site main>section:first-child:not(#home) h1 .text-gray-900{
  color:#8fcf1f!important;
}

.static-site main>section:first-child:not(#home) h2{
  color:#090808!important;
}





.static-site main>section:first-child:not(#home)>*{
  position:relative;
  z-index:1;
}

.static-site main>section:first-child:not(#home) > .absolute.inset-0{
  background:transparent!important;
}

.static-site main>section:first-child[style*="assets/hero/right.webp"]{
  overflow:visible!important;
}

.static-site main>section:first-child:not(#home)::before,
.static-site main>section:first-child:not(#home)::after{
  z-index:11!important;
}

.static-site main>section:first-child + .min-h-screen.bg-background > .fixed.inset-0.z-0.pointer-events-none{
  display:none!important;
}

.static-site.gc-two-shapes main>section:nth-of-type(-n+2),
.static-site.gc-two-shapes main>div>section:nth-of-type(-n+2),
.static-site.gc-two-shapes main>div>div>section:nth-of-type(-n+2){
  position:relative;
  overflow:visible!important;
}

.static-site.gc-two-shapes main>section:nth-of-type(-n+2)::before,
.static-site.gc-two-shapes main>section:nth-of-type(-n+2)::after,
.static-site.gc-two-shapes main>div>section:nth-of-type(-n+2)::before,
.static-site.gc-two-shapes main>div>section:nth-of-type(-n+2)::after,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(-n+2)::before,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(-n+2)::after{
  z-index:11!important;
}

.static-site.gc-two-shapes main>div>section:nth-of-type(-n+2)::before,
.static-site.gc-two-shapes main>div>section:nth-of-type(-n+2)::after,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(-n+2)::before,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(-n+2)::after{
  content:""!important;
  position:absolute;
  z-index:11!important;
  pointer-events:none;
  opacity:1;
}

.static-site.gc-two-shapes main>div>section:nth-of-type(-n+2)::after,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(-n+2)::after{
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  top:clamp(1rem,6vh,2.5rem);
  width:clamp(12rem,16vw,18rem);
  height:clamp(5rem,8vw,7.25rem);
  border-radius:0;
  background:#bef646;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  transform:translateX(18%) rotate(0deg);
}

.static-site.gc-two-shapes main>div>section:nth-of-type(2n)::before,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(2n)::before{
  border-radius:18px!important;
  transform:rotate(10deg);
  background:#bef646;
}

.static-site.gc-two-shapes main>div>section:nth-of-type(2n)::after,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(2n)::after{
  border-radius:999px;
  clip-path:none;
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  transform:translateX(10%) rotate(-8deg);
  background:#bef646;
}

.static-site.gc-two-shapes main>div>section:nth-of-type(3n)::before,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(3n)::before{
  border-radius:0;
  clip-path:polygon(50% 0,100% 88%,0 88%);
  transform:rotate(-10deg);
  background:#bef646;
}

.static-site.gc-two-shapes main>div>section:nth-of-type(3n)::after,
.static-site.gc-two-shapes main>div>div>section:nth-of-type(3n)::after{
  border-radius:24px;
  clip-path:none;
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  transform:translateX(12%) rotate(8deg);
  width:clamp(11rem,16vw,17rem);
  height:clamp(5rem,8vw,7rem);
  background:#bef646;
}

.static-site.gc-four-shapes main>section:nth-of-type(-n+4),
.static-site.gc-four-shapes main>div>section:nth-of-type(-n+4),
.static-site.gc-four-shapes main>div>div>section:nth-of-type(-n+4){
  position:relative;
  overflow:visible!important;
}

.static-site.gc-four-shapes main>section:nth-of-type(-n+4)::before,
.static-site.gc-four-shapes main>section:nth-of-type(-n+4)::after,
.static-site.gc-four-shapes main>div>section:nth-of-type(-n+4)::before,
.static-site.gc-four-shapes main>div>section:nth-of-type(-n+4)::after,
.static-site.gc-four-shapes main>div>div>section:nth-of-type(-n+4)::before,
.static-site.gc-four-shapes main>div>div>section:nth-of-type(-n+4)::after{
  z-index:11!important;
}

.static-site main>section:nth-of-type(odd):not(#home)::after{
  content:none!important;
}



.static-site main>section:not(#home):nth-of-type(5n):after,
.static-site main>div[id]:nth-of-type(5n):after{
  left:max(1rem,7vw);
  bottom:16%;
  width:clamp(6rem,9vw,10rem);
  height:clamp(6rem,9vw,10rem);
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(190,246,70,.34),rgba(193,255,227,.10)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 1px,transparent 1px 15px);
  transform:rotate(-16deg);
}

.static-site main>div[id]>*{
  position:relative;
  z-index:1;
}

.static-site main>section.py-20.bg-dark.text-gray-900.text-center{
  background:
    radial-gradient(circle at top center,rgba(95,140,38,.24) 0,rgba(44,62,20,.16) 20%,rgba(12,14,12,0) 46%),
    linear-gradient(180deg,#10140f 0,#09090b 58%,#080808 100%)!important;
  text-align:center!important;
}

.static-site main>section.py-20.bg-dark.text-gray-900.text-center .max-w-2xl{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}


.static-site main>section.py-20.bg-dark.text-gray-900.text-center a.btn-dark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:max-content!important;
  padding:1rem 2rem!important;
  border-radius:999px!important;
  background:#bef646!important;
  color:#090808!important;
cursor:pointer!important;
}

.static-site main>section.py-20.bg-dark.text-gray-900.text-center a.btn-dark:hover{
  background:#000!important;
  color:#fff!important;
}

.static-site #about .shadow-xl,
.static-site img[src*="why-choose-creative-studio"]{
border:0!important;
  outline:0!important;
}

@media(max-width:767px){
  .static-site main>section#about>.py-20{
    padding-top:0!important;
  }
}

.static-site .rounded-2xl,
.static-site .rounded-xl,
.static-site .rounded-lg{
  border-radius:16px;
}

.static-site .bg-gray-800{
  background-color:#151815!important;
}

.static-site .bg-gray-200{
  background-color:#111!important;
}





.static-site footer details a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
}



.static-site input,
.static-site select,
.static-site textarea{
  color:#090808!important;
  background:#ffffff!important;
}

.static-site input::placeholder,
.static-site textarea::placeholder{
  color:#516247!important;
}

.static-site .btn-green{
  background:#bef646!important;
  color:#090808!important;
  border:0!important;
  border-radius:999px!important;
min-width:max-content;
  white-space:nowrap;
  cursor:pointer!important;
}

.static-site .btn-dark{
  background:#111!important;
  color:#d7ddd7!important;
  cursor:pointer!important;
}

.static-site .btn-dark-outline,
.static-site button,
.static-site [type="button"],
.static-site [type="submit"],
.static-site [type="reset"]{
  cursor:pointer!important;
}

.static-site .btn-dark-outline{
  border:none!important;
}

.static-site .btn-green:hover,
.static-site .btn-dark:hover,
.static-site .btn-dark-outline:hover,
.static-site button:hover,
.static-site [type="button"]:hover,
.static-site [type="submit"]:hover,
.static-site [type="reset"]:hover,
.static-site form a.btn-green:hover,
.static-site form a.btn-dark:hover,
.static-site form a.btn-dark-outline:hover{
  background:#000!important;
  color:#fff!important;
  border-color:#000!important;
}





.static-site .absolute.\-bottom-8.bg-dark{
  background:linear-gradient(180deg,#171917,#0b0c0b)!important;
  border-color:rgba(255,255,255,.10)!important;
}

.gc-reviews-contact{
  position:relative;
  overflow:hidden;
}

.gc-reviews-contact__head{
  max-width:820px;
  margin:0 0 42px;
}

.gc-reviews-contact__layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.82fr);
  gap:28px;
  align-items:stretch;
}

.gc-reviews-contact__reviews{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.gc-reviews-marquee{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  height:680px;
  overflow:hidden;
  isolation:isolate;
}

.gc-reviews-marquee::before,
.gc-reviews-marquee::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:3;
  height:110px;
  pointer-events:none;
}

.gc-reviews-marquee::before{
  top:0;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,0));
}

.gc-reviews-marquee::after{
  bottom:0;
  background:linear-gradient(0deg,#fff,rgba(255,255,255,0));
}

.gc-reviews-marquee:hover .gc-reviews-marquee__track,
.gc-reviews-marquee.is-paused .gc-reviews-marquee__track{
  animation-play-state:paused;
}

.gc-reviews-marquee__column{
  min-width:0;
  overflow:hidden;
}

.gc-reviews-marquee__track{
  display:grid;
  gap:18px;
  will-change:transform;
  animation:gc-reviews-up 48s linear infinite;
}

.gc-reviews-marquee__column--down .gc-reviews-marquee__track{
  animation-name:gc-reviews-down;
}

.gc-reviews-marquee .gc-review-tile{
  min-height:230px;
}

.gc-review-tile__empty{
  color:#cbd5cb;
  font-size:16px;
  line-height:1.65;
}

@keyframes gc-reviews-up{
  from{transform:translateY(0)}
  to{transform:translateY(-50%)}
}

@keyframes gc-reviews-down{
  from{transform:translateY(-50%)}
  to{transform:translateY(0)}
}

@media (prefers-reduced-motion:reduce){
  .gc-reviews-marquee{
    height:auto;
    overflow:visible;
  }

  .gc-reviews-marquee__track{
    animation:none;
  }
}
.bg-dar{background: #f9f9f9;border:none !important}
.gc-review-tile{
  min-height:100%;
  padding:24px;
  border-radius:16px;
  background:#f2f2f2;
  border:none;
}

.gc-review-tile__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
}

.gc-review-tile__badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(190,246,70,1);
  color:#000;
  font-size:12px;
  font-weight:800;
}

.gc-review-tile__stars{
  color:#9fd92f;
  font-size:15px;
  letter-spacing:0;
  white-space:nowrap;
}

.gc-review-tile blockquote{
  margin:0;
  color:#000;
  font-size:17px;
  line-height:1.65;
  font-weight:650;
}

.gc-review-tile__author{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-top:22px;
  padding-left:34px;
  min-height:28px;
}

.gc-review-tile__author::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#f9f9f9;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234285F4' d='M44.5 20H24v8.5h11.8C34.7 34 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 3.2l6-6C34.5 4.9 29.6 3 24 3 12.4 3 3 12.4 3 24s9.4 21 21 21c10.5 0 20-7.6 20-21 0-1.4-.2-2.7-.5-4Z'/%3E%3Cpath fill='%2334A853' d='M6.1 14.1l7 5.1C15 14.4 19.2 11 24 11c3.1 0 5.9 1.1 8.1 3.2l6-6C34.5 4.9 29.6 3 24 3 16.1 3 9.2 7.5 6.1 14.1Z'/%3E%3Cpath fill='%23FBBC05' d='M24 45c5.7 0 10.5-1.9 14-5.2l-6.5-5.4C29.5 36.1 27 37 24 37c-6 0-11-3.9-12.7-9.2l-7.1 5.5C7.2 40.2 14.1 45 24 45Z'/%3E%3Cpath fill='%23EA4335' d='M11.3 27.8A13 13 0 0 1 11 24c0-1.3.2-2.6.6-3.8l-7.1-5.5A20.9 20.9 0 0 0 3 24c0 3.4.8 6.6 2.2 9.4l6.1-5.6Z'/%3E%3C/svg%3E");
  background-size:18px 18px;
  background-position:center;
  background-repeat:no-repeat;
}

.gc-review-tile__author span{
  color:#333;
  font-weight:800;
}

.gc-review-tile__author small{
  color:#333;
  font-size:13px;
}

.gc-contact-panel{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:30px;
  border-radius:16px;
  background:#f2f2f2;
  border:none;
  color:#090808;
}

.gc-contact-panel__label{
  width:max-content;
  margin-bottom:18px;
  padding:7px 12px;
  border-radius:999px;
  background:#090808;
  color:#bef646;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.gc-contact-panel h3{
  margin:0 0 12px;
  color:#090808;
  font-size:30px;
  line-height:1.12;
  font-weight:900;
}

.gc-contact-panel p{
  margin:0 0 24px;
  color:rgba(9,8,8,.72);
  line-height:1.65;
  font-weight:650;
}

.gc-contact-panel__list{
  display:grid;
  gap:12px;
  margin-top:auto;
}

.gc-contact-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:15px;
  border-radius:14px;
  background:#fff;
  color:#090808;
  text-decoration:none;
}

.gc-contact-row:hover{
  background:#fff;
}

.gc-contact-row__icon{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#090808;
  color:#bef646;
}

.gc-contact-row__icon svg{
  width:20px;
  height:20px;
  fill:currentColor;
}

.gc-contact-row span:last-child{
  display:grid;
  gap:3px;
}

.gc-contact-row strong{
  color:#090808;
  font-size:15px;
  line-height:1.2;
}

.gc-contact-row em{
  color:rgba(9,8,8,.74);
  font-style:normal;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.gc-contact-panel__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:20px;
  padding:13px 20px;
  border-radius:999px;
  background:#090808;
  color:#bef646;
  font-weight:900;
  text-decoration:none;
}

.gc-contact-panel__button:hover{
  background:#fff;
  color:#090808;
}

@media (max-width:1100px){
  .gc-reviews-contact__layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .gc-reviews-contact__reviews,
  .gc-reviews-marquee{
    grid-template-columns:1fr;
  }

  .gc-reviews-marquee{
    height:620px;
  }

  .gc-reviews-marquee__column--down{
    display:none;
  }

  .gc-contact-panel,
  .gc-review-tile{
    padding:22px;
  }

  .gc-contact-panel h3{
    font-size:26px;
  }
}

.gc-int-services{
  position:relative;
  overflow:hidden;
}

.gc-int-service-grid{
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  gap:24px;
}

.gc-int-service-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:100%;
  overflow:visible;
  border-radius:16px;
  background-color:#f2f2f2;
  text-decoration:none;
  transition:transform .28s ease,background-color .28s ease;
}




.gc-int-service-card:hover{
  transform:translateY(-7px);
  background-color:#bef646;
  background-image:none;
}

.gc-int-service-card--support{
  display:none;
}

.gc-int-service-card__image{
  height:92px;
  overflow:visible;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:24px 24px 16px;
  color:#090808;
}

.gc-int-service-card__image img{
  display:none;
}

.gc-int-service-card__image svg{
  display:flex;
  width:52px;
  height:52px;
  padding:14px;
  border-radius:14px;
  background:#bef646;
  color:#090808;
  fill:currentColor;
transition:transform .3s ease,background-color .3s ease,color .3s ease;
}

.gc-int-service-card:hover .gc-int-service-card__image svg{
  transform:translateY(-2px) rotate(-4deg);
  background:#fff;
  color:#090808;
}

.gc-int-service-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:10px 24px 24px;
}

.gc-int-service-card__body h3{
  margin:0 0 12px;
  color:#10220b;
  font-size:21px;
  font-weight:800;
  line-height:1.18;
  letter-spacing:0;
}

.gc-int-service-card__body p{
  margin:0 0 20px;
  color:#516247;
  font-size:15px;
  line-height:1.6;
}

.gc-int-service-card__body ul{
  display:grid;
  gap:8px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}

.gc-int-service-card__body li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#516247;
  font-size:14px;
  line-height:1.35;
}

.gc-int-service-card__body li span{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:999px;
  background:#bef646;
}


.gc-int-service-card:hover .gc-int-service-card__body li span{
  background:#090808;
}

.gc-int-service-card__more{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  color:#090808;
  font-size:14px;
  font-weight:800;
  text-transform:none;
}

.gc-int-service-card__more span{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:999px;
  background:#bef646;
  color:#090808;
  font-size:17px;
  line-height:1;
  transition:transform .25s ease,background-color .25s ease;
}

.gc-int-service-card:hover .gc-int-service-card__more span{
  transform:rotate(45deg);
  background:#fff;
}

.gc-int-service-grid > .gc-int-service-card:first-child{
  position:relative;
  transform:translateY(-7px);
  background-color:#bef646;
  background-image:none;
}

.gc-int-service-grid > .gc-int-service-card:first-child::before{
  content:"Beliebt";
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  background:#bef646;
  color:#090808;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(9,8,8,.12);
}

.gc-int-service-grid > .gc-int-service-card:first-child .gc-int-service-card__image svg{
  transform:translateY(-2px) rotate(-4deg);
  background:#fff;
}




.gc-int-service-grid > .gc-int-service-card:first-child .gc-int-service-card__more span{
  transform:rotate(45deg);
  background:#fff;
}

@media(min-width:768px){
  .gc-int-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(min-width:1024px) and (max-width:1700px){
  .gc-int-service-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .gc-int-service-card--support{
    display:flex;
  }
}

@media(min-width:1701px){
  .gc-int-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .gc-int-service-card__body{
    padding:22px;
  }
}
.static-site .font-normal,.static-site p,.static-site li{font-weight:500}
.static-site .font-medium{font-weight:600}
.static-site img{height:auto}
.static-site img[loading="lazy"]{content-visibility:auto}
.static-site header{transform:none!important}
@media(min-width:1311px){.static-site header button.lg\:hidden{display:none!important}}
.static-site .portfolio-scroll-frame > .absolute.inset-0.flex.items-center.justify-center{display:none!important}
.static-site img[src*="Sarah%20Johnson"],.static-site img[src*="David%20Kim"],.static-site img[src*="Emily%20Rodriguez"],.static-site img[src*="Mike%20Chen"]{object-position:top!important}
.static-site [style*="opacity: 0"],.static-site [style*="opacity:0"]{opacity:1!important;transform:none!important}
.static-site nav[data-greencolor-nav] .group:hover>div{opacity:1!important;visibility:visible!important;transform:none!important}
.static-site header nav[data-greencolor-nav]>:not(:last-child){margin-inline-end:1rem!important}
.static-site header nav[data-greencolor-nav] .greencolor-lang-flag:not(:last-child){margin-inline-end:.35rem!important}
.static-site footer{position:relative;z-index:10}
.greencolor-lang-flag + .greencolor-lang-flag{margin-left:.35rem}
.greencolor-legal-footer{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.static-site .greencolor-legal-footer button{
  background:transparent;
  border:0;
  color:#fff;
  font:inherit;
  font-size:.95rem;
  padding:0;
  cursor:pointer;
  transition:opacity .2s ease,color .2s ease;
}
.static-site .greencolor-legal-footer button:hover{
  background:transparent!important;
  color:#fff;
  opacity:.8;
}
.greencolor-legal-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(0,0,0,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.greencolor-legal-modal.is-open{display:flex}
.greencolor-legal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem;border-bottom:1px solid rgba(190,246,70,.14);background:linear-gradient(135deg,rgba(193,255,227,.18),rgba(255,255,255,.96) 52%,rgba(190,246,70,.08))}
.greencolor-legal-kicker{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.5rem;color:#000;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.greencolor-legal-title{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:800;line-height:1.05;margin:0}
.greencolor-legal-close{width:2.75rem;height:2.75rem;border-radius:999px;border:0;background:#dcfce7;color:#111;display:flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex:0 0 auto}
.greencolor-legal-close:hover{background:#bef646;transform:rotate(90deg)}
.greencolor-legal-body{max-height:calc(min(86vh,860px) - 105px);overflow:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#c1ffe3 #202020}
.greencolor-legal-body::-webkit-scrollbar{width:.75rem}
.greencolor-legal-body::-webkit-scrollbar-track{background:#202020;border-radius:999px}
.greencolor-legal-body::-webkit-scrollbar-thumb{background:#dcfce7;border-radius:999px;border:2px solid #202020}
.greencolor-legal-content{display:grid;gap:1rem;color:#d1d5db;line-height:1.7}
.greencolor-legal-content h3{color:#090808;font-size:1.15rem;font-weight:800;margin:.5rem 0 0}
.greencolor-legal-content p{margin:0;color:#000}
.greencolor-legal-content ul{margin:0;padding-left:1.2rem}
.greencolor-legal-card{border:1px solid rgba(190,246,70,.18);background:#ffffff;border-radius:1rem;padding:1rem}
.greencolor-legal-card strong{color:#090808}
.portfolio-scroll-frame{height:16rem;background:#f2f2f2!important;overflow:hidden}
.portfolio-scroll-frame .p-6{background:#f2f2f2!important}
.portfolio-scroll-frame .project-scroll-image{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transform:translateY(0);transition:transform 9s linear;will-change:transform}
.group:hover .portfolio-scroll-frame .project-scroll-image{transform:translateY(calc(-100% + 16rem))}

#portfolio .group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500 .p-6{
  background:#f2f2f2!important;
}

#portfolio .grid.lg div.group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500{
  background:#f2f2f2!important;
  border:none!important;
}


#portfolio .grid.lg\:grid-cols-3.gap-8{
  gap:.75rem!important;
}

.static-site #portfolio .grid.lg\:grid-cols-3.gap-8 > a,
.static-site #portfolio .grid.md\:grid-cols-2.lg\:grid-cols-3.gap-8 > a{
  display:flex;
  height:100%;
}

.static-site #portfolio .grid.lg\:grid-cols-3.gap-8 > a > div.group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500,
.static-site #portfolio .grid.md\:grid-cols-2.lg\:grid-cols-3.gap-8 > a > div.group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  background:#f2f2f2!important;
  border:none!important;
}

.static-site #portfolio .grid.lg\:grid-cols-3.gap-8 > a > div.group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500 .p-6,
.static-site #portfolio .grid.md\:grid-cols-2.lg\:grid-cols-3.gap-8 > a > div.group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500 .p-6{
  display:flex;
  flex-direction:column;
  flex:1;
  background:#f2f2f2!important;
}

.static-site #portfolio .rounded-full,
.static-site #portfolio .inline-flex.rounded-full,
.static-site #portfolio .inline-flex.items-center.rounded-full,
.static-site #portfolio .px-3.py-1.rounded-full,
.static-site #portfolio .px-4.py-2.rounded-full{
  background:#bef646!important;
  color:#090808!important;
  border:none!important;
}

#team .grid.md\:grid-cols-2.lg\:grid-cols-4 > .group{
  background:#f2f2f2!important;
  border:1px solid rgba(190,246,70,.98)!important;
}

#team .grid.md\:grid-cols-2.lg\:grid-cols-4 > .group:first-child{
  background:#f2f2f2!important;
}

#team .grid.md\:grid-cols-2.lg\:grid-cols-4 > .group:nth-child(2n){
  background:#f2f2f2!important;
}

#team .grid.md\:grid-cols-2.lg\:grid-cols-4 > .group:nth-child(3n){
  background:#f2f2f2!important;
}

#team .grid.md\:grid-cols-2.lg\:grid-cols-4 > .group:nth-child(4n){
  background:#f2f2f2!important;
}

#team .grid.md\:grid-cols-2.lg\:grid-cols-4 > .group .p-6{
  background:transparent!important;
}

.static-site .grid.md\:grid-cols-2.lg\:grid-cols-3.gap-8 > .bg-dark.p-8.rounded-xl{
  background:#f2f2f2!important;
}

.static-site .grid.md\:grid-cols-2.lg\:grid-cols-3.gap-8 > .bg-dark.p-8.rounded-xl > *{
  border-color:#bef646!important;
}

.static-site .gc-about-feature-card{
  background:#f2f2f2!important;
  border:0!important;
}

@media(max-width:1310px){
  .static-site header .xl1311\:hidden{
    margin-left:0!important;
    margin-right:0!important;
    flex:0 0 auto;
    position:relative;
    z-index:60;
  }
}

@media(max-width:640px){
  .portfolio-scroll-frame{
    height:auto;
    min-height:230px;
    aspect-ratio:3/4;
  }
  .portfolio-scroll-frame .project-scroll-image{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:top center;
    transform:none!important;
    transition:none;
  }
  .group:hover .portfolio-scroll-frame .project-scroll-image{
    transform:none!important;
  }
}
.static-site #client > section{padding-bottom:5rem!important}
.greencolor-logo-slider{position:relative;width:100%;overflow:hidden}
.greencolor-logo-slider:before,.greencolor-logo-slider:after{display:none!important;content:none!important}
.greencolor-logo-track{display:flex;width:max-content;    padding-top: 68px;gap:1.25rem;animation:greencolor-logo-marquee 34s linear infinite}
.greencolor-logo-slider:hover .greencolor-logo-track{animation-play-state:paused}
.greencolor-client-logo{width:180px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background: #f2f2f2; padding:1.25rem;flex:0 0 auto}
.greencolor-client-logo img{max-width:100%;max-height:100%;object-fit:contain;opacity:.82;transition:none}
.greencolor-client-logo:hover img{filter:none;opacity:1;transform:none}
@keyframes greencolor-logo-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:640px){.greencolor-client-logo{width:140px;height:78px;padding:1rem}.greencolor-logo-track{gap:.85rem;animation-duration:24s}}
.static-site select option{color:#000;background:#fff}
@media(min-width:1700px){:root{--font-size:17px}}
.greencolor-form-status{display:none;margin-top:1rem;padding:1rem 1.1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);background:#101010;color:#d1d5db;font-weight:600;line-height:1.5}
.greencolor-form-status.is-pending{display:block;border-color:rgba(193,255,227,.35);background:rgba(193,255,227,.08);color:#d1d5db}
.greencolor-form-status.is-success{display:block;border-color:rgba(190,246,70,.45);background:rgba(190,246,70,.10);color:#c1ffe3}
.greencolor-form-status.is-error{display:block;border-color:rgba(248,113,113,.55);background:rgba(248,113,113,.12);color:#fecaca}
.greencolor-rotis-hero{background:radial-gradient(circle at top center,rgba(190,246,70,.68) 0,rgba(190,246,70,.36) 24%,rgba(190,246,70,.16) 52%,rgba(190,246,70,0) 74%),linear-gradient(180deg,#a7eb52 0,#72b92f 100%);color:#fff;display:flex;align-items:stretch;justify-content:center;position:relative}
.greencolor-rotis-hero:before,
.greencolor-rotis-hero:after,
.greencolor-rotis-slide:before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:1;
  opacity:.72;
  background:rgba(255,255,255,.95);
}
.greencolor-rotis-hero:before{
  width:clamp(3rem,4vw,5rem);
  height:clamp(3rem,4vw,5rem);
  top:clamp(5rem,10vh,10rem);
  left:clamp(1rem,4vw,4rem);
  border-radius:.5rem;
  transform:rotate(10deg);
}
.greencolor-rotis-hero:after{
  width:clamp(5rem,7vw,9rem);
  height:clamp(1.1rem,1.6vw,1.8rem);
  bottom:clamp(2rem,6vh,4rem);
  left:clamp(42%,48vw,54%);
  border-radius:999px;
  transform:rotate(-8deg);
}
.greencolor-rotis-slide:before{
  width:clamp(2.5rem,3.5vw,4.25rem);
  height:clamp(2.5rem,3.5vw,4.25rem);
  right:clamp(10rem,14vw,18rem);
  top:clamp(4rem,9vh,9rem);
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.greencolor-rotis-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,4.25fr) minmax(0,5.75fr);grid-template-areas:"copy media";align-items:stretch;background:radial-gradient(circle at top center,rgba(190,246,70,.68) 0,rgba(190,246,70,.36) 24%,rgba(190,246,70,.16) 52%,rgba(190,246,70,0) 74%),linear-gradient(180deg,#a7eb52 0,#72b92f 100%)}
.greencolor-rotis-media{
  display:flex;
  grid-area:media;
  align-items:flex-end;
  justify-content:flex-end;
  overflow:hidden;
  padding:0 clamp(1rem,3vw,2rem) 0 clamp(0.75rem,2vw,1.25rem);
}
.greencolor-rotis-media img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  object-position:right bottom;
  pointer-events:none;
  margin:0 0 0 auto;
}
.greencolor-rotis-slide:after{display:none;content:none}
.greencolor-rotis-copy{position:relative;z-index:2;grid-area:copy;align-self:center;width:min(100%,50rem);margin-left:clamp(1rem,3vw,32px);margin-right:auto;padding:0 clamp(1rem,2.5vw,2rem) 0 0;box-sizing:border-box;text-align:left;text-shadow:0 2px 18px rgba(0,0,0,.46)}
.greencolor-rotis-copy *{color:#090808!important}
.greencolor-rotis-copy span{display:inline-block;font-weight: bolder;}
.greencolor-rotis-copy h1,.greencolor-rotis-copy h2{font-size:clamp(1.85rem,3.25vw,3.35rem);line-height:1.02;font-weight:900;margin:0 0 1.2rem;}
.greencolor-rotis-copy p{font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55;color:#fff;margin:0 0 1.7rem}
.greencolor-rotis-copy div{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem}
#home .greencolor-rotis-copy > h1,
#home .greencolor-rotis-copy > h1 *{
 color:#fff!important
}
@media(min-width:640px){.greencolor-rotis-copy{width:min(100%,50rem);padding-right:clamp(1.5rem,2.5vw,2.5rem);margin-left:clamp(1rem,2.5vw,24px)}}
@media(min-width:1024px){.greencolor-rotis-copy{width:min(100%,50rem);padding-right:clamp(2rem,3vw,3rem);margin-left:clamp(0.5rem,2vw,20px)}}
@media(max-width:1780px) and (min-width:1024px){.greencolor-rotis-copy{margin-left:20px}}
@media(min-width:1780px){.greencolor-rotis-copy{margin-left:140px}}
@media(min-width:2200px){.greencolor-rotis-copy{margin-left:380px}}
@media(max-width:1400px) and (min-width:1024px){.greencolor-rotis-copy h1,.greencolor-rotis-copy h2{font-size:clamp(1.65rem,2.3vw,2.55rem)}}
.greencolor-hero-metrics{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:.9rem;
  margin:0 0 1.7rem;
}
.greencolor-hero-metric{
  min-width:8.5rem;
  padding:.95rem 1rem;
  border:none;
  border-radius:1rem;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.25rem;
}
.greencolor-hero-metric strong{
  color:#090808;
  font-size:1.55rem;
  line-height:1;
  font-weight:900;
}
.greencolor-hero-metric span{
  margin:0;
  font-size:.92rem;
  color:#090808;
  font-weight:600;
}


@media(max-width:767px){
  .greencolor-rotis-hero{
    height:96vh!important;
    min-height:96vh!important;
    overflow:hidden;
  }

  .greencolor-rotis-hero:before{
    top:clamp(20rem,52vh,30rem)!important;
  }

  .greencolor-rotis-slide{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .greencolor-rotis-media{
    position:relative!important;
    order:2;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:0rem!important;
    padding:0!important;
    align-self:stretch!important;
    z-index:3!important;
  }

  .greencolor-rotis-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }

  .greencolor-rotis-copy{
    order:1;
    width:calc(100% - 40px)!important;
    padding:clamp(9rem,28vh,11.5rem) 20px 1rem!important;
    margin-left:0!important;
  }

  .greencolor-rotis-copy > span,
  .greencolor-rotis-copy > h1,
  .greencolor-rotis-copy > h2,
  .greencolor-rotis-copy > p{
    color:#000!important;
  }

  .greencolor-rotis-copy > h1 span,
  .greencolor-rotis-copy > h2 span{
    color:#000!important;
  }

  .greencolor-rotis-copy h1,
  .greencolor-rotis-copy h2{
    font-size:clamp(1.55rem,7vw,1.9rem);
  }

  .greencolor-rotis-copy p{
    font-size:1rem;
    max-width:34rem;
  }

  .greencolor-hero-metrics{
    display:none!important;
  }

  .greencolor-hero-metric{
    min-width:0;
  }

  .greencolor-rotis-copy div{
    gap:.7rem;
  }

  .greencolor-review-dots,.greencolor-review-prev,.greencolor-review-next{
    display:none!important
  }

  .gc-scroll-reveal,
  .gc-scroll-reveal.is-visible,
  .greencolor-rotis-copy > span,
  .greencolor-rotis-copy > h1,
  .greencolor-rotis-copy > h2,
  .greencolor-rotis-copy > p,
  .greencolor-rotis-copy > div,
  .greencolor-logo-track,
  .project-scroll-image{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
}
.bg-\[\#171717\]\/90{background-color:#171717e6}
.static-site nav .group > div{min-width:18rem}
.static-site nav .group > div:before{
  content:"";
  position:absolute;
  top:-1em;
  left:1.15rem;
  width:1rem;
  height:1rem;
  background:#bef646;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  z-index:2;
}
@media(min-width:1311px){
  .static-site header nav[data-greencolor-nav] .group:after{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:.75rem;
    display:block;
  }
  .static-site header nav[data-greencolor-nav] .group>div{
    z-index:60;
  }
}
.static-site main .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8{padding-top:50px}
#pricing{
  scroll-margin-top:60px;
  background:#fff!important;
}

@media (min-width:1700px){
    .static-site .max-w-7xl{max-width:1450px!important}
}
@media (min-width:1700px) and (max-width:2280px){
    .greencolor-rotis-copy h1,.greencolor-rotis-copy h2{font-size:clamp(1.85rem,2.55vw,2.95rem)}
}
@media(max-width:1310px){
  .static-site header > div > div{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    position:relative!important;
  }
  .static-site header nav[data-greencolor-nav]{display:none!important}
  .static-site header.is-open nav[data-greencolor-nav]{
    display:flex!important;
    order:3!important;
    flex-basis:100%!important;
    width:100%!important;
    margin-top:.85rem!important;
    padding:1rem 1rem 1.1rem!important;
    border-radius:1.25rem!important;
    background:#fff!important;
    border:1px solid rgba(190,246,70,.35)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.12)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.25rem!important;
  }
  .static-site header button.lg\:hidden{display:flex!important}
  .static-site header .hidden.lg\:flex,.static-site header .hidden.lg\:block{display:none!important}
  .static-site .xl1311\:flex,.static-site .xl1311\:block{display:none!important}
  .static-site .xl1311\:hidden{display:flex!important}
  .static-site header button.xl1311\:hidden{
    width:3rem!important;
    height:3rem!important;
    border-radius:999px!important;
    border:2px solid #bef646!important;
    background:#fff!important;
    color:#111!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer;
    transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .static-site header button.xl1311\:hidden:hover,
  .static-site header.is-open button.xl1311\:hidden{
    background:#fff!important;
    border-color:#c1ffe3!important;
    transform:translateY(-1px);
  }
  .static-site header button.xl1311\:hidden>div{
    width:1.45rem!important;
    height:1.08rem!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:0!important;
  }
  .static-site header button.xl1311\:hidden>div>div{
    width:100%!important;
    height:3px!important;
    border-radius:999px!important;
    background:#111!important;
    opacity:1!important;
    transition:transform .25s ease,opacity .2s ease,background-color .25s ease;
  }
  .static-site header.is-open button.xl1311\:hidden>div>div:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .static-site header.is-open button.xl1311\:hidden>div>div:nth-child(2){opacity:0!important}
  .static-site header.is-open button.xl1311\:hidden>div>div:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .static-site header.is-open nav[data-greencolor-nav]{
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:.35rem!important;
  }
  .static-site header.is-open nav[data-greencolor-nav]>.group,
  .static-site header.is-open nav[data-greencolor-nav]>a:not(.greencolor-lang-flag){
    width:100%!important;
  }
  .static-site header nav[data-greencolor-nav] > a,
  .static-site header nav[data-greencolor-nav] > .group > a,
  .static-site header nav[data-greencolor-nav] > .greencolor-lang-flag{
    width:100%!important;
    padding:.8rem 1rem!important;
    border-radius:.95rem!important;
    background:transparent!important;
    justify-content:flex-start!important;
    color:#000!important;
  }

  .static-site header.is-open nav[data-greencolor-nav]>.greencolor-lang-flag{
    order:20;
    width:100%!important;
    height:auto!important;
    margin:.15rem 0 0!important;
    padding:.8rem 1rem!important;
    border:1px solid rgba(190,246,70,.22)!important;
    box-shadow:none!important;
    border-radius:.95rem!important;
    background:rgba(255,255,255,.04)!important;
  }
  .static-site header.is-open nav[data-greencolor-nav]>.greencolor-lang-flag img{
    width:2rem!important;
    height:1.35rem!important;
  }
}
@media(max-width:1310px){
  .static-site header nav[data-greencolor-nav] .group>a{width:100%!important}
  .static-site header nav[data-greencolor-nav] .greencolor-mobile-subtoggle{display:inline-flex!important}
  .static-site header nav[data-greencolor-nav] .group>div{
    display:none!important;
    position:static!important;
    width:100%!important;
    margin:.4rem 0 0!important;
    border-radius:.95rem!important;
    background:#fff!important;
    box-shadow:none!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    padding:.25rem 0!important;
  }
  .static-site header nav[data-greencolor-nav] .group>div .py-1{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
  }
  .static-site header nav[data-greencolor-nav] .group>div .py-1 a{
    width:100%!important;
  }
  .static-site header nav[data-greencolor-nav] .group > a > svg{
    color:#fff!important;
  }
  .static-site header nav[data-greencolor-nav] .group.is-sub-open>div{
    display:block!important;
    background:#fff!important;
    border:0!important;
  }
  .static-site header nav[data-greencolor-nav] .group>div:before{
    display:none!important;
  }
  .static-site header nav[data-greencolor-nav] .group>div a{
    color:#000!important;
    background:#fff!important;
    padding:.72rem 1rem!important;
    display:block!important;
    width:100%!important;
  }

  .static-site header nav[data-greencolor-nav] .group>div a:hover,
  .static-site header nav[data-greencolor-nav] .group>div a:hover *{
    color:#000!important;
    box-shadow:none!important;
    outline:none!important;
  }

  .static-site header nav[data-greencolor-nav] .group>div a:before{
    content:"- "!important;
    color:#000!important;
    font-weight:800!important;
    margin-right:.35rem!important;
  }
}

@media(min-width:1311px){
  .static-site header nav[data-greencolor-nav]{display:flex!important}
  .static-site header button.lg\:hidden{display:none!important}
  .static-site .xl1311\:flex{display:flex!important}
  .static-site .xl1311\:block{display:block!important}
  .static-site .xl1311\:hidden{display:none!important}
}

.greencolor-review-dots{
  display:none!important;
}

/* Final scroll-nav override */
.static-site header.is-scrolled nav[data-greencolor-nav] > a,
.static-site header.is-scrolled nav[data-greencolor-nav] > .group > a,
.static-site header.is-scrolled nav[data-greencolor-nav] > .group > a *,
.static-site header.is-scrolled nav[data-greencolor-nav] > .group > div a,
.static-site header.is-scrolled nav[data-greencolor-nav] .greencolor-mobile-subtoggle,
.static-site header.is-scrolled nav[data-greencolor-nav] .greencolor-lang-flag{
  color:#090808!important;
}


.static-site.is-scrolled header nav[data-greencolor-nav] *,
.static-site.is-scrolled header nav[data-greencolor-nav] a{
  color:#090808!important;
}



@media(max-width:1310px){
  .static-site header.is-scrolled nav[data-greencolor-nav] > a,
  .static-site header.is-scrolled nav[data-greencolor-nav] > .group > a,
  .static-site header.is-scrolled nav[data-greencolor-nav] > .group > a *,
  .static-site header.is-scrolled nav[data-greencolor-nav] > .group > div a,
  .static-site header.is-scrolled nav[data-greencolor-nav] > .group > div a *,
  .static-site header.is-scrolled nav[data-greencolor-nav] .greencolor-mobile-subtoggle,
  .static-site header.is-scrolled nav[data-greencolor-nav] .greencolor-lang-flag,
  .static-site.is-scrolled header nav[data-greencolor-nav] > a,
  .static-site.is-scrolled header nav[data-greencolor-nav] > .group > a,
  .static-site.is-scrolled header nav[data-greencolor-nav] > .group > a *,
  .static-site.is-scrolled header nav[data-greencolor-nav] > .group > div a,
  .static-site.is-scrolled header nav[data-greencolor-nav] > .group > div a *,
  .static-site.is-scrolled header nav[data-greencolor-nav] .greencolor-mobile-subtoggle,
  .static-site.is-scrolled header nav[data-greencolor-nav] .greencolor-lang-flag{
    color:#000!important;
    fill:#000!important;
    stroke:#000!important;
  }

}

.static-site footer a[aria-label="Instagram"],
.static-site footer a[title="Instagram"]{
  background:#833ab4!important;
  color:#fff!important;
}



.static-site footer a[aria-label="Facebook"],
.static-site footer a[title="Facebook"]{
  background:#1877f2!important;
  color:#fff!important;
}

.static-site footer a[aria-label="Pinterest"],
.static-site footer a[title="Pinterest"]{
  background:#e60023!important;
  color:#fff!important;
}

.static-site footer a[aria-label="X"],
.static-site footer a[title="X"]{
  background:#000!important;
  color:#fff!important;
}

.static-site footer a[aria-label="WhatsApp"],
.static-site footer a[title="WhatsApp"]{
  background:#25d366!important;
  color:#fff!important;
}



.static-site [data-slot="card"] .text-gray-500{
  color:#b8c0cc!important;
}
h1 span{color:#bef646;font-weight: bolder}

.static-site a[href*="instagram.com"],
.static-site a[href*="instagram.com"]:hover{
  background:#833ab4!important;
  background-color:#833ab4!important;
  color:#fff!important;
}

.static-site a[href*="facebook.com"],
.static-site a[href*="facebook.com"]:hover{
  background:#1877f2!important;
  background-color:#1877f2!important;
  color:#fff!important;
}

.static-site a[href*="pinterest.com"],
.static-site a[href*="pinterest.com"]:hover{
  background:#e60023!important;
  background-color:#e60023!important;
  color:#fff!important;
}

.static-site a[href*="x.com"],
.static-site a[href*="x.com"]:hover{
  background:#000!important;
  background-color:#000!important;
  color:#fff!important;
}

.static-site a[href*="wa.me"],
.static-site a[href*="wa.me"]:hover,
.static-site .greencolor-whatsapp-float,
.static-site .greencolor-whatsapp-float:hover{
  background:#25d366!important;
  background-color:#25d366!important;
  color:#fff!important;
}

.static-site .greencolor-whatsapp-float{
  position:fixed!important;
  right:1.25rem!important;
  bottom:1.25rem!important;
  z-index:999!important;
  width:3.5rem;
  height:3.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  box-shadow:none!important;
}

.static-site .greencolor-whatsapp-float svg{
  width:1.15rem;
  height:1.15rem;
}




@media(max-width:640px){
  main section:not(#home):not(.greencolor-rotis-hero){
    padding-left:20px;
    padding-right:20px;
  }

  #home,
  .greencolor-rotis-hero{
    padding-left:0;
    padding-right:0;
  }

  .greencolor-rotis-copy{
    box-sizing:border-box;
    width:calc(100% - 2rem);
    margin-left:1rem;
    padding-left:0;
    padding-right:1rem;
  }
}



@media (prefers-reduced-motion:no-preference){
  .greencolor-rotis-copy > span,
  .greencolor-rotis-copy > h1,
  .greencolor-rotis-copy > h2,
  .greencolor-rotis-copy > p,
  .greencolor-rotis-copy > div{
    opacity:0;
    transform:translateY(24px);
    filter:blur(7px);
    animation:gc-hero-content-in .82s cubic-bezier(.22,1,.36,1) forwards;
  }

  .greencolor-rotis-copy > span{
    animation-delay:.12s;
  }

  .greencolor-rotis-copy > h1,
  .greencolor-rotis-copy > h2{
    animation-delay:.24s;
  }

  .greencolor-rotis-copy > p{
    animation-delay:.38s;
  }

  .greencolor-rotis-copy > div{
    animation-delay:.52s;
  }

  .gc-scroll-reveal{
    opacity:0;
    transform:translateY(34px) scale(.985);
    filter:blur(8px);
    transition:
      opacity .75s cubic-bezier(.22,1,.36,1),
      transform .75s cubic-bezier(.22,1,.36,1),
      filter .75s cubic-bezier(.22,1,.36,1),
    transition-delay:var(--gc-scroll-delay,0ms);
    will-change:opacity,transform,filter;
  }

  .gc-scroll-reveal.is-visible{
    opacity:1;
    transform:translateY(0) scale(1) !important;
    filter:blur(0);
  }

  .gc-scroll-lift{
    position:relative;
    overflow:hidden;
  }

  .static-site article.border-green.gc-scroll-lift,
  .static-site article.border-2.border-green.gc-scroll-lift{
    overflow:visible!important;
  }

  .static-site article.border-green.gc-scroll-lift::after,
  .static-site article.border-2.border-green.gc-scroll-lift::after{
    display:none;
  }

  .static-site article.border-green > span.absolute.\-top-4,
  .static-site article.border-2.border-green > span.absolute.\-top-4{
    z-index:2;
  }

  .gc-scroll-lift::after{
    content:"";
    position:absolute;
    inset:-40%;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.13),transparent 62%);
    transform:translateX(-45%) rotate(8deg);
  }

  .gc-scroll-lift.is-visible::after{
    animation:gc-card-shine 1.15s ease .18s 1 both;
  }

  @media (hover:hover) and (pointer:fine){
    .gc-scroll-lift.is-visible:hover{
      transform:translateY(-7px) scale(1.012);
    }

  }

  .gc-scroll-reveal.gc-scroll-left{
    transform:translateX(-38px) scale(.985);
  }

  .gc-scroll-reveal.gc-scroll-right{
    transform:translateX(38px) scale(.985);
  }

  .gc-scroll-reveal.gc-scroll-left.is-visible,
  .gc-scroll-reveal.gc-scroll-right.is-visible{
    transform:translateX(0) scale(1);
  }

  @keyframes gc-card-shine{
    0%{
      opacity:0;
      transform:translateX(-45%) rotate(8deg);
    }
    18%{
      opacity:1;
    }
    100%{
      opacity:0;
      transform:translateX(45%) rotate(8deg);
    }
  }

  @keyframes gc-hero-content-in{
    to{
      opacity:1;
      transform:translateY(0);
      filter:blur(0);
    }
  }
}
.bg-dar{background:#f9f9f9;border:none!important}

.text-gray-3000,
.text-whie,
.tet-white,
.text-whte,
.txt-white,
.text-whit,
.text-hite{
  color:#090808!important;
}
#testimonials h3{color:#333 !important}

.static-site .absolute.top-4.left-4 > span.bg-black\/90{
  color:#fff!important;
}

.static-site a .btn-dark,
.static-site .group .btn-dark{
  color:#fff!important;
}

.static-site main>section#pricing article.gc-price-card--light,
.static-site main>section#pricing article.gc-price-card--dark{
  background:#f2f2f2!important;
  border-color:rgba(190,246,70,.98)!important;
}



.static-site main>section#pricing article.gc-price-card--light > span.absolute.\-top-4,
.static-site main>section#pricing article.gc-price-card--dark > span.absolute.\-top-4{
  background:#bef646!important;
  color:#090808!important;
  border:0!important;
  border-radius:999px!important;
  z-index:5!important;
}


.static-site footer *{
  color:#fff!important;
}

.static-site [data-slot="card"],
.static-site .bg-dark-secondary.rounded-2xl,
.static-site .bg-dark-secondary.rounded-xl,
.static-site .bg-dark-secondary.rounded-lg,
.static-site .gc-price-card--light,
.static-site .gc-price-card--dark,
.static-site .gc-review-tile,
.static-site .gc-contact-panel,
.static-site .group.bg-dark-secondary.rounded-2xl,
.static-site .group.relative.bg-dark-secondary.rounded-2xl,
.static-site .group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500,
.static-site .group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500.gc-scroll-reveal.gc-scroll-lift.gc-scroll-left,
.static-site [data-slot="card-content"]{
  background:#f2f2f2!important;
  border-radius:28px;
}

.static-site #offices [data-slot="card"].bg-dark-secondary.backdrop-blur-sm.border.border-border\/50.overflow-hidden.gc-scroll-reveal.gc-scroll-lift.gc-scroll-left.is-visible{
  background:#f2f2f2!important;
  background-image:none!important;
  border:none!important;
}


.static-site .gc-contact-panel{
  background:#f2f2f2!important;
  border:none!important;
  border-radius:28px;
}

.static-site .gc-review-tile{
  background:#f2f2f2!important;
  background-image:none!important;
  border:none!important;
}

.static-site .grid.md\:grid-cols-2.gap-8 > div.bg-dark.dark\:bg-gray-700.p-8.rounded-xl.shadow-lg.transition-shadow.gc-scroll-reveal.gc-scroll-lift{
  border:1px solid rgba(190,246,70,.98)!important;
}






.static-site #portfolio .group.relative.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500 *,
.static-site #portfolio .group.bg-dark-secondary.rounded-2xl.overflow-hidden.shadow-lg.transition-all.duration-500 *,
.static-site #portfolio .group.relative.bg-dark-secondary.rounded-2xl *,
.static-site #team .group.bg-dark-secondary.rounded-2xl *,
.static-site #team .group.relative.bg-dark-secondary.rounded-2xl *,
.static-site .greencolor-client-logo *{
  border-color:#bef646!important;
}


.static-site main>section#landing-eeat .bg-dark-secondary.rounded-2xl,
.static-site main>section#landing-eeat .bg-dark-secondary.rounded-xl,
.static-site main>section#landing-eeat .bg-dark-secondary.rounded-lg{
  background:#000!important;
  border-color:rgba(190,246,70,.26)!important;
}




/* Two shapes per section: left and right */
.static-site main>section:not(#home){
  position:relative;
  overflow:visible!important;
}

.static-site main>section:not(#home)::before,
.static-site main>section:not(#home)::after{
  content:""!important;
  position:absolute;
  z-index:0;
  pointer-events:none;
  opacity:1;
}

.static-site main>section:not(#home)::after{
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  top:clamp(1rem,6vh,2.5rem);
  width:clamp(12rem,16vw,18rem);
  height:clamp(5rem,8vw,7.25rem);
  border-radius:0;
  background:#bef646;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  transform:translateX(18%) rotate(0deg);
}

.static-site main>section:nth-of-type(2n):not(#home)::before{
  border-radius:18px!important;
  transform:rotate(10deg);
  background:#bef646;
}

.static-site main>section:nth-of-type(2n):not(#home)::after{
  border-radius:999px;
  clip-path:none;
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  transform:translateX(10%) rotate(-8deg);
  background:#bef646;
}

.static-site main>section:nth-of-type(3n):not(#home)::before{
  border-radius:0;
  clip-path:polygon(50% 0,100% 88%,0 88%);
  transform:rotate(-10deg);
  background:#bef646;
}

.static-site main>section:nth-of-type(3n):not(#home)::after{
  border-radius:24px;
  clip-path:none;
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  transform:translateX(12%) rotate(8deg);
  width:clamp(11rem,16vw,17rem);
  height:clamp(5rem,8vw,7rem);
  background:#bef646;
}

.static-site main>section:not(#home):nth-of-type(4n+1)::after{
  right:clamp(1.5rem,5vw,4rem);
  top:auto;
  bottom:clamp(1.25rem,8vh,3rem);
  left:auto!important;
  width:clamp(10rem,15vw,16rem);
  height:clamp(4.5rem,7vw,6.75rem);
  border-radius:999px;
  clip-path:none;
  transform:rotate(10deg);
}

.static-site main>section:not(#home):nth-of-type(4n+2)::before{
  right:clamp(1.5rem,5vw,4rem);
  left:auto!important;
  top:clamp(1.1rem,7vh,3rem);
  border-radius:18px;
  transform:rotate(12deg);
  width:clamp(7rem,10vw,10.5rem);
  height:clamp(7rem,10vw,10.5rem);
}

.static-site main>section:not(#home):nth-of-type(4n+2)::after{
  left:clamp(1.25rem,4vw,3.25rem);
  right:auto!important;
  top:auto;
  bottom:clamp(1rem,7vh,2.5rem);
  width:clamp(11rem,16vw,17rem);
  height:clamp(5rem,8vw,7rem);
  border-radius:0;
  clip-path:polygon(50% 0,100% 88%,0 88%);
  transform:rotate(-12deg);
}

.static-site main>section:not(#home):nth-of-type(4n+3)::before{
  left:clamp(1.5rem,5vw,4rem);
  right:auto!important;
  top:auto;
  bottom:clamp(1rem,7vh,2.75rem);
  border-radius:0;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  transform:rotate(8deg);
  width:clamp(7rem,10vw,10rem);
  height:clamp(6rem,9vw,9rem);
}

.static-site main>section:not(#home):nth-of-type(4n+3)::after{
  right:clamp(1.25rem,4vw,3.25rem);
  left:auto!important;
  top:clamp(1rem,6vh,2.5rem);
  width:clamp(11rem,15vw,16rem);
  height:clamp(4.5rem,7vw,6rem);
  border-radius:24px;
  clip-path:none;
  transform:rotate(-4deg);
}

.static-site main>section:not(#home):nth-of-type(4n)::before{
  right:clamp(1.25rem,4vw,3.25rem);
  left:auto!important;
  top:clamp(1.25rem,7vh,3rem);
  border-radius:50%;
  transform:rotate(4deg);
  width:clamp(6.5rem,9vw,9.5rem);
  height:clamp(6.5rem,9vw,9.5rem);
}

.static-site main>section:not(#home):nth-of-type(4n)::after{
  left:clamp(1.5rem,5vw,4rem);
  right:auto!important;
  top:clamp(1rem,5vh,2.25rem);
  bottom:auto;
  width:clamp(10rem,14vw,15rem);
  height:clamp(4.25rem,6vw,5.75rem);
  border-radius:18px;
  clip-path:none;
  transform:rotate(14deg);
}

.static-site html,
.static-site body,
.static-site main{
  overflow-x:hidden!important;
}

.static-site *,
.static-site *::before,
.static-site *::after{
  border-color:#bef646!important;
}

.static-site main>section:not(#home)>*{
  position:relative;
  z-index:1;
}

/* Remove all shadows */
.static-site *,
.static-site *::before,
.static-site *::after{
text-shadow:none!important;
}

.static-site main:after,
.static-site main>section:not(#home)::before,
.static-site main>section:not(#home)::after,
.static-site main>div[id]::before,
.static-site main>div[id]::after{
  filter:none!important;
}

/* Global border color */
.static-site *,
.static-site *::before,
.static-site *::after{
  border-color:rgba(190,246,70,.98)!important;
}