/*** 

====================================================================
Section Title
====================================================================

***/

.sec-title {
    margin-bottom: 30px;

     @include media-breakpoint-down (md){
       margin-bottom: 10px;
    }

   .sub-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        position: relative;
        color: #7A7A7A;
        font-family: var(--body-font-family);
        display: inline-flex;
        margin-bottom: 18px;

        img {
            margin-right: 8px;
        }
    }

    .title {
        span {
            color: var(--theme-color1);
        }
        @include media-breakpoint-down (xl){
            font-size: 44px;
        }

         @include media-breakpoint-down (md){
            font-size: 40px;
        }

         @include media-breakpoint-down (sm){
            font-size: 36px;
        }

         @include media-breakpoint-down (xxs){
            font-size: 28px;
        }
    }
}

.section-title-area {
    @include flex-between;
    align-items: flex-end;
    flex-wrap: wrap;
    row-gap: 30px;
}