*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172235;background:#fff;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.blue{color:#2772d7}.nav{height:82px;padding:0 max(calc((100% - 1160px)/2),5%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:800 17px Manrope,sans-serif;letter-spacing:-.7px}.brand small{display:block;font:600 8px 'DM Sans';letter-spacing:2.1px;color:#718096;margin-top:3px}.brandmark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#152944;color:white;font:800 13px Manrope;letter-spacing:-1px}.navlinks{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#596779}.navlinks a:hover{color:#2772d7}.navcta{background:#152944;color:white!important;padding:12px 18px;border-radius:7px}.menu{display:none;border:0;background:none;font-size:22px}.hero{max-width:1160px;margin:auto;padding:88px 0 76px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:540px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#2772d7;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#2772d7}.hero h1{font:800 clamp(40px,5vw,65px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:23px 0}.hero-copy>p,.section-head>p,.about p,.contact p{font-size:15px;line-height:1.8;color:#68778a;max-width:490px}.actions{display:flex;gap:12px;margin-top:28px}.btn{padding:14px 20px;border-radius:7px;font-size:12px;font-weight:700;display:inline-flex;gap:16px;align-items:center}.primary{background:#236bd0;color:white}.secondary{border:1px solid #dce3eb}.hero-note{margin-top:34px;color:#758296;font-size:11px}.dot{display:inline-block;width:7px;height:7px;background:#4aab83;border-radius:50%;margin-right:7px}.hero-art{height:370px;position:relative;display:grid;place-items:center}.orb{width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5f9ff,#dce9fb 65%,#c9dcf7);position:absolute}.art-grid{position:absolute;inset:30px;background-image:linear-gradient(#c8d7eb55 1px,transparent 1px),linear-gradient(90deg,#c8d7eb55 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.art-card{position:absolute;background:#fff;border:1px solid #e8edf3;box-shadow:0 20px 55px #1b36541c;border-radius:12px;z-index:1}.card-a{width:300px;padding:18px;left:5%;top:60px}.mini-label{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#728198}.fake-window{margin-top:14px;border:1px solid #e8edf4;border-radius:6px;overflow:hidden}.fake-top{height:22px;background:#f7f9fc;display:flex;align-items:center;gap:4px;padding:0 8px}.fake-top b{width:5px;height:5px;border-radius:50%;background:#c8d2df}.fake-body{height:145px;display:flex}.fake-side{width:47px;background:#18304e}.fake-content{padding:15px;flex:1}.fake-line{height:7px;background:#dce5f0;border-radius:4px}.w60{width:60%}.fake-stats{display:flex;gap:7px;margin-top:12px}.fake-stats i{height:26px;flex:1;background:#eef4fc;border-radius:3px}.fake-chart{height:55px;display:flex;align-items:end;gap:8px;margin-top:12px;border-bottom:1px solid #e4eaf2}.fake-chart span{width:17px;background:#70a5e7;border-radius:3px 3px 0 0}.fake-chart span:nth-child(1){height:35%}.fake-chart span:nth-child(2){height:60%}.fake-chart span:nth-child(3){height:45%}.fake-chart span:nth-child(4){height:80%}.fake-chart span:nth-child(5){height:55%}.fake-chart span:nth-child(6){height:95%}.fake-chart span:nth-child(7){height:70%}.card-b{right:1%;bottom:48px;display:flex;align-items:center;gap:11px;padding:13px 16px}.camera-icon{width:35px;height:35px;border-radius:9px;background:#eaf2ff;color:#236bd0;display:grid;place-items:center;font-size:20px}.card-b strong,.card-b small{display:block}.card-b strong{font-size:11px}.card-b small{font-size:9px;color:#8995a5;margin-top:3px}.live{width:7px;height:7px;background:#42ad81;border-radius:50%;margin-left:12px}.trust{background:#f7f9fc;border-block:1px solid #edf1f6;display:flex;justify-content:center;gap:8%;padding:23px 5%}.trust div{display:flex;gap:12px;align-items:center;font-size:11px;color:#647287}.trust strong{font:700 17px Manrope;color:#2872d4}.section{max-width:1160px;margin:auto;padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section h2,.about h2,.contact h2{font:800 36px/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:14px 0 0}.section-head>p{max-width:360px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{padding:25px 22px;border:1px solid #e9edf2;border-radius:10px;min-height:190px}.service-icon{width:39px;height:39px;border-radius:9px;background:#edf4ff;color:#236bd0;display:grid;place-items:center;font-size:20px}.service h3{font:700 14px Manrope;margin:20px 0 9px}.service p{font-size:11px;line-height:1.7;color:#718096;margin:0}.projects{padding-top:55px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filter{border:1px solid #e2e8f0;background:white;border-radius:20px;padding:9px 15px;font:600 10px 'DM Sans';color:#637287;cursor:pointer}.filter.active,.filter:hover{background:#172d49;color:#fff;border-color:#172d49}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px}.project-image{display:block;position:relative;height:205px;border-radius:9px;overflow:hidden;background:#edf2f8}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-image:hover img{transform:scale(1.04)}.project-arrow{position:absolute;right:12px;top:12px;width:30px;height:30px;background:white;border-radius:50%;display:grid;place-items:center;color:#1c3454}.placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#eaf2fd,#dce7f4);color:#285e9f}.placeholder span{font:800 36px Manrope}.placeholder small{font-size:9px;letter-spacing:2px;margin-top:7px}.project-meta{display:flex;gap:10px;margin-top:16px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#2872d4;font-weight:800}.featured{color:#9a7834}.project h3{font:700 16px Manrope;margin:9px 0}.project>p{font-size:12px;line-height:1.6;color:#738094;margin:0}.empty{padding:35px;text-align:center;color:#7b8797;background:#f7f9fc;border-radius:8px;font-size:13px}.about{display:grid;grid-template-columns: .8fr 1.2fr;gap:90px;align-items:center;border-top:1px solid #edf0f4}.about-mark{height:230px;border-radius:16px;background:linear-gradient(140deg,#142944,#24517e);display:grid;place-items:center;color:white;font:800 90px Manrope;letter-spacing:-10px;position:relative}.about-mark span{color:#7db2fa;font-size:45px;letter-spacing:0}.about p{max-width:620px}.chips{display:flex;gap:8px;margin-top:25px}.chips span{border:1px solid #e1e7ef;border-radius:5px;padding:8px 12px;font-size:10px;font-weight:700;color:#52647b}.contact{background:#172d49;color:white;padding:55px max(calc((100% - 1160px)/2),5%);display:flex;justify-content:space-between;align-items:center;gap:25px}.contact .eyebrow{color:#8ebafa}.contact h2{font-size:31px}.contact p{color:#c0ccda;margin-bottom:0}.light{background:white;color:#172d49;white-space:nowrap}footer{max-width:1160px;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;color:#8490a0;font-size:10px;padding:15px 0}footer .brand{color:#172235}footer>a:last-child{color:#62748a}.detail{max-width:900px;margin:65px auto 100px;padding:0 20px}.detail h1{font:800 42px Manrope;letter-spacing:-1.5px;margin:15px 0}.detail-summary{color:#68778a;font-size:16px;line-height:1.7}.detail-cover{width:100%;max-height:470px;object-fit:cover;border-radius:12px;margin:28px 0}.detail-content{max-width:720px;line-height:1.8;color:#657387}.detail-content h2,.detail h2{color:#172235;font:700 22px Manrope}.detail-content h3{color:#172235;font:700 15px Manrope}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.gallery img{width:100%;border-radius:8px}.gallery figcaption{font-size:11px;color:#758296;margin-top:5px}@media(max-width:1200px){.hero,.section,footer{margin-left:5%;margin-right:5%}}@media(max-width:760px){.nav{height:68px}.menu{display:block}.navlinks{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:20px 5%;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #eee}.navlinks.show{display:flex}.hero{grid-template-columns:1fr;padding:60px 0 45px;gap:5px}.hero h1{font-size:45px}.hero-art{height:310px}.card-a{left:0;width:260px;top:35px}.card-b{right:0;bottom:28px}.trust{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:18px}.section h2,.about h2{font-size:30px}.service-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.project-image{height:150px}.about{grid-template-columns:1fr;gap:28px}.about-mark{height:160px;font-size:65px}.contact{display:block;padding-top:45px;padding-bottom:45px}.contact .btn{margin-top:24px}footer{gap:15px;flex-wrap:wrap;padding:25px 0}.detail h1{font-size:32px}}@media(max-width:430px){.project-grid{grid-template-columns:1fr}.project-image{height:210px}.service-grid{grid-template-columns:1fr}.hero h1{font-size:39px}}


/* LodiTek Solution — official brand palette */
:root{
  --deep-blue:#004AB8;
  --technology-blue:#0158C7;
  --charcoal:#151513;
  --white:#FFFFFF;
  --light-gray:#D9D9D9;
  --ink:#151513;
  --muted:#626B78;
  --surface:#FFFFFF;
  --surface-soft:#F5F7FA;
  --line:#D9D9D9;
  --brand-gradient:linear-gradient(135deg,#004AB8 0%,#0158C7 100%);
}
html{scroll-behavior:smooth}
body{color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--deep-blue);text-decoration:none}
a:hover{color:var(--technology-blue)}
button,.btn,.button,.cta{background:var(--deep-blue);color:#fff;border:1px solid var(--deep-blue);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
button:hover,.btn:hover,.button:hover,.cta:hover{background:var(--technology-blue);border-color:var(--technology-blue);box-shadow:0 8px 22px rgba(0,74,184,.16);transform:translateY(-1px)}
header,.site-header,.navbar{background:#fff;border-bottom:1px solid rgba(217,217,217,.8)}
.logo,.brand,.logo-mark{color:var(--deep-blue)}
.hero{background:linear-gradient(120deg,#F5F7FA 0%,#FFFFFF 65%);color:var(--charcoal)}
.hero h1,.section-title,h1,h2,h3{color:var(--charcoal);letter-spacing:-.025em}
.hero .accent,.text-primary,.highlight{color:var(--deep-blue)}
.card,.project-card,.service-card{background:#fff;border:1px solid var(--light-gray);border-radius:14px;box-shadow:0 8px 28px rgba(21,21,19,.045)}
.card:hover,.project-card:hover,.service-card:hover{border-color:rgba(0,74,184,.35);box-shadow:0 14px 34px rgba(21,21,19,.09)}
section:nth-of-type(even){background:#F5F7FA}
footer,.site-footer{background:var(--charcoal);color:#fff}
footer a,.site-footer a{color:#fff}
input,textarea,select{border:1px solid var(--light-gray);border-radius:8px;background:#fff;color:var(--charcoal)}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(1,88,199,.18);border-color:var(--technology-blue)}
.badge,.tag,.chip{background:#EAF1FC;color:var(--deep-blue);border:1px solid #D5E4FA;border-radius:999px}

/* Professional readability and visual refinement */
:root{--deep-blue:#004AB8;--technology-blue:#0158C7;--charcoal:#151513;--white:#FFFFFF;--light-gray:#D9D9D9}
body{font-size:16px;color:#252A32}
.nav{height:84px;border-bottom-color:#e7edf5;box-shadow:0 3px 18px rgba(21,21,19,.035)}
.brand{font-size:19px}.brandmark{background:linear-gradient(140deg,#004AB8,#0158C7);width:43px;height:43px;border-radius:12px;box-shadow:0 7px 16px rgba(0,74,184,.18)}
.brand small{font-size:10px;letter-spacing:2.4px}
.navlinks{font-size:15px;gap:32px}.navcta{background:#004AB8;padding:13px 20px;border-radius:9px}
.hero{min-height:600px;padding-top:92px;padding-bottom:88px;gap:62px}
.eyebrow{font-size:12px;letter-spacing:1.8px}
.hero h1{font-size:clamp(44px,5.3vw,70px);line-height:1.1;letter-spacing:-2.7px;margin:24px 0}
.hero-copy>p,.section-head>p,.about p,.contact p{font-size:17px;line-height:1.8;color:#596575}
.actions{gap:14px}.btn{font-size:14px;padding:15px 22px;border-radius:9px}
.primary{background:#004AB8}.primary:hover{background:#0158C7}
.secondary{border:1px solid #cbd5e1;color:#252A32;background:#fff}
.hero-note{font-size:13px;margin-top:30px}
.hero-art{height:400px}.orb{background:radial-gradient(circle at 35% 30%,#f5f9ff,#dce9fb 65%,#c9dcf7);box-shadow:inset 0 0 0 1px rgba(0,74,184,.05)}
.art-card{border-radius:16px;box-shadow:0 22px 60px rgba(21,21,19,.12)}
.trust{background:#f4f7fb;border-block-color:#e5ebf3;padding:27px 5%;gap:7%}
.trust div{font-size:14px}.trust strong{font-size:20px;color:#004AB8}
.section{padding:108px 0}
.section-head{margin-bottom:44px}
.section h2,.about h2,.contact h2{font-size:clamp(30px,3.4vw,40px);letter-spacing:-1.2px;line-height:1.22}
.service-grid{gap:20px}
.service{padding:28px 25px;min-height:210px;border-color:#e2e8f0;border-radius:14px;box-shadow:0 7px 24px rgba(21,21,19,.035);transition:transform .2s,box-shadow .2s,border-color .2s}
.service:hover{transform:translateY(-4px);border-color:#b9d1f5;box-shadow:0 15px 32px rgba(0,74,184,.09)}
.service-icon{width:46px;height:46px;border-radius:12px;background:#eaf1fc;color:#004AB8;font-size:23px}
.service h3{font-size:17px;margin:19px 0 10px;line-height:1.4}
.service p{font-size:14px;line-height:1.75;color:#596575}
.projects{padding-top:66px}
.filters{gap:10px}.filter{font-size:13px;padding:10px 16px;border-radius:999px;border-color:#d9e1ec}
.filter.active,.filter:hover{background:#004AB8;border-color:#004AB8}
.project-grid{gap:32px 22px}
.project-image{height:225px;border-radius:13px;background:#f0f4f9}
.project-meta{font-size:12px;letter-spacing:.7px;margin-top:17px}
.project h3{font-size:19px;line-height:1.4;margin:10px 0}
.project>p{font-size:14px;line-height:1.7;color:#596575}
.empty{font-size:15px;padding:42px}
.about{gap:75px}
.about-mark{height:270px;background:linear-gradient(140deg,#004AB8,#0158C7);box-shadow:0 18px 40px rgba(0,74,184,.16);border-radius:22px}
.chips{flex-wrap:wrap;gap:9px}.chips span{font-size:12px;padding:9px 13px;border-color:#d9e1ec}
.profile-values{padding-top:45px}
.contact{background:linear-gradient(120deg,#004AB8,#0158C7);padding-top:62px;padding-bottom:62px}
.contact h2{color:#fff}.contact p{color:#e5efff}
.contact .eyebrow{color:#d5e5ff}
.light{color:#004AB8;border:1px solid #fff;background:#fff;border-radius:9px;font-size:14px;padding:16px 22px}
footer{min-height:104px;font-size:13px;color:#667085}
footer .brand{color:#151513}
.detail{margin-top:72px}.detail h1{font-size:clamp(34px,4vw,46px);line-height:1.2}
.detail-summary{font-size:18px;line-height:1.75}
.detail-content{font-size:16px;line-height:1.85;color:#4b5563}
.detail-content h2,.detail h2{font-size:25px}
.gallery figcaption{font-size:13px}
@media(max-width:1200px){.hero,.section,footer{margin-left:5%;margin-right:5%}}
@media(max-width:760px){
 .nav{height:72px}.navlinks{font-size:15px}
 .hero{padding:60px 0 45px;gap:0;min-height:auto}
 .hero h1{font-size:clamp(39px,9vw,52px);letter-spacing:-1.8px}
 .hero-copy>p,.section-head>p,.about p,.contact p{font-size:16px}
 .hero-art{height:315px}
 .trust{gap:18px}.trust div{font-size:13px}
 .section{padding:76px 0}.section-head{margin-bottom:30px}
 .service-grid{grid-template-columns:1fr 1fr;gap:13px}
 .service{padding:21px 18px;min-height:0}
 .service h3{font-size:16px}.service p{font-size:14px}
 .project-grid{gap:24px 14px}.project-image{height:170px}
 .project-meta{font-size:11px}.project h3{font-size:17px}.project>p{font-size:14px}
 .about{gap:30px}.about-mark{height:180px}
 .contact{padding-top:48px;padding-bottom:48px}
 footer{font-size:12px}
}
@media(max-width:430px){
 .service-grid{grid-template-columns:1fr}
 .service{padding:23px}
 .service p{font-size:15px}
 .project-grid{grid-template-columns:1fr}
 .project-image{height:215px}
 .project-meta{font-size:12px}.project h3{font-size:19px}
}


/* Readability fix: bottom footer contrast */
footer,.site-footer{
  background:#F5F7FA !important;
  color:#394454 !important;
  border-top:1px solid #D9DDE5;
}
footer .brand, footer .brand *,
footer a, footer>a:last-child,
.site-footer a{
  color:#004AB8 !important;
}
footer small, footer p, footer span{
  color:#394454 !important;
}


/* Footer full-width background with centered inner content */
footer{
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
  padding-left:max(calc((100% - 1160px)/2),5%);
  padding-right:max(calc((100% - 1160px)/2),5%);
  background:#F5F7FA !important;
  color:#394454 !important;
  border-top:1px solid #D9DDE5;
}
footer .brand, footer .brand *,
footer a, footer>a:last-child{
  color:#004AB8 !important;
}
footer small, footer p, footer span{
  color:#394454 !important;
}
@media(max-width:760px){
  footer{
    padding-left:5%;
    padding-right:5%;
  }
}


/* Final footer sizing and contrast */
html,body{margin:0}
footer{
  display:flex;
  width:100%;
  max-width:none;
  margin:0 !important;
  box-sizing:border-box;
  padding:24px max(calc((100% - 1160px)/2),5%);
  background:#F5F7FA !important;
  color:#394454 !important;
  border-top:1px solid #D9DDE5;
}
footer .brand,footer .brand *,footer a,footer>a:last-child{color:#004AB8 !important}
footer small,footer p,footer span{color:#394454 !important}
@media(max-width:760px){
  footer{padding-left:5%;padding-right:5%}
}


/* Layout refinement: consistent spacing, alignment, and responsive project cards */
* { box-sizing: border-box; }
html { overflow-x: hidden; }
body { margin: 0; }
.nav {
  width: 100%;
  padding-inline: max(5%, calc((100% - 1160px) / 2));
  gap: 24px;
}
.navlinks { align-items: center; }
.hero, .section, footer {
  width: min(1160px, 90%);
  margin-inline: auto;
}
.hero {
  padding: clamp(64px, 8vw, 100px) 0;
  gap: clamp(32px, 5vw, 62px);
}
.hero-copy { min-width: 0; }
.hero-copy > p { max-width: 560px; }
.hero-art { min-width: 0; }
.trust {
  padding: 24px max(5%, calc((100% - 1160px) / 2));
  flex-wrap: wrap;
}
.section {
  padding: clamp(64px, 8vw, 100px) 0;
}
.section-head {
  align-items: end;
  gap: 24px;
  margin-bottom: 32px;
}
.section-head > div { min-width: 0; }
.section-head > p { max-width: 420px; }
.service-grid { gap: 18px; }
.service {
  height: 100%;
  min-width: 0;
  padding: 24px;
}
.projects { padding-top: clamp(48px, 6vw, 72px); }
.filters { row-gap: 10px; }
.project-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px 22px;
  align-items: stretch;
}
.project {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.project-image {
  height: auto;
  aspect-ratio: 16 / 10;
  flex: 0 0 auto;
}
.project-meta { flex-wrap: wrap; row-gap: 6px; }
.project h3 { line-height: 1.4; }
.project > p { line-height: 1.7; overflow-wrap: anywhere; }
.about {
  gap: clamp(32px, 7vw, 80px);
  padding-top: clamp(64px, 8vw, 100px);
  padding-bottom: clamp(64px, 8vw, 100px);
}
.about > div { min-width: 0; }
.chips { flex-wrap: wrap; row-gap: 8px; }
.contact {
  padding: 48px max(5%, calc((100% - 1160px) / 2));
}
.contact > div { min-width: 0; }
footer {
  min-height: 96px;
  gap: 20px;
  padding-block: 24px;
}
.detail {
  width: min(900px, 90%);
  margin: clamp(40px, 6vw, 64px) auto clamp(64px, 8vw, 100px);
  padding: 0;
}
.detail h1 { line-height: 1.15; overflow-wrap: anywhere; }
.detail-summary { max-width: 760px; }
.detail-content { width: min(100%, 720px); }
.detail-cover { display: block; }
.gallery { gap: 18px; }
.gallery figure { min-width: 0; margin: 0; }
.gallery img { display: block; aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 900px) {
  .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust { justify-content: space-between; gap: 18px 28px; }
}
@media (max-width: 760px) {
  .nav { padding-inline: 5%; }
  .hero, .section, footer { width: 90%; }
  .hero { padding: 56px 0 44px; }
  .hero-art { width: 100%; }
  .section { padding: 64px 0; }
  .section-head { margin-bottom: 28px; }
  .service-grid { gap: 14px; }
  .service { padding: 20px; }
  .project-grid { gap: 24px 14px; }
  .project-image { aspect-ratio: 4 / 3; }
  .about { padding-block: 64px; }
  .contact { padding: 42px 5%; }
  .detail { width: 90%; padding: 0; }
  footer { align-items: flex-start; }
}
@media (max-width: 520px) {
  .project-grid, .service-grid { grid-template-columns: 1fr; }
  .project-image { aspect-ratio: 16 / 10; }
  .trust { grid-template-columns: 1fr 1fr; }
  .gallery { grid-template-columns: 1fr; }
  .chips span { padding: 7px 10px; }
  .detail h1 { font-size: clamp(28px, 8vw, 36px); }
}


/* Revision: remove section fills and improve mobile side spacing */
section,
section:nth-of-type(even),
.section,
.projects,
.profile-values,
.about {
  background: transparent !important;
}
@media (max-width: 760px) {
  .hero, .section, footer {
    width: calc(100% - 40px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  .section {
    padding: 54px 0;
  }
  .projects {
    padding-top: 46px;
  }
  .section-head {
    gap: 16px;
    margin-bottom: 24px;
  }
  .section-head > div,
  .section-head > p,
  .project-grid,
  .service-grid {
    width: 100%;
    min-width: 0;
  }
  .filters {
    margin-bottom: 22px;
  }
  .project-grid {
    gap: 26px;
  }
  .project {
    width: 100%;
  }
  .about {
    padding-top: 54px;
    padding-bottom: 54px;
  }
}
@media (max-width: 420px) {
  .hero, .section, footer {
    width: calc(100% - 36px);
  }
  .section {
    padding: 48px 0;
  }
}