/* Glofore extra styles (loaded after the compiled Next.js stylesheet) */

/* ---- utility classes used by recent edits that are missing from the compiled CSS ---- */
.hover\:underline:hover{text-decoration:underline}
.text-left{text-align:left}
.text-\[\#003b38\]{color:#003b38}
.\!text-\[\#003b38\]{color:#003b38!important}
.text-\[\#0a8f7a\]{color:#0a8f7a}
.border-\[\#003b3822\]{border-color:#003b3822}
.tracking-\[-0\.5px\]{letter-spacing:-.5px}
.max-w-\[1100px\]{max-width:1100px}
.max-w-\[800px\]{max-width:800px}
.max-w-\[760px\]{max-width:760px}
.mt-\[8px\]{margin-top:8px}
.mt-\[18px\]{margin-top:18px}
.mt-\[40px\]{margin-top:40px}
.mb-\[14px\]{margin-bottom:14px}
.mb-\[18px\]{margin-bottom:18px}
.mb-\[24px\]{margin-bottom:24px}
.text-\[16px\]{font-size:16px}
.text-\[26px\]{font-size:26px}
.leading-\[1\.85\]{line-height:1.85}
@media(min-width:768px){
  .md\:text-\[30px\]{font-size:30px}
  .md\:gap-\[40px\]{gap:40px}
}

/* ---- white, modern footer: "Ready to start the project" block ---- */
section.bg-about{
  background:radial-gradient(60% 55% at 50% 38%,rgba(205,234,104,.28) 0%,rgba(205,234,104,0) 70%),
             radial-gradient(45% 40% at 85% 85%,rgba(0,180,164,.12) 0%,rgba(0,180,164,0) 70%),
             linear-gradient(180deg,#f6fbf9 0%,#ffffff 100%)!important;
  background-image:radial-gradient(60% 55% at 50% 38%,rgba(205,234,104,.28) 0%,rgba(205,234,104,0) 70%),radial-gradient(45% 40% at 85% 85%,rgba(0,180,164,.12) 0%,rgba(0,180,164,0) 70%),linear-gradient(180deg,#f6fbf9 0%,#ffffff 100%)!important;
}
section.bg-about h1{color:#003b38!important}
section.bg-about .text-white{color:#003b38!important}
section.bg-about .bg-secondry{background:#fff!important}
section.bg-about [style*="border:2px solid #fff"]{border:2px solid #000!important}
section.bg-about .group p{color:#000!important;font-weight:800!important;letter-spacing:.1em;transition:color .25s ease}
section.bg-about .group:hover p,section.bg-about .group:active p{color:#fff!important}
section.bg-about .group div.bg-white{background:#000!important;color:#fff!important}

/* ---- white, modern footer: main footer ---- */
footer.bg-deepInk{
  background:linear-gradient(180deg,#ffffff 0%,#eff8f5 100%)!important;
  color:#003b38!important;
  border-top:1px solid rgba(0,59,56,.12)!important;
  box-shadow:0 -18px 50px rgba(0,59,56,.07);
}
footer.bg-deepInk .text-white{color:#003b38!important}
footer.bg-deepInk .text-lightSage{color:#2f5553!important}
footer.bg-deepInk .text-brass{color:#00796d!important}
footer.bg-deepInk [class*="border-lightSage"]{border-color:rgba(0,59,56,.16)!important}
footer.bg-deepInk h1.text-teal{color:#0a8f7a!important}
footer.bg-deepInk h2{color:#003b38!important;font-weight:700!important;letter-spacing:.14em}
footer.bg-deepInk a.text-lightSage,footer.bg-deepInk .hover\:text-white{transition:color .25s ease}
footer.bg-deepInk .hover\:text-white:hover{color:#00796d!important}
footer.bg-deepInk a.hover\:text-teal:hover{color:#00796d!important}
footer.bg-deepInk a.bg-teal{color:#fff!important;background:#003b38!important;box-shadow:0 10px 24px rgba(0,59,56,.22)}
footer.bg-deepInk a.bg-teal:hover{background:#00796d!important}
footer.bg-deepInk .modern-badge{color:#00796d!important;border-color:rgba(0,121,109,.35)!important;background:rgba(0,180,164,.1)!important}
footer.bg-deepInk img{filter:none}

/* ---- footer: logo in the empty space of the left column ---- */
.footer-logo{display:flex;align-items:center;justify-content:flex-start;padding:28px 0}
.footer-logo img{display:block;width:min(270px,64%);height:auto;filter:drop-shadow(0 20px 24px rgba(0,59,56,.26));animation:flogoFloat 6s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
@keyframes flogoFloat{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}
@media(max-width:768px){.footer-logo{padding:18px 0}.footer-logo img{width:min(200px,60%)}}
@media(prefers-reduced-motion:reduce){.footer-logo img{animation:none}}