/* =========================================================
   BCB GROUP 2026
   CONTACT — PREMIUM PAGE
========================================================= */

.contact26-page{
  background:#f7f3eb;
  color:#202429;
  overflow:hidden;
}

.contact26-label{
  margin-bottom:17px;
  color:#a17016;
  font-size:10px;
  font-weight:950;
  letter-spacing:3.4px;
  text-transform:uppercase;
}

.contact26-label-light{
  color:#efc45f;
}


/* =========================================================
   HERO
========================================================= */

.contact26-hero{
  min-height:760px;
  position:relative;

  padding:135px 7% 80px;

  display:flex;
  align-items:center;

  isolation:isolate;
  overflow:hidden;

  background:
    linear-gradient(135deg,#fcfaf6 0%,#f4efe6 48%,#e9e2d5 100%);
}

.contact26-hero-grid{
  position:absolute;
  inset:0;
  z-index:-4;
  opacity:.62;

  background-image:
    linear-gradient(rgba(28,33,38,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,33,38,.038) 1px,transparent 1px);

  background-size:48px 48px;
}

.contact26-hero-glow{
  position:absolute;
  z-index:-3;
  border-radius:50%;
  pointer-events:none;
}

.contact26-glow-one{
  width:720px;
  height:720px;
  right:-210px;
  top:-220px;

  background:
    radial-gradient(circle,rgba(230,187,86,.30),rgba(207,148,31,.08) 44%,transparent 72%);
}

.contact26-glow-two{
  width:500px;
  height:500px;
  left:-260px;
  bottom:-230px;

  background:
    radial-gradient(circle,rgba(58,135,174,.08),transparent 68%);
}

.contact26-hero-inner{
  width:100%;
  max-width:1500px;
  margin:auto;

  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:70px;
  align-items:center;
}

.contact26-hero-copy{
  max-width:700px;
  position:relative;
  z-index:5;
}

.contact26-eyebrow{
  margin-bottom:25px;

  display:flex;
  align-items:center;
  gap:13px;

  color:#84621d;
  font-size:10px;
  font-weight:950;
  letter-spacing:3.3px;
  text-transform:uppercase;
}

.contact26-eyebrow > span{
  width:42px;
  height:2px;
  display:block;
  border-radius:20px;

  background:
    linear-gradient(90deg,#efca68,#b8750b);
}

.contact26-hero h1{
  margin:0;
  color:#181c20;

  font-size:clamp(56px,5.1vw,82px);
  font-weight:950;
  line-height:.96;
  letter-spacing:-3.6px;
}

.contact26-hero h1 strong{
  display:block;
  color:transparent;

  background:
    linear-gradient(105deg,#a96a08,#e1a72e 50%,#91600d);

  background-clip:text;
  -webkit-background-clip:text;
}

.contact26-hero-text{
  max-width:620px;
  margin-top:27px;

  color:#646a70;
  font-size:17px;
  line-height:1.75;
}

.contact26-hero-actions{
  margin-top:34px;

  display:flex;
  align-items:center;
  gap:13px;
}

.contact26-hero-proof{
  max-width:585px;
  margin-top:44px;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  overflow:hidden;

  border:1px solid rgba(255,255,255,.82);
  border-radius:19px;

  background:rgba(255,255,255,.62);
  backdrop-filter:blur(16px);

  box-shadow:
    inset 0 1px 0 #fff,
    0 16px 38px rgba(30,35,40,.07);
}

.contact26-hero-proof > div{
  min-height:84px;
  padding:17px 18px;
  position:relative;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.contact26-hero-proof > div +
.contact26-hero-proof > div::before{
  content:"";
  position:absolute;
  left:0;
  top:20%;

  width:1px;
  height:60%;

  background:
    linear-gradient(transparent,rgba(195,132,20,.28),transparent);
}

.contact26-hero-proof strong{
  color:#22272b;
  font-size:21px;
  font-weight:950;
}

.contact26-hero-proof span{
  margin-top:3px;
  color:#81868a;
  font-size:9px;
  font-weight:800;
}


/* HERO CONTACT PANEL */

.contact26-hero-panel{
  max-width:570px;
  width:100%;
  justify-self:end;

  padding:29px;

  position:relative;

  border:1px solid rgba(255,255,255,.93);
  border-radius:30px;

  background:
    linear-gradient(145deg,rgba(255,255,255,.91),rgba(239,234,223,.82));

  backdrop-filter:blur(20px);

  box-shadow:
    inset 0 1px 0 #fff,
    0 28px 60px rgba(25,30,35,.12),
    0 60px 110px rgba(25,30,35,.10);
}

.contact26-panel-logo{
  width:165px;
  padding:14px 16px;

  border:1px solid rgba(206,148,27,.43);
  border-radius:16px;

  background:#fff;

  box-shadow:
    inset 0 1px 0 #fff,
    0 12px 26px rgba(25,30,35,.09);
}

.contact26-panel-logo img{
  display:block;
  width:100%;
}

.contact26-panel-title{
  margin-top:25px;
}

.contact26-panel-title span{
  display:block;

  color:#a0711a;
  font-size:8px;
  font-weight:950;
  letter-spacing:1.9px;
}

.contact26-panel-title strong{
  display:block;
  margin-top:3px;

  color:#272c31;
  font-size:26px;
  font-weight:950;
  letter-spacing:-1px;
}

.contact26-panel-links{
  margin-top:20px;
  display:grid;
  gap:9px;
}

.contact26-panel-links > a{
  min-height:64px;
  padding:10px 12px;

  display:grid;
  grid-template-columns:38px 1fr 17px;
  gap:11px;
  align-items:center;

  border:1px solid rgba(25,30,35,.065);
  border-radius:14px;

  color:#33383d;
  background:rgba(255,255,255,.65);

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.contact26-panel-links > a:hover{
  transform:translateX(4px);
  background:#fff;

  box-shadow:
    0 12px 25px rgba(25,30,35,.07);
}

.contact26-panel-links > a > i:first-child{
  width:38px;
  height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:11px;

  color:#96610d;
  background:#f0dda7;

  font-size:13px;
}

.contact26-panel-links > a:nth-child(3) > i:first-child{
  color:#147f46;
  background:#d9f4e4;
}

.contact26-panel-links span{
  display:grid;
  gap:2px;
}

.contact26-panel-links small{
  color:#91969a;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.3px;
}

.contact26-panel-links strong{
  color:#33383d;
  font-size:11px;
}

.contact26-panel-links > a > i:last-child{
  color:#a47014;
  font-size:9px;
}

.contact26-panel-meta{
  margin-top:18px;
  padding-top:15px;

  display:flex;
  justify-content:space-between;
  gap:15px;

  border-top:1px solid rgba(25,30,35,.08);
}

.contact26-panel-meta > div{
  display:flex;
  align-items:center;
  gap:7px;

  color:#777c81;
  font-size:9px;
  font-weight:800;
}

.contact26-panel-meta i{
  color:#a97215;
}


/* =========================================================
   DASHBOARD / FORM
========================================================= */

.contact26-dashboard{
  padding:110px 7% 120px;

  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:60px;
  align-items:start;

  background:
    linear-gradient(135deg,#f4efe6,#fbfaf7);
}

.contact26-info{
  position:sticky;
  top:105px;
}

.contact26-info h2,
.contact26-form-heading h2,
.contact26-section-heading h2,
.contact26-process h2,
.contact26-final h2{
  color:#181c20;

  font-size:clamp(40px,4vw,60px);
  font-weight:950;
  line-height:1.03;
  letter-spacing:-2.4px;
}

.contact26-info h2 span,
.contact26-form-heading h2 span,
.contact26-section-heading h2 span,
.contact26-final h2 span{
  display:block;
  color:transparent;

  background:
    linear-gradient(110deg,#ac6d09,#dda42c,#93600b);

  background-clip:text;
  -webkit-background-clip:text;
}

.contact26-info-lead{
  max-width:570px;
  margin-top:20px;

  color:#6b7075;
  font-size:14px;
  line-height:1.75;
}

.contact26-methods{
  margin-top:28px;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.contact26-method{
  min-height:118px;
  padding:17px;

  display:flex;
  align-items:flex-start;
  gap:12px;

  border:1px solid rgba(25,30,35,.07);
  border-radius:18px;

  color:#33383d;
  background:
    linear-gradient(145deg,#fff,#f1ede4);

  box-shadow:
    inset 0 1px 0 #fff,
    0 14px 30px rgba(25,30,35,.06);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

a.contact26-method:hover{
  transform:translateY(-5px);

  box-shadow:
    inset 0 1px 0 #fff,
    0 20px 38px rgba(25,30,35,.09);
}

.contact26-method-icon{
  width:43px;
  height:43px;

  flex-shrink:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;

  color:#91600d;
  background:#f0dda8;

  font-size:14px;
}

.contact26-method-whatsapp{
  color:#147d46;
  background:#d9f4e4;
}

.contact26-method > div:last-child{
  display:grid;
}

.contact26-method small{
  color:#9a7c3e;
  font-size:7px;
  font-weight:950;
  letter-spacing:1.4px;
}

.contact26-method strong{
  margin-top:3px;
  color:#2f3439;
  font-size:12px;
}

.contact26-method span{
  margin-top:3px;
  color:#868b8f;
  font-size:9px;
  line-height:1.4;
}

.contact26-verse{
  margin-top:18px;
  padding:16px 17px;

  display:flex;
  align-items:center;
  gap:12px;

  border:1px solid rgba(198,139,26,.24);
  border-left:3px solid #cf941d;
  border-radius:14px;

  background:
    linear-gradient(90deg,rgba(207,148,29,.07),rgba(255,255,255,.48));
}

.contact26-verse-icon{
  width:34px;
  height:34px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex-shrink:0;

  border-radius:50%;

  color:#211806;
  background:
    linear-gradient(145deg,#edc65f,#bd7a0d);

  font-size:10px;
}

.contact26-verse p{
  margin:0;

  color:#4c5156;
  font-size:10.5px;
  line-height:1.55;
  font-style:italic;
}

.contact26-verse strong{
  display:block;
  margin-top:4px;

  color:#a06b10;
  font-size:9px;
  font-style:normal;
}


/* FORM */

.contact26-form-panel{
  padding:34px;

  border:1px solid rgba(255,255,255,.88);
  border-radius:29px;

  background:
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(242,237,227,.84));

  box-shadow:
    inset 0 1px 0 #fff,
    0 25px 55px rgba(25,30,35,.10),
    0 55px 100px rgba(25,30,35,.08);
}

.contact26-form-heading{
  margin-bottom:28px;
}

.contact26-form-heading > p:last-child{
  max-width:650px;
  margin-top:15px;

  color:#70757a;
  font-size:12px;
  line-height:1.65;
}

.contact26-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:17px 15px;
}

.contact26-field{
  display:grid;
  gap:7px;
}

.contact26-field-full{
  grid-column:1 / -1;
}

.contact26-field label{
  color:#454a4f;
  font-size:9px;
  font-weight:950;
  letter-spacing:.3px;
}

.contact26-input-wrap{
  min-height:53px;
  position:relative;

  display:flex;
  align-items:center;

  border:1px solid rgba(25,30,35,.08);
  border-radius:13px;

  background:rgba(255,255,255,.80);

  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 17px rgba(25,30,35,.035);

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.contact26-input-wrap:focus-within{
  border-color:rgba(198,137,24,.45);
  background:#fff;

  box-shadow:
    inset 0 1px 0 #fff,
    0 0 0 3px rgba(211,154,31,.07),
    0 10px 23px rgba(25,30,35,.06);
}

.contact26-input-wrap > i{
  width:42px;
  flex-shrink:0;

  color:#a47218;
  text-align:center;

  font-size:12px;
}

.contact26-input-wrap input,
.contact26-input-wrap select,
.contact26-input-wrap textarea{
  width:100%;
  min-width:0;

  border:0;
  outline:0;

  color:#33383d;
  background:transparent;

  font:inherit;
  font-size:11px;
}

.contact26-input-wrap input,
.contact26-input-wrap select{
  height:51px;
  padding:0 12px 0 0;
}

.contact26-input-wrap select{
  cursor:pointer;
}

.contact26-input-wrap input::placeholder,
.contact26-input-wrap textarea::placeholder{
  color:#9ba0a4;
}

.contact26-textarea-wrap{
  min-height:150px;
  align-items:flex-start;
}

.contact26-textarea-wrap > i{
  margin-top:17px;
}

.contact26-input-wrap textarea{
  min-height:145px;
  padding:16px 14px 14px 0;

  resize:vertical;
  line-height:1.55;
}

.contact26-submit-row{
  grid-column:1 / -1;

  margin-top:4px;

  display:flex;
  align-items:center;
  gap:17px;
}

.contact26-submit{
  min-height:56px;
  padding:0 25px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  border:1px solid rgba(154,96,8,.24);
  border-radius:14px;

  color:#191309;
  background:
    linear-gradient(135deg,#f7d675,#d69a20 50%,#b7770c);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 13px 26px rgba(171,107,10,.18);

  font-size:11px;
  font-weight:950;
  letter-spacing:.4px;
  text-transform:uppercase;

  cursor:pointer;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.contact26-submit:hover{
  transform:translateY(-4px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 19px 35px rgba(171,107,10,.23);
}

.contact26-submit-row > p{
  max-width:350px;
  margin:0;

  color:#93979b;
  font-size:8.5px;
  line-height:1.45;
}


/* =========================================================
   PROJECT TYPES
========================================================= */

.contact26-projects{
  padding:110px 7% 125px;
  background:#fbfaf7;
}

.contact26-section-heading{
  margin-bottom:50px;

  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:60px;
}

.contact26-section-heading > div{
  max-width:770px;
}

.contact26-section-heading > p{
  max-width:410px;

  color:#74797e;
  font-size:14px;
  line-height:1.7;
}

.contact26-project-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.contact26-project{
  min-height:340px;
  padding:25px 22px;

  position:relative;
  overflow:hidden;

  border:1px solid rgba(25,30,35,.07);
  border-radius:24px;

  color:#33383d;

  background:
    linear-gradient(145deg,#fff,#f1ede4);

  box-shadow:
    inset 0 1px 0 #fff,
    0 17px 38px rgba(22,27,32,.07);

  --project-accent:#bd861b;
  --project-soft:#f0dda7;

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.contact26-project:hover{
  transform:translateY(-8px);

  box-shadow:
    inset 0 1px 0 #fff,
    0 24px 47px rgba(22,27,32,.10);
}

.contact26-project > span{
  position:absolute;
  right:15px;
  top:10px;

  color:rgba(30,35,40,.055);

  font-size:70px;
  font-weight:950;
  letter-spacing:-5px;
}

.contact26-project > i{
  width:76px;
  height:76px;
  margin-top:24px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:22px;

  color:var(--project-accent);
  background:var(--project-soft);

  font-size:27px;
}

.contact26-project h3{
  margin-top:25px;

  color:#282d32;
  font-size:22px;
  font-weight:950;
}

.contact26-project p{
  margin-top:10px;

  color:#74797d;
  font-size:12px;
  line-height:1.65;
}

.contact26-project > strong{
  margin-top:24px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  color:var(--project-accent);

  font-size:9px;
  font-weight:950;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.contact26-project > strong i{
  font-size:9px;
}

.contact26-project-electric{
  --project-accent:#258fd6;
  --project-soft:#dff3ff;
}

.contact26-project-sanitary{
  --project-accent:#15958f;
  --project-soft:#ddf7f3;
}

.contact26-project-finish{
  --project-accent:#b56e48;
  --project-soft:#f5e1d5;
}


/* =========================================================
   PROCESS — DARK
========================================================= */

.contact26-process{
  min-height:650px;
  padding:110px 7%;

  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:70px;
  align-items:center;

  position:relative;
  overflow:hidden;

  color:#fff;

  background:
    radial-gradient(circle at 15% 14%,rgba(255,255,255,.07),transparent 28%),
    radial-gradient(circle at 87% 18%,rgba(208,155,36,.10),transparent 24%),
    linear-gradient(135deg,#23282d,#111418);
}

.contact26-process::before{
  content:"";
  position:absolute;
  inset:0;

  opacity:.22;

  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);

  background-size:52px 52px;
}

.contact26-process-copy,
.contact26-process-grid{
  position:relative;
  z-index:2;
}

.contact26-process h2{
  color:#fff;
}

.contact26-process h2 span{
  display:block;
  color:#e7bd59;
}

.contact26-process-copy > p:not(.contact26-label){
  max-width:590px;
  margin-top:22px;

  color:#c4c8cc;
  font-size:14px;
  line-height:1.78;
}

.contact26-process-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.contact26-process-step{
  min-height:190px;
  padding:22px;

  position:relative;

  border:1px solid rgba(255,255,255,.09);
  border-radius:21px;

  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055);
}

.contact26-process-step > span{
  position:absolute;
  right:13px;
  top:9px;

  color:rgba(255,255,255,.055);

  font-size:48px;
  font-weight:950;
}

.contact26-process-step > i{
  width:49px;
  height:49px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:14px;

  color:#1d1608;
  background:
    linear-gradient(145deg,#efc969,#b8780d);

  font-size:16px;
}

.contact26-process-step strong{
  display:block;
  margin-top:17px;

  color:#fff;
  font-size:16px;
}

.contact26-process-step p{
  margin-top:6px;

  color:#bcc1c5;
  font-size:10.5px;
  line-height:1.55;
}


/* =========================================================
   FINAL
========================================================= */

.contact26-final{
  min-height:490px;
  position:relative;

  padding:90px 7%;

  display:grid;
  grid-template-columns:1fr .65fr;
  gap:70px;
  align-items:center;

  overflow:hidden;

  background:
    linear-gradient(135deg,#fff,#f1ece2);
}

.contact26-final-grid{
  position:absolute;
  inset:0;

  opacity:.34;

  background-image:
    linear-gradient(rgba(28,33,38,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,33,38,.035) 1px,transparent 1px);

  background-size:42px 42px;
}

.contact26-final-copy{
  position:relative;
  z-index:2;
}

.contact26-final-copy > p:not(.contact26-label){
  max-width:610px;
  margin-top:20px;

  color:#6b7075;
  font-size:15px;
  line-height:1.75;
}

.contact26-final-actions{
  margin-top:29px;

  display:flex;
  align-items:center;
  gap:13px;
}

.contact26-whatsapp-btn{
  min-height:56px;
  padding:0 23px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  border:1px solid rgba(25,30,35,.08);
  border-radius:14px;

  color:#277746;
  background:#fff;

  box-shadow:
    0 12px 28px rgba(20,24,28,.07);

  font-size:12px;
  font-weight:950;
}

.contact26-final-logo{
  position:relative;
  z-index:2;

  display:flex;
  justify-content:center;
}

.contact26-final-logo img{
  width:min(100%,390px);

  filter:
    drop-shadow(0 28px 34px rgba(20,24,28,.12));
}


/* =========================================================
   WHATSAPP FLOAT
========================================================= */

.contact26-whatsapp-float{
  width:54px;
  height:54px;

  position:fixed;
  right:21px;
  bottom:21px;
  z-index:4200;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:17px;

  color:#fff;
  background:#25d366;

  box-shadow:
    0 15px 35px rgba(37,211,102,.28);

  font-size:24px;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.contact26-whatsapp-float:hover{
  transform:
    translateY(-5px)
    scale(1.04);

  box-shadow:
    0 22px 44px rgba(37,211,102,.34);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px){

  .contact26-hero-inner{
    grid-template-columns:.95fr 1.05fr;
    gap:35px;
  }

  .contact26-dashboard{
    grid-template-columns:.9fr 1.1fr;
    gap:35px;
  }

  .contact26-project-grid{
    grid-template-columns:1fr 1fr;
  }

}


@media(max-width:850px){

  .contact26-hero{
    min-height:auto;
    padding:115px 6% 75px;
  }

  .contact26-hero-inner{
    grid-template-columns:1fr;
    gap:45px;
  }

  .contact26-hero h1{
    max-width:700px;
    font-size:clamp(48px,9vw,68px);
  }

  .contact26-hero-panel{
    max-width:100%;
    justify-self:stretch;
  }

  .contact26-dashboard{
    padding:90px 6%;
    grid-template-columns:1fr;
    gap:42px;
  }

  .contact26-info{
    position:relative;
    top:auto;
  }

  .contact26-projects{
    padding:90px 6%;
  }

  .contact26-section-heading{
    display:block;
  }

  .contact26-section-heading > p{
    margin-top:20px;
  }

  .contact26-process{
    padding:90px 6%;
    grid-template-columns:1fr;
    gap:42px;
  }

  .contact26-final{
    padding:85px 6%;
    grid-template-columns:1fr;
    gap:42px;
  }

  .contact26-final-logo{
    justify-content:flex-start;
  }

  .contact26-final-logo img{
    width:260px;
  }

}


@media(max-width:600px){

  .contact26-hero{
    padding:105px 5% 65px;
  }

  .contact26-eyebrow{
    font-size:8px;
    letter-spacing:2.1px;
  }

  .contact26-eyebrow > span{
    width:29px;
  }

  .contact26-hero h1{
    font-size:43px;
    letter-spacing:-2px;
  }

  .contact26-hero-text{
    font-size:14px;
  }

  .contact26-hero-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .contact26-hero-actions a{
    width:100%;
  }

  .contact26-hero-proof{
    grid-template-columns:1fr;
  }

  .contact26-hero-proof > div{
    min-height:62px;
  }

  .contact26-hero-proof > div +
  .contact26-hero-proof > div::before{
    top:0;
    left:10%;

    width:80%;
    height:1px;

    background:
      linear-gradient(90deg,transparent,rgba(195,132,20,.25),transparent);
  }

  .contact26-panel-meta{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact26-dashboard,
  .contact26-projects,
  .contact26-process,
  .contact26-final{
    padding-left:5%;
    padding-right:5%;
  }

  .contact26-info h2,
  .contact26-form-heading h2,
  .contact26-section-heading h2,
  .contact26-process h2,
  .contact26-final h2{
    font-size:37px;
    letter-spacing:-1.7px;
  }

  .contact26-methods{
    grid-template-columns:1fr;
  }

  .contact26-form-panel{
    padding:23px 18px;
    border-radius:23px;
  }

  .contact26-form{
    grid-template-columns:1fr;
  }

  .contact26-field-full,
  .contact26-submit-row{
    grid-column:auto;
  }

  .contact26-submit-row{
    align-items:stretch;
    flex-direction:column;
  }

  .contact26-submit{
    width:100%;
  }

  .contact26-project-grid,
  .contact26-process-grid{
    grid-template-columns:1fr;
  }

  .contact26-final-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .contact26-final-actions a{
    width:100%;
  }

  .contact26-whatsapp-float{
    width:50px;
    height:50px;
    right:15px;
    bottom:15px;
  }

}