.facts-section {
    position: relative;
    padding: 10rem 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.paper-edge-top, 
.paper-edge-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px; 
    background-color: #fff; 
    z-index: 2;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.paper-edge-top { 
    top: -1px; 
    -webkit-mask-image: url('../../../assets/images/mask-top.png');
    mask-image: url('../../../assets/images/mask-top.png');
}

.paper-edge-bottom { 
    bottom: -1px;
    -webkit-mask-image: url('../../../assets/images/mask-top.png');
    mask-image: url('../../../assets/images/mask-top.png');
}
.facts-title {
    color: var(--white);
    text-align: start;
    margin-bottom: 2.25rem;
    position: relative; 
    z-index: 3;
}

.facts-grid {
    display: flex;
    justify-content: center;
    gap: 15px;
    position: relative; z-index: 3;
}

.fact-card {
    position: relative;
    flex: 1;
    min-width: 250px;
    aspect-ratio: 337 / 204;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.fact-card:nth-child(even) {
    transform: translateY(20px) rotate(1deg);
}

.fact-card-svg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;
}

.fact-card-content {
    padding: 20px;
    pointer-events: none;
}

.fact-number {
    font-size: 3.75rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
}

.fact-text {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
}


.fact-card--green .svg-shape { fill: #328B40; }
.fact-card--green { color: #fff; }

.fact-card--white .svg-shape { fill: #FBF8F0; }
.fact-card--white { color: #328B40; }

@media (max-width: 991px) {
    .facts-grid { flex-wrap: wrap; }
    .fact-card { flex: 0 0 45%; }
}
.facts-title {
    display: block;
    padding-left: 14.25rem;
}

.title-inline-icon {
    display: inline-block;
    vertical-align: middle; 
    width: 5rem;           
    height: auto;          
    margin-right: 1.25rem;    
    margin-top: -0.25rem; 
    margin-left: 18.75rem;     
}


@media (max-width: 768px) {
    .title-inline-icon {
        width: 40px;
        margin-right: 10px;
    }
}