/*==========================================================
ARENASA
STATS BAR
Version 2.0
==========================================================*/

.ap-stats{

    position:relative;

    overflow:hidden;

    padding:30px 0 80px;

    background:

        radial-gradient(
            circle at top center,
            rgba(42,110,73,.14),
            transparent 45%
        ),

        radial-gradient(
            circle at bottom right,
            rgba(212,175,55,.04),
            transparent 35%
        ),

        linear-gradient(
            180deg,
            #173124 0%,
            #11261C 35%,
            #0A1712 70%,
            #050806 100%
        );

}

.ap-stats .container{

    max-width:1450px;

    margin:auto;

    padding:0 30px;

}

/*==========================================================
WRAPPER
==========================================================*/

.ap-stats-wrapper{

    display:flex;

    align-items:stretch;

    background:rgba(9,28,20,.72);

    backdrop-filter:blur(14px);

    border:1px solid rgba(212,175,55,.18);

    border-radius:22px;

    overflow:hidden;

    box-shadow:

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

        inset 0 1px 0 rgba(255,255,255,.03);

}

/*==========================================================
ITEM
==========================================================*/

.ap-stat-item{

    flex:1;

    display:flex;

    align-items:center;

    gap:16px;

    padding:20px 24px;

    position:relative;

    transition:.25s ease;

}

.ap-stat-item:not(:last-child){

    border-right:1px solid rgba(212,175,55,.15);

}

.ap-stat-item:hover{

    background:rgba(212,175,55,.05);

}

/*==========================================================
ICON
==========================================================*/

.ap-stat-icon{

    width:56px;

    height:56px;

    flex-shrink:0;

    border:2px solid rgba(212,175,55,.85);

    background:rgba(212,175,55,.08);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

}

.ap-stat-icon i{

    color:#D4AF37;

    font-size:24px;

}

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

.ap-stat-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.ap-stat-content h3{

    margin:0;

    color:#D4AF37;

    font-size:34px;

    font-weight:700;

    font-family:'Cormorant Garamond',serif;

    line-height:1;

}

.ap-stat-content p{

    margin:4px 0 0;

    color:#FFFFFF;

    font-size:15px;

    line-height:1.45;

    font-weight:500;

}

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

@media (max-width:1200px){

    .ap-stats-wrapper{

        flex-wrap:wrap;

    }

    .ap-stat-item{

        flex:0 0 50%;

        border-right:none;

        border-bottom:1px solid rgba(212,175,55,.15);

    }

    .ap-stat-item:nth-last-child(-n+2){

        border-bottom:none;

    }

}

@media (max-width:768px){

    .ap-stats{

        padding:20px 0 60px;

    }

    .ap-stats .container{

        padding:0 20px;

    }

    .ap-stats-wrapper{

        flex-direction:column;

    }

    .ap-stat-item{

        flex:1;

        border-right:none;

        border-bottom:1px solid rgba(212,175,55,.15);

    }

    .ap-stat-item:last-child{

        border-bottom:none;

    }

    .ap-stat-icon{

        width:48px;

        height:48px;

    }

    .ap-stat-icon i{

        font-size:20px;

    }

    .ap-stat-content h3{

        font-size:28px;

    }

    .ap-stat-content p{

        font-size:14px;

    }

}