/*********************************
/* Section Title Start
*********************************/

.section__title {
    @include flexbox($a: center, $jc: space-between);
    flex-wrap: nowrap;
    margin-bottom: 36px;

    .title {
        font-family: var(--font-roboto);
        font-size: 27.29px;
        font-weight: var(--font-semibold);
        line-height: 25.01px;
        color: var(--color-white);
        margin-bottom: 0;
        text-transform: capitalize;

        &.text-sm {
            font-size: 20px;
        }

        @include respond (tabport) {
            font-size: 22px;
        }
    }

    .view__btn {
        font-family: var(--font-default);
        font-size: 16px;
        font-weight:  var(--font-regular);
        line-height: 18.75px;
        color: var(--color-white);
        text-transform: capitalize;

        a {
            color: currentColor;
            transition: var(--transition);

            &:hover {
                color: var(--color-primary);
            }
        }
    }
}

/*********************************
/* Section Title Start
*********************************/