/* =========================================================
CATER KITCHEN: FOLDING TABLES BENEFITS (BRANDED SECTION)
Brand: #ff2626 (red) | #000ad1 (blue) | #000000 (black)
Fonts: Poppins (headings) | Source Sans 3 (body)
========================================================= */
.ck-benefits {
--ck-red: #ff2626;
--ck-blue: #000ad1;
--ck-black: #000000;
--ck-bg: #f4f4f4;
--ck-card: #ffffff;
--ck-border: rgba(0,0,0,0.08);
background: linear-gradient(180deg, #ffffff 0%, var(--ck-bg) 100%);
padding: clamp(34px, 6vw, 70px) 16px;
border-top: 1px solid var(--ck-border);
border-bottom: 1px solid var(--ck-border);
}
.ck-benefits__wrap {
max-width: 1180px;
margin: 0 auto;
}
.ck-benefits__kicker {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 12px;
border-radius: 999px;
background: #fff;
border: 1px solid var(--ck-border);
font-family: "Poppins", sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 12px;
color: var(--ck-black);
}
.ck-benefits__kicker::before {
content: "";
width: 10px;
height: 10px;
border-radius: 999px;
background: var(--ck-red);
box-shadow: 0 0 0 3px rgba(255, 38, 38, 0.18);
}
.ck-benefits__header {
text-align: center;
margin-bottom: clamp(18px, 3vw, 26px);
}
.ck-benefits__title {
margin: 14px 0 10px;
font-family: "Poppins", sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: clamp(26px, 3.2vw, 42px);
line-height: 1.1;
color: var(--ck-blue);
}
.ck-benefits__lead {
margin: 0 auto;
max-width: 860px;
font-family: "Source Sans 3", sans-serif;
font-size: clamp(15px, 1.35vw, 18px);
line-height: 1.65;
color: rgba(0,0,0,0.78);
}
.ck-benefits__grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
margin-top: clamp(18px, 3vw, 28px);
}
.ck-benefits__card {
grid-column: span 6;
background: var(--ck-card);
border: 1px solid var(--ck-border);
border-radius: 18px;
padding: 18px 18px 16px;
box-shadow: 0 10px 28px rgba(0,0,0,0.06);
position: relative;
overflow: hidden;
}
.ck-benefits__card::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 6px;
width: 100%;
background: linear-gradient(90deg, var(--ck-blue) 0%, var(--ck-red) 100%);
}
.ck-benefits__cardHeader {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.ck-benefits__num {
flex: 0 0 auto;
width: 38px;
height: 38px;
border-radius: 12px;
background: rgba(0,10,209,0.10);
border: 1px solid rgba(0,10,209,0.22);
display: grid;
place-items: center;
font-family: "Poppins", sans-serif;
font-weight: 800;
color: var(--ck-blue);
}
.ck-benefits__h3 {
margin: 0;
font-family: "Poppins", sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: 16px;
line-height: 1.2;
color: var(--ck-black);
}
.ck-benefits__p {
margin: 0;
font-family: "Source Sans 3", sans-serif;
font-weight: 400;
line-height: 1.65;
color: rgba(0,0,0,0.78);
font-size: 15.5px;
}
.ck-benefits__footer {
margin-top: clamp(18px, 3vw, 28px);
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
text-align: center;
}
.ck-benefits__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 18px;
border-radius: 999px;
background: var(--ck-red);
color: #fff;
text-decoration: none;
font-family: "Poppins", sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
border: 2px solid var(--ck-red);
transition: transform 0.12s ease, opacity 0.12s ease, background 0.12s ease;
}
.ck-benefits__cta:hover {
opacity: 0.92;
transform: translateY(-1px);
}
.ck-benefits__cta:active {
transform: translateY(0);
opacity: 0.8;
}
.ck-benefits__note {
font-family: "Source Sans 3", sans-serif;
font-size: 14px;
color: rgba(0,0,0,0.72);
max-width: 860px;
}
.ck-benefits__note a {
color: var(--ck-blue);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid rgba(0,10,209,0.25);
}
.ck-benefits__note a:hover {
border-bottom-color: rgba(0,10,209,0.55);
}
/* Responsive */
@media (max-width: 900px) {
.ck-benefits__card { grid-column: span 12; }
.ck-benefits__card { border-radius: 16px; }
}
@media (max-width: 520px) {
.ck-benefits__card { padding: 16px 14px 14px; }
.ck-benefits__num { width: 36px; height: 36px; border-radius: 11px; }
}
Fold flat for compact storage, then move and set up quickly when needed. Ideal for venues with limited space,
and perfect for events, meetings, and temporary work areas.
Built to handle heavy-duty use in conference rooms, banquet halls, and classrooms. Reinforced materials and
strong frames provide stability and reliable weight capacity.
Suitable for meetings, trade shows, catering, prep, and more. Multiple shapes and sizes make it easy to match
your seating plan and adapt as your layout changes.
A flexible alternative to permanent furniture. Easy-clean surfaces resist everyday spills and marks, keeping
upkeep simple while delivering long-term value.