.elementor-18780 .elementor-element.elementor-element-eff2e1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-adf7b1b */:root{
  --background:oklch(0.10 0.012 265);
  --foreground:oklch(0.985 0.003 250);
  --card:oklch(0.15 0.015 265);
  --card-foreground:oklch(0.985 0.003 250);
  --primary:oklch(0.828 0.173 121);
  --primary-foreground:oklch(0.10 0.012 265);
  --muted-foreground:oklch(0.74 0.018 250);
  --border:oklch(0.24 0.015 265);
  --brand-bg:oklch(0.09 0.012 265);
  --brand-bg-elev:oklch(0.15 0.015 265);
  --brand-lime:oklch(0.828 0.173 121);
  --gradient-hero:radial-gradient(ellipse at top,color-mix(in oklab,var(--brand-lime) 12%,transparent),transparent 60%),linear-gradient(180deg,var(--brand-bg),var(--background));
  --shadow-lime:0 10px 40px -10px color-mix(in oklab,var(--brand-lime) 50%,transparent);
}
*{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--background);color:var(--foreground);font-family:'Poppins',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}
ul{list-style:none}

/* Layout */
.container{max-width:80rem;margin:0 auto;padding:0 1.5rem}
.container-narrow{max-width:50rem;margin:0 auto;padding:0 1.5rem}
.section{padding:3rem 0}
@media(min-width:768px){.section{padding:2rem 0}}
.bg-elev{background:var(--brand-bg)}
.text-primary{color:var(--primary)}
.text-muted{color:var(--muted-foreground)}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--primary);margin-bottom:1rem}
@media(min-width:768px){.eyebrow{font-size:.875rem}}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.1}
h1{font-size:clamp(2.25rem,5vw,4.5rem)}
h2{font-size:clamp(1.875rem,4vw,3rem)}
h3{font-size:1.25rem}
p{line-height:1.65}

/* Header */
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--background) 80%,transparent);backdrop-filter:blur(12px)}
.header-inner{display:flex;height:5rem;align-items:center;justify-content:space-between;max-width:80rem;margin:0 auto;padding:0 1.5rem}
.header-logo{height:2.5rem;width:auto}
.nav{display:none;gap:2rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground)}
.nav a:hover{color:var(--foreground)}
@media(min-width:768px){.nav{display:flex;align-items:center}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-radius:9999px;padding:.625rem 1.25rem;transition:all .2s;font-size:.875rem;border:1px solid transparent}
.btn-hero{background:var(--primary);color:var(--primary-foreground) !important;box-shadow:var(--shadow-lime)!important;}
.btn-hero:hover{filter:brightness(1.1)}
.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}
.btn-outline:hover{border-color:var(--primary);color:var(--primary) !important;}
.btn-lg{padding:.875rem 1.75rem;font-size:1rem}
.btn-xl{padding:1rem 2rem;font-size:1.05rem}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center bottom;opacity:.5}
.hero-grad{position:absolute;inset:0;background:var(--gradient-hero)}
.hero-inner{position:relative;max-width:72rem;margin:0 auto;padding-top: 6rem;text-align:center}
@media(min-width:768px){.hero-inner{}}
.hero p.lead{margin:1.5rem auto 0;max-width:56rem;font-size:1.125rem;color:var(--muted-foreground)}
.hero-inner h1{
    font-weight: 800;
}
@media(min-width:768px){.hero p.lead{font-size:1.25rem}}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem}
.hero-image{margin-top:3rem;border-radius:1rem;overflow:hidden;border:1px solid var(--border);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);
    
}

h2#built-for-teams-that-need-websites-that-perform {
    font-weight: 800 !important;
}

/* ================================
   Logo Strip Section
================================ */

/* Main Container */

.logo-grid {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.logo-strip {
    width: 100%;
    padding: 1.5rem 0;
    margin-top: 1rem;
    overflow: hidden;
    background: transparent; /* Set color if needed */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Tablet & Above */
@media (min-width: 768px) {
    .logo-strip {
        padding: 2rem 0;
    }
}

/* Inner Wrapper */
.logo-strip-inner {
    position: relative;
}

/* Scrolling Container */
.logo-strip-scroll {
    display: flex;
    align-items: center;
    gap: 3rem;
    animation: scroll 25s linear infinite;
}

/* Larger Gap for Tablet+ */
@media (min-width: 768px) {
    .logo-strip-scroll {
        gap: 5rem;
    }
}

/* Scroll Animation */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Logo Items */
.logo-item {
    flex-shrink: 0;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.8);
}

/* Variations */
.logo-item.logo-large {
    font-size: 1.5rem;
    font-weight: 700;
}

.logo-item.logo-medium {
    font-size: 1.25rem;
    font-weight: 600;
}

.logo-item.logo-bordered {
    font-size: 1.25rem;
    font-weight: 500;
}

.logo-item.logo-tracking {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.2em;
}

/* Logo Images */
.logo-item img {
    width: 140px;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Cards / grids */
.grid{display:grid;gap:1.5rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}
@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;transition:border-color .2s}
.card:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent)}
.icon-tile{display:inline-flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.75rem;background:color-mix(in oklab,var(--primary) 15%,transparent);color:var(--primary);flex-shrink:0;
    
}
.icon-tile-sm{height:2.75rem;width:2.75rem;border-radius:.5rem;background:color-mix(in oklab,var(--primary) 10%,transparent)}
.icon-tile svg,.icon-tile-sm svg{width:1.5rem;height:1.5rem}
.card h3{
    font-size: 18px !important;
    font-weight: 600;
}



/* Stat cards */
.stat-num{font-size:2.5rem;font-weight:700;color:var(--primary)}
@media(min-width:768px){.stat-num{font-size:3rem}}

/* Services tabs */
.svc-wrap{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:1024px){.svc-wrap{grid-template-columns:340px 1fr}}
.svc-tab{
    display:flex !important;
    align-items:center !important;
    gap:1rem !important;
    text-align:left !important;
    padding:1rem 1.25rem !important;
    border-radius:.75rem !important;
    border:1px solid var(--border) !important;
    background:transparent !important;
    transition:all .2s !important;
    width:100% !important;
    color:var(--muted-foreground) !important;
    
}
.svc-tab:hover{
    border-color:color-mix(in oklab,var(--primary) 30%,transparent) !important;
    
}
.svc-tab.active{
    background:var(--brand-bg-elev) !important;
    border-color:color-mix(in oklab,var(--primary) 60%,transparent) !important;
    box-shadow:var(--shadow-lime) !important;
    color:var(--foreground) !important;
    
}
.svc-tab-num{
    font-weight:700 !important;
    color:color-mix(in oklab,var(--primary) 70%,transparent) !important;
    font-variant-numeric:tabular-nums !important;
    font-size:.875rem !important;
    
}
.svc-tab.active .svc-tab-num{
    color:var(--primary) !important;
    
}
.svc-tab-name{
    font-weight:600 !important;
    font-size:1rem !important;
    
}
.svc-detail{
    background:var(--brand-bg-elev);
border:1px solid var(--border);
border-radius:.75rem;padding:2rem;
    
}
.svc-panel h3{
    font-weight: 700;
}
@media(min-width:768px){.svc-detail{padding:2.5rem}}
.svc-points{display:grid;grid-template-columns:1fr;gap:.75rem 2rem;margin-top:1rem}
@media(min-width:768px){.svc-points{grid-template-columns:1fr 1fr}}
.svc-point{display:flex;gap:.75rem;align-items:flex-start}
.svc-point::before{content:"";width:6px;height:6px;border-radius:9999px;background:var(--primary);margin-top:.55rem;flex-shrink:0}

h2#our-web-development-services {
    font-weight: 800 !important;
}

/* Use case tile */
.uc-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1.5rem;border:1px solid var(--border);background:var(--background);border-radius:1rem;transition:.2s}
.uc-tile:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent)}
.uc-tile svg{width:2rem;height:2rem;color:var(--primary);
    
}
h2#common-web-development-use-cases {
    font-weight: 800;
}

/* Process */
.proc-card{position:relative;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;background:var(--brand-bg-elev);display:flex;flex-direction:column}
.proc-num{position:absolute;top:1.25rem;right:1.25rem;font-size:1.875rem;font-weight:700;color:color-mix(in oklab,var(--muted-foreground) 25%,transparent)}
.divider{height:1px;background:var(--border);margin:1.25rem 0;
    
}
.proc-card h3{
    font-size: 18px !important;
    font-weight: 700;
}

h2#discovery-then-an-iterative-delivery-loop {
    font-weight: 800;
}

h3#fixedscope-delivery {
    font-size: 24px !important;
}

h2#apifirst-by-default {
    font-weight: 800;
}

h2#why-choose-evangelist-apps-for-web-development {
    font-weight: 800;
}

/* Tech stack */

h2#tech-stack-we-use-to-build-modern-web-experiences {
    font-weight: 800;
}

.chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:2rem;
    
}
.chip{
    display:inline-flex !important;
    align-items:center !important;
    gap:.5rem !important;
    padding:.5rem 1rem !important;
    border-radius:9999px !important;
    border:1px solid var(--border) !important;
    background:var(--background) !important;
    font-size:.875rem !important;
    font-weight:600 !important;
    color:var(--foreground) !important;
    transition:.2s !important;
    
}
.chip:hover{
    background:color-mix(in oklab,var(--foreground) 5%,transparent) !important;
    
}
.chip.active{
    background:var(--primary) !important;
    color:var(--primary-foreground) !important;
    border-color:var(--primary) !important;
    
}
.chip svg{width:1rem;height:1rem}
.tech-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}
@media(min-width:640px){.tech-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:768px){.tech-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.tech-grid{grid-template-columns:repeat(5,1fr)}}
.tech-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;border:1px solid var(--border);background:var(--background);border-radius:.75rem;text-align:center;font-size:.875rem;font-weight:500;min-height:120px}
.tech-tile .logo-box{width:3rem;height:3rem;background:#fff;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.tech-tile .logo-box img{width:2rem;height:2rem;object-fit:contain}

/* Carousel */

h2#realworld-success-stories-from-our-client-projects {
    font-weight: 800;
}
.cs-card h3{
    font-weight: 800;
}

.carousel{
    position:relative;
    
}
.carousel-viewport{
    overflow:hidden;
    
}
.carousel-track{display:flex;transition:transform .5s ease}
.carousel-slide{flex:0 0 100%;padding:0 .5rem}
.cs-card{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;overflow:hidden;display:grid;gap:2rem;padding:2rem;align-items:center}
@media(min-width:768px){.cs-card{padding:3rem;gap:3rem}}
@media(min-width:1024px){.cs-card{grid-template-columns:1fr 1fr}}
.cs-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-top:1px solid var(--border);padding-top:1.5rem;margin:2rem 0}
.cs-stat-val{font-size:1.5rem !important;font-weight:700;color:var(--primary);margin-bottom:.5rem}
@media(min-width:768px){.cs-stat-val{font-size:1.875rem}}
.cs-link{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--primary);color:var(--primary);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.875rem;transition:.2s;width:fit-content}
.cs-link:hover{background:var(--primary);color:var(--primary-foreground) !important}
.car-btn{
    position:absolute ;
    top:50% !important;
    transform:translateY(-50%);
    width:3rem ;
    height:3rem ;
    border-radius:9999px !important;
    background:color-mix(in oklab,var(--card) 80%,transparent) !important;
    border:1px solid var(--border) !important;
    display:none;
    align-items:center;
    justify-content:center;
    z-index:5 !important;
    
}
@media(min-width:768px){.car-btn{display:flex}}
.car-btn.prev{
    left:-1rem;
    padding: 1px !important;
    
}
.car-btn.next{
    right:-1rem ;
    padding: 1px !important;
    
}

.car-btn.prev svg{
    stroke: white !important;
    
}

.car-btn.next svg{
    stroke: white !important;
    
}
.car-dots{
    display:flex !important;
    justify-content:center !important;
    gap:.5rem !important;
    margin-top:2rem !important;
    
}
.car-dot{
    height:.625rem !important;
    width:.625rem !important;
    border-radius:9999px !important;
    background:color-mix(in oklab,var(--muted-foreground) 40%,transparent) !important;
    transition:.2s !important;
    padding: 1px !important;
    border-color: none !important;
    
}
.car-dot.active{
    width:1.5rem !important;
    background:var(--primary) !important;
    padding: 1px !important;
    
}

/* Industries */
.ind-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:1rem;background:var(--card);padding:1.75rem;transition:.2s}
.ind-card:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent)}
.tag{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;color:var(--muted-foreground)}
.mini-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);
    
}

.ind-card h3{
    font-weight: 700;
}

h2#industries-we-serve-with-web-development-services {
    font-weight: 800;
}

h2#web-development-services-uk {
    font-weight: 800;
}

h3#looking-for-a-uk-web-development-partner {
    font-size: 30px !important;
}

/* Accordion */
.acc-item{
    border:1px solid var(--border) !important;
    border-radius:.75rem !important;
    background:var(--card) !important;
    margin-bottom:.75rem;
    overflow:hidden;
    
}
.acc-trigger{
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    text-align:left !important;
    padding:1rem 1.25rem !important;
    font-weight:600 !important;
    transition:color .2s !important;
    background: transparent !important;
    border-style: none !important;
    color: white !important;
    
}
.acc-trigger:hover{
    color:var(--primary) !important;
    
}
.acc-trigger svg{
    transition:transform .2s;
    width:1rem;
    height:1rem;
    flex-shrink:0;
    margin-left:1rem;
    
}
.acc-item.open .acc-trigger svg{
    transform:rotate(180deg) !important;
    
}
.acc-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
    color:var(--muted-foreground);
    
}
.acc-item.open .acc-content{
    max-height:500px;
    
}
.acc-inner{
    padding:0 1.25rem 1.25rem;
    
}

h2#frequently-asked-questions {
    font-weight: 800;
}

/* Footer */
.footer{border-top:1px solid var(--border);background:color-mix(in oklab,var(--card) 40%,transparent);padding:3rem 1.5rem}
.footer-inner{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:space-between}
@media(min-width:768px){.footer-inner{flex-direction:row}}

/* Final CTA */
.final-cta{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);padding:3rem 1.5rem;text-align:center;background:radial-gradient(ellipse at top,color-mix(in oklab,var(--brand-lime) 18%,transparent),transparent 70%),var(--brand-bg-elev)}
@media(min-width:768px){.final-cta{padding:4rem 3rem}}

.flex-row-cta{display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:space-between;border:1px solid var(--border);background:var(--brand-bg-elev);border-radius:1rem;padding:2rem;margin-top:3rem}
@media(min-width:768px){.flex-row-cta{flex-direction:row}}

.section-title{margin-bottom:1.25rem}
.section-intro{max-width:48rem;color:var(--muted-foreground);font-size:1.125rem;margin-bottom:2.5rem}
.center{text-align:center;margin-left:auto;margin-right:auto}
.mb-10{margin-bottom:2.5rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}
.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem;
}

h2#ready-to-build-a-stronger-web-presence {
    font-weight: 800;
}/* End custom CSS */