/*  title-center-lines-around  */

.title-center-lines-around {
    position: relative;
}

.title-center-lines-around:before {
    content: '';
    height: 1px;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-3);
    z-index: 0;
}

.title-center-lines-around span {
    background: inherit;
    display: inline-block;
    position: relative;
    z-index: 1;
}

/*  hover-line-left  */

.hover-line-left .template-103 span {
    position: relative;
}

.hover-line-left .template-103 span:before {
    content: '';
    background: var(--color-2);
    height: 2px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    transition: width .4s;
    transform-origin: left;
}

.hover-line-left:hover .template-103 span:before {
    width: 30px;
}

/*  line-before  */

.template-103.line-before:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--color-3);
    vertical-align: middle;
    margin-bottom: 3px;
}

/*  heading decoration line above  */

.template-103.heading--line-above,
.template-103.heading--line-above-alt {
    position: relative;
    padding-top: 10px;
}

.template-103.heading--line-above::before,
.template-103.heading--line-above-alt::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--color-3);
}

/*  heading decoration line above alt */

.template-103.heading--line-above-alt::before {
    width: 50px;
}

/*  heading decoration line above/below color-2 */

.template-103.heading--line-color-2::before {
    background-color: var(--color-2) !important;
}

/*  heading decoration line above/below color-5 */

.template-103.heading--line-color-5::before,
.template-103.heading--line-above-color-5::before {
    background-color: var(--color-5) !important;
}


/*  heading decoration line under  */

.template-103.heading--line-under {
    position: relative;
    padding-top: 10px;
}

.template-103.heading--line-under::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--color-3);
}

/*  heading decoration line below  */

.template-103.heading--line-below {
    position: relative;
    padding-bottom: 10px;
}

.template-103.heading--line-below::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: var(--color-3);
}

/*  heading responsive size  */

.template-103.heading--responsive-size {
    font-size: 1.25rem;
}

@media (min-width:575.92px) {
    
    .template-103.heading--responsive-size {
        font-size: 1.5rem;
    }
}

/*  heading decoration line under  */

.template-103.heading--line-under {
    position: relative;
    padding-top: 10px;
}

.template-103.heading--line-under::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--color-3);
}

/* heading decoration line under alt */

.template-103.heading--line-under--alt::before {
    bottom: -7px;
    width: 20px;
}

/* heading xl nowrap */

@media (min-width: 1199.92px) {
    .template-103.text-xl-nowrap {
        white-space: nowrap !important;
    }
}
