/* Default */
.__stat-box-container {
    background-color: var(--neutral-blue);
    padding: 1.5rem;
    border-radius: .625rem;
    height: calc(100% - 1.5rem);
    margin-top: 1.5rem;
    -webkit-box-shadow: 5px 7px 24px 0 rgba(0,0,0,.08);
    box-shadow: 5px 7px 24px 0 rgba(0,0,0,.08);
}
.__style-white .__stat-box-container {
    box-shadow: unset;
}
.__style-grey .__stat-box-container {
    -webkit-box-shadow: 5px 7px 24px 0 rgba(0,0,0,.08);
    box-shadow: 5px 7px 24px 0 rgba(0,0,0,.08);
}
.__stat-box-container .__badge #caret-icon {
    fill: #000;
}
/* Green */
.__stat-box-container.__style-mint {
    background-color: var(--green-shade);
}
.__stat-box-container.__style-mint .__badge {
    background-color: var(--green10);
    color: #0C9917;
}
.__stat-box-container.__style-mint .__badge #caret-icon {
    fill: #0C9917;
}
.__stat-box-container.__style-mint .__badge .__icon.__arrow-down {
    transform: none;
}
.__stat-box-container.__style-mint .__badge .__icon {
    transform: rotate(180deg);
}
.__stat-box-container.__style-mint .__title {
    color: #066572;
}
/* Red */
.__stat-box-container.__red {
    background-color: #FFF2F2;
}
.__stat-box-container.__red .__badge {
    background-color: var(--red10);
    color: var(--red);
}
.__stat-box-container.__red .__badge #caret-icon {
    fill: var(--red);
}
.__stat-box-container.__red .__title {
    color: var(--red);
}
/* White */
.__stat-box-container.__white {
    background-color: #fff;
}
.__stat-box-container .__icon-container {
    font-size: 3.75rem;
    display: flex;
    margin-bottom: 5rem;
}
.__stat-box-container .__title {
    font-size: 3rem;
    line-height: 1.175;
    color: var(--accent);
    flex: 1;
    font-weight: 500;
}
.__stat-box-container .__title-container {
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
}
.__stat-box-container .__paragraph {
    font-size: 1.125rem;
    line-height: 1.45;
    color: var(--black70);
}
/* Default Badge */
.__badge {
    padding: .25rem .625rem;
    background-color: rgba(0,0,0,0.08);
    display: inline-flex;
    font-size: 14px;
    border-radius: 1.25rem;
    align-items: center;
    position: relative;
    top: .5rem;
}
.__badge .__icon.__arrow-up {
    transform: scaleY(-1);
}
.__badge .__icon {
    display: flex;
    margin-left: .5rem;
    font-size: .5rem;
}
/* Geren Badge */
.__style-mint .__badge {
    background-color: var(--green10);
    color: #0C9917;
}
.__style-mint .__badge .__icon.__arrow-down {
    transform: none;
}
.__style-mint .__badge .__icon {
    transform: rotate(180deg);
}
.__style-mint .__badge #caret-icon {
    fill: #0C9917;
}
.__bg-neutral-blue {
    background-color: var(--neutral-blue);
}
.__bg-moengage-blue {
    background-color: var(--moengage-blue);
}
.__bg-accent {
    background-color: var(--accent);
}
.__bg-green-shade {
    background-color: var(--green-shade);
}
/* Variant Red */
.__style-red .__badge {
    background-color: var(--red10);
    color: var(--red);
}
.__style-red .__badge #caret-icon {
    fill: var(--red);
}
.__style-red.__stat-box-container .__title {
    color: var(--red);
}
/* Variant Mint */
.__style-mint .__badge {
    background-color: var(--green10);
    color: #0C9917;
}
.__style-mint .__badge #caret-icon {
    fill: #0C9917;
}
.__style-mint.__stat-box-container .__title {
    color: #066572;
}
/* Variant White */
.__stat-box-container.__style-white {
    box-shadow: 2px 2px 14px 0 rgba(0,0,0,.08);
}
/* Variant Blue */ 
.__stat-box-container.__style-blue .__title,
.__stat-box-container.__style-blue .__paragraph {
    color: var(--white);
}
.__stat-box-container.__style-white .__badge,
.__stat-box-container.__style-neutral-blue .__badge {
    display: none;
}
.__text-box-center.__text-box-center {
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    padding-right: 100px;
}
.__text-box-top.__text-box-top {
    margin-top: 30px;
    padding-right: 100px;
}
.__text-title-breadcrumb {
    margin-top: 20px;
    font-weight: 100;
    background-color: #f0f0f0;
    padding: 20px;
    display: inline-block;
    border-radius: 8px;
}

@media (max-width: 991.98px) {
    .__stat-box-container {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    .__chart-wrapper .__stat-box-container {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 767.98px) {
    .__stat-box-container .__title-container {
        flex-direction: column-reverse;
        row-gap: .5rem;
    }

    .benchmarks-template-default [class^="col-"] > .__card {
        margin-top: 1rem;
        height: calc(100% - 1rem);
    }
}