.elementor-1211 .elementor-element.elementor-element-f4c464a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-57890ce *//* =====================================================
   BALL1TH FOOTBALL PREDICTION DESIGN SYSTEM
===================================================== */


.tfp-wrap {
    max-width: 1250px;
    margin: 0 auto;
    padding: 30px 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    line-height: 1.7;
}


/* =====================================================
   HERO SECTION
===================================================== */


.tfp-hero {
   background: linear-gradient(135deg,#050b14,#0b1a2e);
padding:55px 40px;
border-radius:18px;
color:#fff;
margin-bottom:35px;
}


.tfp-eyebrow {
    display:inline-block;
    background:#18c964;
    color:#fff;
    padding:7px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}


.tfp-hero h1 {
    font-size:42px;
    line-height:1.2;
    margin:0 0 20px;
    font-weight:800;
}


.tfp-hero p {
    font-size:18px;
    max-width:900px;
    opacity:.95;
}


.tfp-date {
    margin-top:20px;
    font-weight:700;
    font-size:16px;
}



/* =====================================================
   FEATURED IMAGE
===================================================== */


.tfp-blog-image {
    margin-bottom:35px;
}


.tfp-blog-image img {
    width:100%;
    height:auto;
    border-radius:16px;
    display:block;
}


.tfp-image-caption {
    background:#f5f5f5;
    padding:12px 18px;
    font-size:14px;
    color:#666;
    border-radius:0 0 12px 12px;
}




/* =====================================================
   GRID LAYOUT
===================================================== */


.tfp-grid {
    display:grid;
    grid-template-columns:minmax(0, 1fr) 320px;
    gap:30px;
    align-items:start;
}



.tfp-main {
    min-width:0;
}





/* =====================================================
   CARD DESIGN
===================================================== */


.tfp-card {

    background: #0f2e1a;
border: 1px solid #1e6b3a;
padding: 32px;
border-radius: 16px;
margin-bottom: 30px;
box-shadow: 0 8px 25px rgba(0, 80, 30, 0.35);

}


.tfp-card h2 {

    font-size:28px;
    line-height:1.3;
    margin-top:0;
    margin-bottom:20px;
    color:#071c35;

}


.tfp-card h3 {

    font-size:21px;
    margin-top:25px;
    color:#123b63;

}


.tfp-card p {

    font-size:16px;
    margin-bottom:18px;

}





/* =====================================================
   FEATURE MATCH BOX
===================================================== */


.tfp-feature {
    border-top:5px solid #18c964;
}


.tfp-match {

    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    background:#f7f9fb;
    padding:30px;
    border-radius:14px;
    margin:25px 0;

}



.tfp-team {

    flex:1;
    text-align:center;
    font-size:24px;
    font-weight:800;
    color:#081b33;

}


.tfp-team small {

    display:block;
    margin-top:8px;
    font-size:14px;
    font-weight:400;
    color:#777;

}



.tfp-vs {

    font-size:22px;
    font-weight:900;
    color:#18c964;

}





/* =====================================================
   META PILLS
===================================================== */


.tfp-meta {

    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:25px;

}


.tfp-pill {

    background:#081b33;
    color:white;
    padding:8px 15px;
    border-radius:25px;
    font-size:14px;
    font-weight:600;

}





/* =====================================================
   PREDICTION BOX
===================================================== */


.tfp-prediction {

    background:#18c964;
    color:#fff;
    padding:18px;
    border-radius:12px;
    font-size:20px;
    text-align:center;
    font-weight:800;
    margin-top:25px;

}





/* =====================================================
   TABLE DESIGN
===================================================== */


.tfp-table-wrap {

    overflow-x:auto;

}



.tfp-table {

    width:100%;
    border-collapse:collapse;
    margin-top:20px;

}


.tfp-table th {

    background:#081b33;
    color:white;
    padding:15px;
    text-align:left;
    font-size:15px;

}


.tfp-table td {

    padding:15px;
    border-bottom:1px solid #ddd;
    font-size:15px;

}



.tfp-table tr:hover {

    background:#f8fafc;

}


.tfp-tip {

    color:#18a957;
    font-weight:800;

}





/* =====================================================
   RESPONSIBLE BETTING
===================================================== */


.tfp-responsible {

    border-left:5px solid #f5a623;

}


.tfp-list {

    padding-left:20px;

}


.tfp-list li {

    margin-bottom:10px;

}




/* =====================================================
   CTA SECTION
===================================================== */


.tfp-cta {

    background:#081b33;
    color:white;

}


.tfp-cta h2 {

    color:white;

}


.tfp-note {

    font-size:14px;
    opacity:.8;

}





/* =====================================================
   SIDEBAR
===================================================== */


.tfp-sidebar {

    position:sticky;
    top:20px;

}



.tfp-side-title {

    font-size:22px!important;

}



.tfp-side-item {

    padding:18px 0;
    border-bottom:1px solid #eee;

}


.tfp-side-item strong {

    display:block;
    font-size:16px;

}


.tfp-side-item span {

    color:#18a957;
    font-size:14px;
    font-weight:700;

}





/* =====================================================
   MOBILE RESPONSIVE
===================================================== */


@media(max-width:900px){


.tfp-grid {

    grid-template-columns:1fr;

}


.tfp-sidebar {

    position:relative;

}


.tfp-hero {

    padding:35px 25px;

}


.tfp-hero h1 {

    font-size:30px;

}


.tfp-match {

    flex-direction:column;
    gap:15px;

}


.tfp-team {

    font-size:20px;

}


.tfp-card {

    padding:22px;

}


}



@media(max-width:600px){


.tfp-wrap {

    padding:15px;

}


.tfp-card h2 {

    font-size:23px;

}


.tfp-hero p {

    font-size:16px;

}


.tfp-table th,
.tfp-table td {

    white-space:nowrap;

}


}/* End custom CSS */