.services-page{background:#fff}.services-page .container{max-width:1240px}.services-banner{height:400px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(4,31,43,.9),rgba(4,31,43,.62)),url('assets/values.png') center 45%/cover no-repeat;border-bottom:30px solid var(--red)}.services-banner h1{margin:22px 0 0;font-size:64px;font-weight:700;letter-spacing:-2px}.services-breadcrumb{display:flex;gap:24px;align-items:center}.services-breadcrumb a{color:#c4d0d5;text-decoration:none}.services-breadcrumb span{color:var(--red)}.services-breadcrumb strong{color:#fff}.services-catalog{padding:80px 0 85px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.catalog-card{min-height:430px;position:relative;display:flex;flex-direction:column;padding:62px 38px 38px;background:#f5f6f6;color:var(--navy);transition:transform .25s ease,box-shadow .25s ease}.catalog-card:after{content:"";position:absolute;right:0;top:0;border-left:38px solid transparent;border-top:38px solid #fff}.catalog-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(8,45,61,.1)}.catalog-card em{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-style:normal;font-size:25px}.catalog-card h2{margin:28px 0 16px;color:var(--navy);font-size:27px;line-height:1.1;font-weight:700}.catalog-card p{margin:0;color:#596a72;line-height:1.7}.catalog-card a{margin-top:auto;padding-top:30px;color:var(--navy);font-size:10px;font-weight:800;text-transform:uppercase;text-underline-offset:7px}.catalog-card.featured{background:var(--red);color:#fff}.catalog-card.featured:after{border-top-color:var(--navy)}.catalog-card.featured em{background:#fff;color:var(--red)}.catalog-card.featured h2,.catalog-card.featured p,.catalog-card.featured a{color:#fff}.services-faq{padding:40px 0 0;border-top:30px solid var(--navy);background:#fff}.services-faq-grid{display:grid;grid-template-columns:320px 1fr;align-items:center;gap:80px}.services-faq-title small{color:var(--red);font-size:10px;font-weight:700}.services-faq-title h2{margin:20px 0 42px;color:var(--navy);font-size:42px;line-height:1.12;font-weight:700}.services-faq-title>a{display:inline-flex;min-height:45px;align-items:center;padding:0 38px;background:var(--red);color:#fff;text-decoration:none;font-size:11px;font-weight:700}.service-accordion{padding:45px 70px;background:var(--navy);color:#fff}.service-accordion .accordion-item{border:0;border-bottom:1px solid #3b5966;background:transparent}.service-accordion .accordion-button{min-height:70px;padding:20px 0;background:transparent!important;color:#fff!important;font-size:13px;font-weight:700;box-shadow:none!important}.service-accordion .accordion-button::after{filter:brightness(0) invert(18%) sepia(97%) saturate(3265%) hue-rotate(353deg) brightness(97%)}.service-accordion .accordion-body{padding:0 30px 24px 0;color:#aebfc6;line-height:1.75}.services-cta{height:660px;display:flex;align-items:flex-start;padding-top:95px;text-align:center;background:linear-gradient(rgba(216,235,250,.72),rgba(216,235,250,.38)),url('assets/newsletter.png') center bottom/cover no-repeat;border-top:30px solid var(--red)}.services-cta h2{color:var(--navy);font-size:58px;line-height:1.08;font-weight:700;letter-spacing:-2px}.services-cta p{margin:26px 0;color:#536871}.services-cta form{display:flex;flex-direction:column;align-items:center;gap:28px;max-width:620px;margin:35px auto 0}.services-cta input{width:100%;padding:14px;border:0;border-bottom:1px solid #91a5ad;background:transparent;text-align:center;outline:0}.services-cta button{min-height:52px;padding:0 44px;border:0;background:var(--red);color:#fff;font-size:11px;font-weight:700}
@media(max-width:991px){.services-banner{height:330px}.services-banner h1{font-size:52px}.catalog-grid{gap:20px}.catalog-card{min-height:400px;padding:48px 27px 32px}.services-faq-grid{grid-template-columns:1fr;gap:35px}.services-faq-title{padding-bottom:10px}.service-accordion{padding:35px 40px}.services-cta h2{font-size:48px}}
@media(max-width:767px){.services-banner{height:280px;border-bottom-width:20px}.services-banner h1{font-size:42px}.services-catalog{padding:55px 0}.catalog-grid{grid-template-columns:1fr;gap:20px}.catalog-card{min-height:360px}.services-faq{padding-top:45px;border-top-width:20px}.services-faq-title h2{font-size:34px;margin-bottom:28px}.service-accordion{margin:0 -22px;padding:28px 22px}.services-cta{height:570px;padding-top:70px;border-top-width:20px}.services-cta h2{font-size:40px}.services-cta h2 br{display:none}.services-cta form{margin-top:25px}}
@media(max-width:420px){.services-banner h1{font-size:36px}.catalog-card{min-height:340px;padding:42px 25px 30px}.service-accordion .accordion-button{font-size:12px;line-height:1.45}.services-cta h2{font-size:34px}}

.services-cta p {
  color: #fff;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(8,45,61,.2);
}
.services-cta input {
  border-bottom-color: rgba(255,255,255,.9);
  color: #fff;
}
.services-cta input::placeholder {
  color: rgba(255,255,255,.9);
  opacity: 1;
}
.services-banner{background-image:linear-gradient(90deg,rgba(4,31,43,.9),rgba(4,31,43,.48)),url('assets/cablecon-heavy-equipment-site.webp')}.services-visuals{display:grid;grid-template-columns:1fr 1fr;min-height:540px;border-top:30px solid var(--navy)}.service-visual{position:relative;display:flex;align-items:flex-end;padding:52px;background-position:center;background-size:cover}.service-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,31,43,.92),rgba(4,31,43,.04) 72%)}.service-visual-equipment{background-image:url('assets/cablecon-heavy-equipment-site.webp')}.service-visual-supplies{background-image:url('assets/cablecon-industrial-tools-supplies.webp')}.service-visual div{position:relative;max-width:520px;color:#fff}.service-visual small{color:#ff7068;font-size:10px;font-weight:800;letter-spacing:.1em}.service-visual h2{margin:15px 0 26px;font-size:34px;line-height:1.16}.service-visual a{display:inline-flex;align-items:center;min-height:45px;padding:0 28px;background:var(--red);color:#fff;text-decoration:none;font-size:10px;font-weight:800;text-transform:uppercase}@media(max-width:767px){.services-visuals{grid-template-columns:1fr;border-top-width:20px}.service-visual{min-height:420px;padding:32px 22px}.service-visual h2{font-size:28px}}

.equipment-showcase{padding:105px 0;background:var(--navy);color:#fff}.equipment-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:54px}.equipment-heading small{color:#ff7068;font-size:10px;font-weight:800;letter-spacing:.12em}.equipment-heading h2{margin:18px 0 0;font-size:45px;line-height:1.08}.equipment-heading p{max-width:520px;margin:0;color:#b5c5cb;line-height:1.8}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.equipment-card{position:relative;min-width:0;padding:0 24px 25px;background:#fff;color:var(--navy);overflow:hidden}.equipment-image{height:225px;display:flex;align-items:center;justify-content:center;padding:22px 4px}.equipment-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.equipment-card:hover .equipment-image img{transform:scale(1.05)}.equipment-card span{display:block;color:var(--red);font-size:10px;font-weight:800}.equipment-card h3{margin:8px 0 0;font-size:19px;font-weight:700}.equipment-action{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:30px;border-top:1px solid #35515d}.equipment-action p{margin:0;color:#b5c5cb}.equipment-action a{display:inline-flex;min-height:48px;align-items:center;padding:0 30px;background:var(--red);color:#fff;text-decoration:none;font-size:10px;font-weight:800;text-transform:uppercase}
@media(max-width:991px){.equipment-heading{gap:40px}.equipment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.equipment-showcase{padding:70px 0}.equipment-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.equipment-heading h2{font-size:36px}.equipment-grid{grid-template-columns:1fr}.equipment-action{align-items:flex-start;flex-direction:column;gap:22px}}
