/* Perfect crop for About Us image */

.about-us-image-container { width: 600px; height: 450px; overflow: hidden;	border-radius: 10px; display: flex;	align-items: center; justify-content: center;}
.about-us-image-container img {width: 100%; height: 100%; object-fit: cover; display: block;}
/* ===== ABOUT SECTION ===== */
.timecare-aboutsection { padding: 80px 0;}
.timecare-aboutsection-container { margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.timecare-aboutsection-content { flex: 1;}
.timecare-aboutsection-visual { flex: 1; display: flex; align-items: center; justify-content: center;}
.timecare-aboutsection img { width: 100%; height: auto; object-fit: contain; display: block;  border-radius: 10px;}
@media (max-width: 768px) {.timecare-aboutsection-container {  flex-direction: column;}
.timecare-aboutsection-visual {  width: 100%;}
.timecare-aboutsection img {  width: 70%;}}

/* ===== METRICS SECTION ===== */
.tc-about-metrics { padding: 20px 0 80px;}
.tc-about-metrics__grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #9CBB3A; border-radius: 20px; background: #f7f9f1; overflow: hidden;}
.tc-about-metrics__item { padding: 42px 24px 38px; text-align: center;}
.tc-about-metrics__item:not(:last-child) { border-right: 1px solid #9CBB3A}
.tc-about-metrics__item h3 { margin-bottom: 8px; color: var(--primary); font-size: 45px; font-weight: 700; line-height: 1; letter-spacing: -0.04em;}
.tc-about-metrics__item p { margin: 0; line-height: 1.5;}
@media (max-width: 1199px) {.tc-about-metrics__grid {  grid-template-columns: repeat(2, 1fr);}
.tc-about-metrics__item:nth-child(2) {  border-right: 0;}
.tc-about-metrics__item:nth-child(-n+2) {  border-bottom: 1px solid rgba(44, 43, 41, 0.08);}}
@media (max-width: 767px) {.tc-about-metrics {  padding: 46px 0;}
.tc-about-metrics__grid {  grid-template-columns: 1fr;}
.tc-about-metrics__item {  border-right: 0;}
.tc-about-metrics__item:not(:last-child) {  border-bottom: 1px solid rgba(44, 43, 41, 0.08);}
.tc-about-metrics__item p {  font-size: 16px;}}

/* ===== PILLARS SECTION ===== */
.tc-about-pillars { padding: 60px 0 80px;}
.tc-about-pillars .common-title { text-align: center; max-width: 100%; margin-bottom: 54px;}
.tc-about-pillars__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.tc-about-pillars__card {  min-height: 270px;  padding: 40px 36px 34px; border: 1px solid #d9dece; border-radius: 12px; background: linear-gradient(180deg, #ffffff 0%, #f6f8ef 100%);}
.tc-about-pillars__icon { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.tc-about-pillars__icon img { width: 64px; height: 64px;}
.tc-about-pillars__card h3 { margin-bottom: 14px; font-size: 25px; font-weight: 700;}
.tc-about-pillars__card p { margin: 0; }
@media (max-width: 1199px) { .tc-about-pillars__grid {   grid-template-columns: repeat(2, 1fr); }
.tc-about-pillars__card:last-child {  grid-column: 1 / -1;}}
@media (max-width: 767px) {.tc-about-pillars {  padding: 46px 0;}
.tc-about-pillars__grid {  grid-template-columns: 1fr;}
.tc-about-pillars__card {  min-height: auto;  padding: 30px 24px;}
.tc-about-pillars .common-title {  margin-bottom: 34px;}
.tc-about-pillars__card p { font-size: 15px;}}
