/*================================================
DM Fun Facts Area CSS
=================================================*/
.dm-fun-facts-area {
    background: linear-gradient(to right, #ff3a34, #ff4a33, #ff5832, #ff6532, #ff7033);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.dm-fun-fact-box {
    position: relative;
    margin-bottom: 25px;
    padding-left: 62px;
}

.dm-fun-fact-box .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 1;
}

.dm-fun-fact-box .icon i {
    font-size: 45px;
    color: var(--whiteColor);
}

.dm-fun-fact-box h3 {
    font-size: 35px;
    margin-bottom: 5px;
    color: var(--whiteColor);
    line-height: 1;
}

.dm-fun-fact-box p {
    color: var(--whiteColor);
    margin-bottom: 0;
}

.dm-fun-facts-shape {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}

.dm-fun-facts-shape img {
    width: 100%;
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
    .dm-fun-facts-shape {
        display: none;
    }
    .dm-fun-fact-box {
        padding-left: 0;
        text-align: center;
    }
    .dm-fun-fact-box .icon {
        position: relative;
        top: unset;
        -webkit-transform: unset;
                transform: unset;
        margin-bottom: 5px;
    }
}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dm-fun-facts-shape {
        display: none;
    }
    .dm-fun-fact-box {
        padding-left: 0;
        text-align: center;
    }
    .dm-fun-fact-box .icon {
        position: relative;
        top: unset;
        -webkit-transform: unset;
                transform: unset;
        margin-bottom: 5px;
    }
}