// Section Heading 
.section-heading{
    h5{
        font-weight: 400;
        font-size: 27px;
        line-height: 130%;
        color: $black-1; 
        margin-bottom: 4px;
        @include media-query(1199px) {
            font-size: 25px;
        }
        @include media-query(992px) {
            font-size: 24px;
        }
        @include media-query(767px) {
            font-size: 21px;
        }
        @include media-query(492px) {
            font-size: 18px;
        }
    }
    h2{
        font-weight: 700;
        font-size: 105px;
        line-height: 110%;
        letter-spacing: -0.02em;
        color: $black-1; 
        margin-bottom: 0;
        
        @include media-query(1199px) {
            font-size: 90px;
        }
        @include media-query(992px) {
            font-size: 80px;
        }
        @include media-query(767px) {
            font-size: 75px;
        }
        @include media-query(492px) {
            font-size: 60px;
        }
    }
}
.dark{
    .section-heading{
    h5{
        color: $gray-3; 

    }
    h2{
        color: $gray-3; 

    }
}
}