/* Euro Gulf Techno Services LLC — base styles (layout styles are inline in the HTML) */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;background:#FFFFFF}
img{max-width:100%}
a{color:#1D3866}
a:hover{color:#3F7127}
[hidden]{display:none !important}
:focus-visible{outline:3px solid #3F7127;outline-offset:3px}
button{font-family:inherit}
/* project tabs */
.proj-tab{display:flex;flex-direction:column;gap:2px;text-align:left;min-height:64px;border-radius:12px;padding:12px 16px;cursor:pointer;font:inherit;font-size:14px;line-height:1.3;background:#FFFFFF;color:#1D3866;border:1px solid #D1D5DB}
.proj-tab.is-active{background:#1D3866;color:#FFFFFF;border-color:#1D3866}
.proj-tab-num{font-size:12px;font-weight:700;letter-spacing:2px;opacity:.8}
.proj-tab-name{font-weight:700}
/* spam honeypot: hidden from people, visible to bots */
.hp{position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden}
header nav{gap:4px 22px !important}
@media (max-width:640px){
  #clients [style*="minmax(200px"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #clients [style*="height: 140px"]{height:110px !important;padding:18px !important}
  #clients img{height:64px !important}
  section > div{padding-left:20px !important;padding-right:20px !important}
  .proj > div:last-child{padding:28px 22px !important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}