.elementor-1481 .elementor-element.elementor-element-59f6054{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS *//* --- TAP READY COLOR VARIABLES --- */
:root {
    --tap-ready-primary: #28a745;   /* Green */
    --tap-ready-secondary: #20c997; /* Teal/Mint */
    --tap-ready-accent: #ffc107;    /* Yellow/Warning */
    --tap-ready-warning-bg: #fff3cd;
}

/* --- UTILITIES --- */
.tap-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
 
    line-height: 1.6;
}
.tap-text-center { text-align: center; }
.tap-mb-4 { margin-bottom: 2rem; }

/* --- BUTTONS (Green Theme) --- */
.tap-btn-ready {
    display: inline-block;
    background: white;
    color: var(--tap-ready-primary);
    padding: 18px 40px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 700;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.tap-btn-ready:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* --- CARDS --- */
.tap-card {
    background: white;
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    height: 100%;
}

/* Yellow "Problem" Cards */
.tap-card-warning {
    background: var(--tap-ready-warning-bg);
    padding: 2.5rem;
    border-radius: 12px;
    border-left: 5px solid var(--tap-ready-accent);
    height: 100%;
}

/* Feature Cards with Top Border */
.tap-card-feature {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    border-top: 5px solid var(--tap-ready-primary);
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    height: 100%;
}

/* --- GRIDS --- */
.tap-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
.tap-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.tap-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }

/* --- STEP NUMBERS (Green Gradient) --- */
.tap-step-number {
    width: 60px; height: 60px;
    background: linear-gradient(135deg, var(--tap-ready-primary), var(--tap-ready-secondary));
    color: white;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; font-weight: bold;
    margin: 0 auto 20px;
}

/* --- LISTS --- */
.tap-list-check li { position: relative; padding-left: 30px; margin-bottom: 10px; list-style: none; }
.tap-list-check li::before { content: "✓"; position: absolute; left: 0; color: var(--tap-ready-primary); font-weight: bold; }

/* --- INDUSTRY THUMBNAILS --- */
.tap-thumb-card {
    background: white;
    border-radius: 12px;
    overflow: hidden; /* Keeps the image inside the rounded corners */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.tap-thumb-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.tap-thumb-box {
    position: relative;
    height: 180px; /* Adjust height of thumbnail here */
    width: 100%;
    overflow: hidden;
}

.tap-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills box without stretching */
    transition: transform 0.5s ease;
}

/* The Green Overlay */
.tap-thumb-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* Green tint (Hex #28a745 with 70% opacity) */
    background: rgba(40, 167, 69, 0.7); 
    transition: background 0.3s ease;
    z-index: 1;
}

/* Hover Effects */
.tap-thumb-card:hover .tap-thumb-img {
    transform: scale(1.1); /* Subtle zoom on hover */
}

.tap-thumb-card:hover .tap-thumb-overlay {
    /* Lighten the green on hover so you see more image */
    background: rgba(40, 167, 69, 0.4); 
}/* End custom CSS */