/* ==========================================================================
   Claptek spacing rhythm — uniform 80px section padding on desktop
   Desktop: 80px | Tablet (≤991px): 70px | Mobile (≤767px): 50px
   ========================================================================== */
:root{
  --cu-section-y: 80px;
  --cu-section-y-compact: 80px;
  --cu-title-gap: 50px;
  --cu-card-gap: 30px;
  --cu-group-title-gap: 30px;
}

@media (max-width: 991px){
  :root{
    --cu-section-y: 70px;
    --cu-section-y-compact: 70px;
    --cu-title-gap: 40px;
    --cu-card-gap: 24px;
    --cu-group-title-gap: 24px;
  }
}

@media (max-width: 767px){
  :root{
    --cu-section-y: 50px;
    --cu-section-y-compact: 50px;
    --cu-title-gap: 30px;
    --cu-card-gap: 20px;
    --cu-group-title-gap: 20px;
  }
}

/* ---- Section vertical padding — all pages ---- */
.feature-section,
.about-section.bg-color-1,
.about-industries,
.service-style-two.about-industries,
.info-section,
.info-section--highlight,
.about-style-two.about-page-1,
.team-section,
.team-section.about-page-1,
.team-section.team-page,
.news-section,
.support-section,
.support-section.service-page-1,
.video-section,
.video-section.about-page-1,
.service-style-three.service-page-2,
.contact-section.service-page-2,
.solutions-page-list,
.service-section,
.testimonial-section,
.why-claptek-section,
.rebrand-teaser-section,
.service-details.solution-detail,
.annual-stats,
.fun-fact.centred,
.error-section{
  padding-top: var(--cu-section-y) !important;
  padding-bottom: var(--cu-section-y) !important;
}

/* Rebrand Story — match site section rhythm */
.rebrand-story-section{
  padding-top: var(--cu-section-y) !important;
  padding-bottom: var(--cu-section-y) !important;
}

.project-section{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Homepage only — Industries we serve */
.about-industries--home,
.why-now-section + .about-industries{
  padding-top: 0 !important;
  padding-bottom: 60px !important;
}

@media (max-width: 991px){
  .about-industries--home,
  .why-now-section + .about-industries{
    padding-top: 0 !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767px){
  .about-industries--home,
  .why-now-section + .about-industries{
    padding-top: 0 !important;
    padding-bottom: 40px !important;
  }
}

.clients-section--marquee,
.clients-section--partners-marquee,
.claptek-partners,
.cta-section,
.why-now-section{
  padding-top: var(--cu-section-y-compact) !important;
  padding-bottom: var(--cu-section-y-compact) !important;
}

/* Technology Partners — Homepage & About Us */
#technology-partners.claptek-partners,
#our-partners.claptek-partners,
.claptek-partners--home{
  padding-bottom: 50px !important;
}

@media (max-width: 991px){
  #technology-partners.claptek-partners,
  #our-partners.claptek-partners,
  .claptek-partners--home{
    padding-bottom: 45px !important;
  }
}

@media (max-width: 767px){
  #technology-partners.claptek-partners,
  #our-partners.claptek-partners,
  .claptek-partners--home{
    padding-bottom: 35px !important;
  }
}

.service-section + .project-section{
  margin-top: 0 !important;
}

/* ---- Title → content gap ---- */
.sec-title,
.feature-section .sec-title,
.about-industries .sec-title,
.clients-section--marquee .sec-title,
.news-section .sec-title,
.claptek-partners__header,
.title-box,
.team-section.about-page-1 .title-box,
.solutions-page-list .title-box,
#content_block_one .content-box .sec-title,
#content_block_three .content-box .sec-title,
.support-section .sec-title,
.support-section #content_block_six .content-box .sec-title{
  margin-bottom: var(--cu-title-gap) !important;
}

.title-box .sec-title{
  margin-bottom: 0 !important;
}

.title-box .text{
  margin-top: 0 !important;
}

.why-now-panel .sec-title{
  margin-bottom: 0 !important;
}

.solutions-page-list .solutions-group{
  margin-bottom: var(--cu-card-gap);
}

.solutions-page-list .solutions-group .sec-title{
  margin-bottom: var(--cu-group-title-gap) !important;
}

.solutions-page-list .solutions-group:last-child{
  margin-bottom: 0;
}

/* ---- Card / grid gaps ---- */
.feature-section .row{
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--cu-card-gap) / -2);
  margin-right: calc(var(--cu-card-gap) / -2);
}

.feature-section .feature-block,
.feature-section [class*="col-"]{
  padding-left: calc(var(--cu-card-gap) / 2);
  padding-right: calc(var(--cu-card-gap) / 2);
  margin-bottom: var(--cu-card-gap);
}

.feature-section .feature-block-one .inner-box{
  margin-bottom: 0 !important;
}

.about-industries .row{
  margin-left: calc(var(--cu-card-gap) / -2);
  margin-right: calc(var(--cu-card-gap) / -2);
}

.about-industries .service-block{
  padding-left: calc(var(--cu-card-gap) / 2);
  padding-right: calc(var(--cu-card-gap) / 2);
  margin-bottom: var(--cu-card-gap);
}

.about-industries .service-block-two .inner-box{
  margin-bottom: 0 !important;
}

.service-section .inner-content > .row{
  gap: var(--cu-card-gap) !important;
}

.solutions-page-list .inner-content .row{
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--cu-card-gap) / -2) !important;
  margin-right: calc(var(--cu-card-gap) / -2) !important;
}

.solutions-page-list .inner-content .service-block{
  padding-left: calc(var(--cu-card-gap) / 2) !important;
  padding-right: calc(var(--cu-card-gap) / 2) !important;
  margin-bottom: var(--cu-card-gap) !important;
}

.solutions-page-list .service-block-one .inner-box{
  margin-bottom: 0 !important;
}

.service-style-three.service-page-2 .service-block{
  margin-bottom: var(--cu-card-gap) !important;
}

.service-style-three.service-page-2 .service-block-three .inner-box{
  margin-bottom: 0 !important;
}

.news-section .row{
  margin-left: calc(var(--cu-card-gap) / -2);
  margin-right: calc(var(--cu-card-gap) / -2);
}

.news-section .news-block{
  padding-left: calc(var(--cu-card-gap) / 2);
  padding-right: calc(var(--cu-card-gap) / 2);
  margin-bottom: var(--cu-card-gap);
}

.main-footer.claptek-footer .footer-top{
  padding-top: var(--cu-section-y);
  padding-bottom: calc(var(--cu-section-y) - 20px);
}

.main-footer.claptek-footer .claptek-footer-grid > .footer-column{
  margin-bottom: var(--cu-card-gap);
}

/* Solutions page: alternate section backgrounds and tighter bands */
.solutions-band.service-style-three.service-page-2{
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  background: #ffffff;
}

.solutions-band--tint{
  background: #f0f5f9 !important;
}

.solutions-band .sec-title{
  margin-bottom: 28px !important;
}

.solutions-band .service-block{
  margin-bottom: 24px !important;
}

.solutions-band .service-block-three .inner-box{
  background: #ffffff;
  border: 1px solid #e4ebf2;
}