/* =========================================================
   DEATH FUND HIGHLIGHT
========================================================= */

.death-fund-section {

    width: 100%;

    padding: 55px 0;

    background:
        var(--bg-light);
}


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

.death-fund-wrapper {

    position: relative;

    display: grid;

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

    min-height: 330px;

    overflow: hidden;

    background:
        var(--brand-navy);

    border-radius:
        var(--radius-large);

    box-shadow:
        var(--shadow-medium);
}


/* =========================================================
   DECORATIVE ORANGE SHAPE
========================================================= */

.death-fund-wrapper::after {

    content: "";

    position: absolute;

    right: -100px;

    bottom: -120px;

    width: 240px;

    height: 240px;

    background:
        var(--brand-orange);

    border-radius: 50%;

    opacity: 0.9;

    pointer-events: none;
}


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

.death-fund-content {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 48px 50px;
}


/* =========================================================
   TAG
========================================================= */

.death-fund-tag {

    display: inline-block;

    width: fit-content;

    margin-bottom: 12px;

    padding: 5px 11px;

    background:
        rgba(255,133,0,0.14);

    border-left:
        3px solid var(--brand-orange);

    color:
        var(--brand-orange);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        1.5px;

    text-transform:
        uppercase;
}


/* =========================================================
   TITLE
========================================================= */

.death-fund-content h2 {

    margin:
        0 0 15px;

    color:
        var(--white);

    font-size:
        34px;

    line-height:
        1.2;

    font-weight:
        700;
}


.death-fund-content h2 span {

    display:
        block;

    color:
        var(--brand-orange);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.death-fund-content p {

    max-width:
        560px;

    margin:
        0 0 25px;

    color:
        rgba(255,255,255,0.72);

    font-size:
        14px;

    line-height:
        1.75;
}


/* =========================================================
   ACTIONS
========================================================= */

.death-fund-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    flex-wrap:
        wrap;
}


.death-fund-actions .btn {

    gap:
        8px;
}


/* =========================================================
   RIGHT STATS
========================================================= */

.death-fund-stats {

    position:
        relative;

    z-index:
        3;

    display:
        grid;

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

    gap:
        15px;

    align-content:
        center;

    padding:
        40px 40px 40px 20px;
}


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

.death-fund-stat {

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    min-width:
        0;

    padding:
        18px;

    background:
        rgba(255,255,255,0.07);

    border:
        1px solid rgba(255,255,255,0.12);

    border-radius:
        var(--radius-medium);

    backdrop-filter:
        blur(5px);

    transition:
        var(--transition);
}


.death-fund-stat:hover {

    background:
        rgba(255,255,255,0.12);

    border-color:
        rgba(255,133,0,0.55);

    transform:
        translateY(-3px);
}


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

.death-fund-stat-icon {

    width:
        46px;

    height:
        46px;

    flex:
        0 0 46px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        var(--brand-orange);

    color:
        var(--white);

    border-radius:
        50%;

    font-size:
        17px;
}


/* =========================================================
   STAT TEXT
========================================================= */

.death-fund-stat strong {

    display:
        block;

    margin-bottom:
        3px;

    color:
        var(--white);

    font-size:
        14px;

    line-height:
        1.3;
}


.death-fund-stat span {

    display:
        block;

    color:
        rgba(255,255,255,0.62);

    font-size:
        11px;

    line-height:
        1.45;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .death-fund-section {

        padding:
            45px 0;
    }


    .death-fund-wrapper {

        grid-template-columns:
            1fr;
    }


    .death-fund-content {

        padding:
            40px;
    }


    .death-fund-stats {

        padding:
            0 40px 40px;
    }

}


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

@media (max-width: 767px) {

    .death-fund-section {

        padding:
            35px 0;
    }


    .death-fund-wrapper {

        border-radius:
            var(--radius-medium);
    }


    .death-fund-content {

        padding:
            32px 25px;
    }


    .death-fund-content h2 {

        font-size:
            27px;
    }


    .death-fund-content p {

        font-size:
            13px;

        line-height:
            1.7;
    }


    .death-fund-actions {

        width:
            100%;
    }


    .death-fund-actions .btn {

        flex:
            1 1 auto;
    }


    .death-fund-stats {

        grid-template-columns:
            1fr;

        padding:
            0 25px 30px;
    }


    .death-fund-stat {

        padding:
            16px;
    }

}


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

@media (max-width: 480px) {

    .death-fund-content {

        padding:
            28px 20px;
    }


    .death-fund-content h2 {

        font-size:
            24px;
    }


    .death-fund-actions {

        flex-direction:
            column;

        align-items:
            stretch;
    }


    .death-fund-actions .btn {

        width:
            100%;
    }


    .death-fund-stats {

        padding:
            0 20px 25px;
    }

}