/*=========================
    07. COUTNER SECTION
===========================*/

.counter-section {
    position: relative;

    background-image: url( '../images/main-slider-bg1.jpeg' );
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.counter-container,
.counter-details {
    display: inline-block;
    color: $white-color;
}

.counter-container {
    width: 30%;
    display: block;
    text-align: center;
    float: left;

    .fas {
        color: $white-color;
        font-size: $font-size*3.5;
        display: block;
    }

    .counter,
    .counter-suffix {
        color: $white-color;
        font-size: $font-size*2.5;
        font-weight: 600;
        line-height: 1.2;
    }

    .counter-suffix {
        font-size: $font-size*2;
    }
}

.counter-details {
    width: 70%;
    float: right;

    h2,
    p {
        color: $white-color;
    }

    h2 {
        font-size: $font-size+9;
    }
}