/*================================================
    05. Counter CSS
=================================================*/
.ic-counter {
    padding-top: 83px;
    padding-bottom: 60px;
    //Responsive
    @media #{$desktop-device}{
        padding-top: 88px;
    }
    @media #{$tablet-device}{
        padding-top: 78px;
        padding-bottom: 50px;
    }
    @media #{$large-mobile}{
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .ic-single-content {
        @include transition(.3s ease-out);
        margin-bottom: 30px;

        .ic-icon-count {
            @extend %flex-center;
            margin-bottom: 10px;

            .ic-icon {
                i {
                    font-size: 30px;
                    //Responsive
                    @media #{$desktop-device}{
                        font-size: 25px;
                    }
                    @media #{$tablet-device}{
                        font-size: 25px;
                    }
                    @media #{$large-mobile}{
                        font-size: 25px;
                    }
                }

                margin-right: 15px;
            }

            h1 {
                color: $text-color;
                margin-bottom: 0;
                font-family: lato, sans-serif;
                font-weight: 900;
            }
        }

        h6 {
            color: #c69749;
            margin-bottom: 0;
        }
    }
}