.contact-page{background:#fff}.contact-page .container{max-width:1240px}.contact-banner{height:430px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(4,31,43,.94),rgba(4,31,43,.55)),url('assets/testimonial.png') center/cover no-repeat;border-bottom:30px solid var(--red)}.contact-banner h1{margin:22px 0 18px;font-size:64px;font-weight:700;letter-spacing:-2px}.contact-banner p{max-width:650px;margin:0;color:#d2dce0;line-height:1.7}.contact-breadcrumb{display:flex;gap:24px;align-items:center}.contact-breadcrumb a{color:#c4d0d5;text-decoration:none}.contact-breadcrumb span{color:var(--red)}.contact-breadcrumb strong{color:#fff}.contact-cards{padding:65px 0;background:#f6f7f7}.contact-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.contact-card-grid article{min-height:260px;display:flex;flex-direction:column;padding:35px;background:#fff;border-bottom:4px solid var(--navy);box-shadow:0 12px 30px rgba(8,45,61,.06)}.contact-card-grid article>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:20px}.contact-card-grid small{margin-top:25px;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.08em}.contact-card-grid h2{margin:10px 0 6px;color:var(--navy);font-size:19px;font-weight:700}.contact-card-grid p{color:#687980}.contact-card-grid a{margin-top:auto;color:var(--navy);font-size:10px;font-weight:800;text-transform:uppercase;text-underline-offset:6px}.contact-card-grid .featured{background:var(--navy);border-bottom-color:var(--red)}.contact-card-grid .featured h2,.contact-card-grid .featured a{color:#fff}.contact-card-grid .featured p{color:#b8c7cd}.contact-card-grid .featured>span{background:#fff;color:var(--red)}.contact-form-section{padding:85px 0;border-top:30px solid var(--navy)}.contact-form-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:85px;align-items:start}.contact-form-copy>small,.office-copy>small,.contact-cta small{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.08em}.contact-form-copy h2,.office-copy h2{margin:18px 0 25px;color:var(--navy);font-size:44px;line-height:1.12;font-weight:700;letter-spacing:-1px}.contact-form-copy>p,.office-copy>p{color:#596c74;line-height:1.8}.response-note{margin-top:42px;padding:28px;background:#f5f7f7;border-left:4px solid var(--red)}.response-note strong{color:var(--navy)}.response-note ol{margin:18px 0 0;padding-left:20px;color:#60727a;line-height:2}.contact-form{padding:42px;background:#f6f7f7}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:block;margin:0 0 10px;color:var(--navy);font-size:11px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-bottom:24px;padding:14px 15px;border:1px solid #d8dfe1;background:#fff;color:var(--navy);font:inherit;outline:0}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(217,39,28,.09)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-form .consent{display:flex;align-items:center;gap:10px;margin:0;color:#65767d;font-weight:500}.contact-form .consent input{width:16px;height:16px;margin:0;accent-color:var(--red)}.contact-form button{min-height:50px;padding:0 30px;border:0;background:var(--red);color:#fff;font-size:11px;font-weight:700}.contact-form button span{margin-left:15px}.contact-office{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-top:30px solid var(--red);background:var(--navy)}.office-image{background:url('assets/hero-2.png') center/cover no-repeat}.office-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 10%;color:#fff}.office-copy h2{color:#fff}.office-copy>p{color:#c2d0d5}.office-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.office-details div{padding-top:20px;border-top:1px solid #496672}.office-details b,.office-details span{display:block}.office-details span{margin-top:10px;color:#acbec5;line-height:1.65}.office-copy>a{align-self:flex-start;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;text-underline-offset:7px}.contact-cta{padding:50px 0;background:var(--red);color:#fff}.contact-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-cta small{color:#fff;opacity:.8}.contact-cta h2{margin:12px 0 0;font-size:32px;font-weight:700}.contact-cta a{min-height:48px;display:inline-flex;align-items:center;padding:0 30px;background:#fff;color:var(--red);text-decoration:none;font-size:11px;font-weight:700}
@media(max-width:991px){.contact-banner{height:350px}.contact-banner h1{font-size:52px}.contact-card-grid{gap:18px}.contact-card-grid article{padding:28px}.contact-form-grid{grid-template-columns:1fr;gap:50px}.contact-form-copy{max-width:700px}.contact-office{grid-template-columns:1fr}.office-image{height:470px}}
@media(max-width:767px){.contact-banner{height:310px;border-bottom-width:20px}.contact-banner h1{font-size:42px}.contact-cards{padding:45px 0}.contact-card-grid{grid-template-columns:1fr}.contact-card-grid article{min-height:230px}.contact-form-section{padding:60px 0;border-top-width:20px}.contact-form-copy h2,.office-copy h2{font-size:34px}.contact-form{padding:28px 22px}.field-row{grid-template-columns:1fr;gap:0}.form-footer{align-items:flex-start;flex-direction:column}.office-image{height:360px}.contact-office{border-top-width:20px}.office-copy{padding:55px 22px}.contact-cta .container{align-items:flex-start;flex-direction:column}.contact-cta h2{font-size:28px}}
@media(max-width:420px){.contact-banner h1{font-size:36px}.contact-form{margin:0 -10px;padding:25px 18px}.office-details{grid-template-columns:1fr}.office-image{height:300px}}
.office-image{background-image:url('assets/cablecon-african-engineering-team.webp')}
.form-alert{margin-bottom:28px;padding:16px 18px;border-left:4px solid;font-size:12px;line-height:1.6}.form-alert.success{border-color:#1f8a52;background:#eaf7f0;color:#17663e}.form-alert.error{border-color:var(--red);background:#fff0ef;color:#8d1c15}.form-alert ul{margin:8px 0 0;padding-left:20px}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}