.insight-title {
    position: relative;

    &.title-light, &.color-white {
        .main-title {
            color: #fff;
        }

        .title-desc {
            color: #ababab;
        }
    }

    .main-title {
        font-size: 40px;
        font-family: $font__third;
        font-weight: 400;
        letter-spacing: 0em;
        color: #333333;
        line-height: 1;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-bottom: 22px;
    }

    .sub-title {
        font-size: 14px;
        letter-spacing: 0.1em;
        font-family: $font__second;
        font-weight: 400;
        line-height: 1.2;
        text-transform: uppercase;
        margin-bottom: 22px;
    }

    &.text-left {
        text-align: left;
    }

    &.text-center {
        text-align: center;
    }

    &.text-right {
        text-align: right;
    }

    &.font-56 {
        padding-top: 30px;

        .main-title {
            font-size: 56px;
        }
    }

    &.font-48 {
        .main-title {
            font-size: 48px;
        }
    }

    &.font-secondary {
        .main-title {
            font-family: $font__second;
        }
    }

    &.text-uppercase {
        .main-title {
            text-transform: uppercase;
        }
    }
}
