.st-table-container {
padding-block: 2rem;
} .st-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed; } .st-table thead th {
background-color: #fdf6f0 !important;
font-weight: bold !important;
padding: 16px;
border: 1px solid #000 !important;
text-align: center;
color: #53585e !important;
padding-block: 1.5rem;
}
.st-header-col-1 {
width: 33%;
} .st-header-col-2 {
width: 33%;
}
.st-header-col-3 {
width: 33%;
} .st-table tbody td {
padding: 16px;
border: 1px solid #000;
vertical-align: top; text-align: left;
}
.st-table tr:first-child td {
background: #fff !important;
text-align: left !important;
padding: 16px !important;
}
.st-table tr:first-child td.st-category-cell {
padding: 0px !important;
} .st-category-cell { padding: 0;
border-right: none;
border-bottom: none;
padding: 0 !important;
}
.st-category-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%; padding: 10px;
text-align: center;
padding-block: 2rem;
gap: 1.5rem;
}
.st-icon {
margin-bottom: 5px;
}
.st-text {
font-weight: bold;
font-size: 23px;
} .st-table tr:first-child td.st-touch-color {
background-color: #dbe4f3 !important;
}
.st-touch-color {
background-color: #dbe4f3 !important;
} .st-sight-color {
background-color: #fdffe0 !important;
} .st-sound-color {
background-color: #f2e8ff !important;
} .st-smell-color {
background-color: #daf6dd !important;
} .st-taste-color {
background-color: #ffe0c5 !important;
} .st-emotional-color {
background-color: #ffeaee !important;
} .st-movement-color {
background-color: #d0fff6 !important;
} .st-safety-color {
background-color: #f3f3f3 !important;
} .st-cognitive-color {
background-color: #f8ecda !important;
}  .st-last-in-group {
border-bottom: 1px solid #000 !important; } .st-category-cell {
border-bottom: 1px solid #000;
} .st-table tr:not(:first-child) td:not(.st-category-cell) {
border-top: none;
}
.quote-banner { background-image: url(https://www.ariacare.co.uk/wp-content/uploads/2025/10/quote-bg.png); background-repeat: repeat;
background-size: cover;
text-align: center;
padding: 30px 20px;
border-radius: 6px;
margin-bottom: 3rem;
}
.quote-content {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
max-width: 880px;
margin: 0 auto;
flex-wrap: wrap;
}
.quote-content p {
font-size: 26px;
color: #53585e;
font-weight: 600;
line-height: 1.6;
text-align: center;
margin: 0;
padding-inline: 1rem;
position: relative;
}
.quote-content p::before {
content: "";
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -1.5rem;
background-image: url(https://www.ariacare.co.uk/wp-content/uploads/2025/10/quote-left.svg);
background-repeat: no-repeat;
background-size: contain;
}
.quote-content p::after {
content: "";
width: 40px;
height: 40px;
position: absolute;
bottom: 0;
right: -1.5rem;
background-image: url(https://www.ariacare.co.uk/wp-content/uploads/2025/10/quote-right.svg);
background-repeat: no-repeat;
background-size: contain;
}
.quote-icon {
width: 40px;
height: 40px;
position: absolute;
}
.quote-icon.left {
fill: #e04f5f; top: 0;
left: 0;
}
.quote-icon.right {
fill: #e04f5f;
bottom: 0;
right: 0;
}
@media (max-width: 768px) {
.quote-content p {
font-size: 20px;
padding-inline: 2rem;
}
.quote-content p::before {
width: 30px;
height: 30px;
left: 0;
}
.quote-content p::after {
width: 30px;
height: 30px;
right: 0;
}
} .quote-block {
text-align: center;
padding: 10px 0;
margin: 15px 0;
position: relative;
}
.quote-block::before {
content: "\201C";
position: absolute;
top: 40px;
left: 0px;
bottom: 0px;
font-size: 95px;
color: var(--sidebar-primary);
}
.quote-block::after {
content: "\201D";
position: absolute;
right: 0px;
bottom: 0px;
font-size: 95px;
color: var(--sidebar-primary);
}
.quote-block p {
text-transform: capitalize;
font-size: 22px;
line-height: 26px;
margin: 0px 40px; padding: 10px 0;
font-weight: bold;
color: var(--sidebar-primary);
}
@media (max-width: 767px) {
.quote-block::after,
.quote-block::before { }
}