.ingite-section-title{
    position:relative;
    text-align:center;
    font-size:50px;
    font-weight:500;
    line-height:1;
    padding-bottom:0;
    min-height:170px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;

    span{
        display:inline-block;
    }
}

.ingite-section-subtitle{
    text-align:center;
}

mark{
    background-image:linear-gradient(90deg, #686BEE 20%, #8C56F0 80%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    /* prevent bottomed letters from being hidden, example:"g"*/
    padding-bottom:10px;
    margin-bottom:-10px;
}

.ingite-section-title::before{
    content:attr(data-text);
}

.ingite-section-title::before, .ingite-section-title-background{
    z-index:0;
    font-family:"Montserrat", sans-serif;
    color:var(--ingite-color-title);
    opacity:0.05;
    margin:auto;
    font-weight:700;
    font-size:170px;
    text-align:center;
    position:absolute;
    width:100%;
    left:0;
    top:0;
    pointer-events:none;
}

.page-section{
    .ingite-section-title-container{
        margin-bottom:var(--ingite-section-padding);
    }

    .ingite-section-title-container + .card{
        margin-top:0;
    }

    .ingite-section-title-container + .row:last-child{
        margin:0;
    }
    .ingite-section-title-container + .row:last-child > .col:only-child > .card:only-child{
        margin:0;
    }
    .ingite-section-title-row{
        margin-bottom:0;
    }
    .ingite-section-title-absorb-row, .ingite-section-title-absorb-row.row{
        margin-bottom:0;

        .ingite-section-title-container{
            margin-bottom:calc(var(--ingite-section-padding) - 1rem);
        }
    }
}

.ingite-section-title.tall.below-baseline::before{
    top:-11px;
}

@media (min-width:993px){
    .ingite-section-title{
        min-height:130px;
    }
    .ingite-section-title::before{
        line-height:130px;
    }
    .ingite-section-title.tall:not(.below-baseline){
        min-height:140px;
    }
    .ingite-section-title.tall:not(.below-baseline)::before{
        line-height:140px;
        top:6px;
    }

    .ingite-section-title.tall.below-baseline,
    .ingite-section-title.below-baseline{
        min-height:170px;
    }
    .ingite-section-title.below-baseline::before{
        line-height:170px;
        top:-14px;
    }
    .ingite-section-title.tall.below-baseline::before{
        line-height:170px;
        top:-11px;
    }
}

@media (min-width:773px) and (max-width:992px){
    .ingite-section-title{
        font-size:45px;
        min-height:130px;
    }
    .ingite-section-title::before, .ingite-section-title-background{
        font-size:130px;
        line-height:130px;
    }
}

@media (min-width:601px) and (max-width:772px){
    .ingite-section-title{
        min-height:100px;
    }
    .ingite-section-title::before, .ingite-section-title-background{
        font-size:110px;
        line-height:100px;
    }
}

@media (min-width:501px) and (max-width:600px){
    .ingite-section-title{
        font-size:40px;
        min-height:90px;
    }
    .ingite-section-title::before, .ingite-section-title-background{
        font-size:100px;
        line-height:90px;
    }
}

@media screen and (max-width:500px){
    .ingite-section-title{
        font-size:37px;
        min-height:70px;
    }
    .ingite-section-title::before, .ingite-section-title-background{
        font-size:80px;
        line-height:70px;
    }
    .ingite-section-title.below-baseline{
        min-height:80px;
    }
    .ingite-section-title.below-baseline::before{
        line-height:80px;
        top:-6px;
    }
    .ingite-section-title.tall.below-baseline::before{
        top:-6px;
    }
}