.tu-grid-c7aa889a {
    --grid-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: var(--grid-gap);
}
.tu-box-c7aa889a {
    position: relative;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    background-color: #a4d4a8;
    transition: transform 0.3s ease;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}
.tu-box-c7aa889a:hover {
    transform: translateY(-2px);
}
.tu-link-overlay-c7aa889a {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 10;
}

/* Hero Box */
.tu-type-hero {
    min-height: 400px;
    color: #fff;
}
.tu-hero-bg-c7aa889a {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.tu-type-hero::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}
.tu-type-hero .t-top-left, .tu-type-hero .t-center, .tu-type-hero .t-bottom-left {
    position: relative;
    z-index: 2;
}
.tu-type-hero .t-top-left {
    position: absolute; top: 30px; left: 30px; font-weight: bold; text-transform: uppercase; font-size: 14px;
}
.tu-type-hero .t-center {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-align: center; font-weight: bold; font-size: 42px; line-height: 1.1; color: #ffcc00;
    text-transform: uppercase; width: 90%;
}
.tu-type-hero .t-bottom-left {
    position: absolute; bottom: 30px; left: 30px; text-decoration: underline; font-size: 14px;
}

/* Card Box */
.tu-image-wrapper-c7aa889a { width: 100%; }
.tu-card-image-c7aa889a { width: 100%; aspect-ratio: 1.66; object-fit: cover; display: block; }
.tu-card-content-c7aa889a { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }
.tu-card-content-c7aa889a .t1 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 5px; }
.tu-card-content-c7aa889a .t2 { font-size: 24px; font-weight: bold; color: #114a1a; line-height: 1.2; margin-bottom: 15px; }
.tu-card-content-c7aa889a .t3 { font-size: 14px; color: #fff; text-decoration: underline; margin-top: auto; }

/* CTA Box */
.tu-type-cta { justify-content: center; align-items: center; text-align: center; padding: 40px 20px; }
.tu-type-cta .cta-text { font-size: 36px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1.1; margin-bottom: 20px; }
.tu-btn-c7aa889a { display: inline-block; padding: 12px 30px; background: #ffcc00; color: #fff; text-decoration: none; border-radius: 30px; font-weight: bold; z-index: 11; position: relative; text-transform: uppercase; }
