section[data-testid$=-hero-section]{min-height:calc(100svh - var(--landing-navbar-height,72px));height:auto;overflow-x:clip}@media (min-width:1024px){section[data-testid$=-hero-section]{height:calc(100svh - var(--landing-navbar-height,72px))}}@media (max-width:1023px){section[data-testid$=-hero-section] .grid.min-h-0.flex-1{padding-bottom:1.25rem}}@media (max-width:639px){section[data-testid$=-hero-section] nav{letter-spacing:.14em;flex-wrap:wrap;row-gap:.25rem;padding-top:.875rem;padding-bottom:.375rem;font-size:10px}section[data-testid$=-hero-section] h1{font-size:clamp(1.75rem,7vw,2.35rem);line-height:1.12}section[data-testid$=-hero-section] h1 [class*=whitespace-nowrap]{white-space:normal}section[data-testid$=-hero-section] .max-w-xl{max-width:100%;font-size:14px}section[data-testid$=-hero-section] .inline-flex.w-fit.max-w-full,section[data-testid$=-hero-section] .inline-flex.w-fit.items-center{text-align:left;max-width:100%;font-size:9px;line-height:1.35}section[data-testid$=-hero-section] .grid.max-w-lg.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}section[data-testid$=-hero-section] .grid.max-w-lg.grid-cols-3>:nth-child(3){grid-column:1/-1}section[data-testid$=-hero-section] .flex.flex-wrap.items-center.gap-2\.5,section[data-testid$=-hero-section] .flex.flex-wrap.items-center.gap-3{flex-direction:column;align-items:stretch}section[data-testid$=-hero-section] .flex.flex-wrap.items-center.gap-2\.5>a,section[data-testid$=-hero-section] .flex.flex-wrap.items-center.gap-3>a{justify-content:center;width:100%;min-height:44px}section[data-testid$=-hero-section] .lg\:col-span-5 .relative.mx-auto{max-width:min(100%,340px)}section[data-testid$=-hero-section] .shrink-0.border-t>div{flex-direction:column;align-items:flex-start;gap:.625rem;padding-top:.625rem;padding-bottom:.625rem}section[data-testid$=-hero-section] .shrink-0.border-t>div>div:last-child{row-gap:.375rem;font-size:10px}section[data-testid$=-hero-section] .shrink-0.border-t span:nth-child(2n){display:none}}@media (min-width:640px){section[data-testid$=-hero-section] h1 [class*=whitespace-nowrap]{white-space:nowrap}}.webdev-page-main{overflow-x:clip}@media (max-width:639px){.webdev-page-main section{scroll-margin-top:calc(var(--landing-navbar-height,72px) + 12px)}.webdev-page-main .laravel-benefits-section,.webdev-page-main .laravel-expertise-section,.webdev-page-main .laravel-steps-section,.webdev-page-main .shopify-dev-services-section,.webdev-page-main .shopify-experience-section,.webdev-page-main .shopify-difference-section,.webdev-page-main .shopify-features-section,.webdev-page-main .shopify-trusted-partner-section,.webdev-page-main .magento-dev-services-section,.webdev-page-main .magento-wide-range-section,.webdev-page-main .magento-benefits-section,.webdev-page-main .wordpress-advantages-section,.webdev-page-main .wordpress-difference-section,.webdev-page-main .wordpress-steps-section{padding-left:16px;padding-right:16px}}