/*=========================================
  FITOCALA CLAIM CENTER
=========================================*/

.fit-claim-center{
    max-width:1400px;
    margin:0 auto;
    padding:80px 24px 120px;
}

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

.fit-claim-hero{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:80px 70px;

    border-radius:34px;

    background:
        radial-gradient(circle at top, rgba(255,210,46,.14), transparent 45%),
        linear-gradient(180deg,#111722,#0a0e15);

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 40px 100px rgba(0,0,0,.55),
        0 0 80px rgba(255,210,46,.06);

    margin-bottom:70px;

}

.fit-claim-hero h1{

    font-size:clamp(48px,6vw,82px);

    line-height:1;

    margin:18px 0 24px;

    color:#fff;

}

.fit-claim-hero p{

    max-width:760px;

    margin:auto;

    color:#adb5c4;

    font-size:1.12rem;

    line-height:1.8;

}

.fit-claim-benefits{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin:42px 0;

}

.fit-claim-benefits div{

    padding:12px 20px;

    border-radius:999px;

    background:rgba(255,210,46,.08);

    border:1px solid rgba(255,210,46,.18);

    color:#ffd22e;

    font-weight:700;

}

.fit-claim-search{

    width:100%;

    max-width:720px;

    margin:auto;

    display:block;

    padding:18px 26px;

    border-radius:20px;

    border:1px solid rgba(255,255,255,.08);

    background:#0f1520;

    color:#fff;

    font-size:1rem;

    transition:.25s;

}

.fit-claim-search:focus{

    outline:none;

    border-color:#ffd22e;

    box-shadow:0 0 45px rgba(255,210,46,.20);

}

.fit-claim-count{

    margin-top:24px;

    color:#ffd22e;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

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

.fit-claim-results-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:34px;

}

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

.fit-claim-card{

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:42px;

    border-radius:28px;

    min-height:420px;

    background:

        linear-gradient(
            180deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.025)
        );

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

    box-shadow:

        0 25px 60px rgba(0,0,0,.30);

}

.fit-claim-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(circle at top,
        rgba(255,210,46,.08),
        transparent 55%);

    opacity:0;

    transition:.35s;

}

.fit-claim-card:hover{

    transform:translateY(-8px);

    border-color:rgba(255,210,46,.25);

    box-shadow:

        0 35px 80px rgba(0,0,0,.45),

        0 0 60px rgba(255,210,46,.12);

}

.fit-claim-card:hover::before{

    opacity:1;

}

/*=========================================
  LOGO
=========================================*/

.fit-claim-logo{

    width:110px;

    height:110px;

    border-radius:30px;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,210,46,.08);

    border:1px solid rgba(255,210,46,.16);

    margin-bottom:28px;

}

.fit-claim-logo img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.fit-claim-logo span{

    font-size:2rem;

    font-weight:900;

    color:#ffd22e;

}

/*=========================================
  CONTENT
=========================================*/

.fit-claim-card-copy{

    flex:1;

    width:100%;

}

.fit-claim-card-copy .fit-kicker{

    color:#ffd22e;

    margin-bottom:14px;

}

.fit-claim-card-copy h3{

    color:#fff;

    font-size:1.55rem;

    margin:0 0 14px;

}

.fit-claim-card-copy p{

    color:#aab3c0;

    margin-bottom:28px;

}

/*=========================================
  FEATURES
=========================================*/

.fit-claim-features{

    display:grid;

    gap:10px;

    text-align:left;

    margin-bottom:34px;

}

.fit-claim-features div{

    color:#d8dde6;

    font-size:.95rem;

}

/*=========================================
  BUTTON
=========================================*/

.fit-claim-card .fit-btn{

    width:100%;

    justify-content:center;

    margin-top:auto;

}

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

@media(max-width:980px){

    .fit-claim-results-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:700px){

    .fit-claim-center{

        padding:40px 18px 80px;

    }

    .fit-claim-hero{

        padding:45px 26px;

    }

    .fit-claim-card{

        padding:30px;

        min-height:auto;

    }

    .fit-claim-logo{

        width:90px;

        height:90px;

    }

}
.fit-claim-card > *{
    position:relative;
    z-index:2;
}

.fit-claim-card::before{
    pointer-events:none;
}

.fit-claim-card .fit-btn{
    position:relative;
    z-index:5;
    pointer-events:auto;
}