/* Global */
:root {
    --base-color: #50b18f;
}
header .navbar-brand {
    padding: 22px 0;
}
header .navbar-brand img {
    max-height: 50px;
}
h1, .h1 {
    font-size: 5rem;
    line-height: 4.750rem;
}
.bg-base-color {
    background-color: var(--base-color);
}
.text-gradient-base-color {
    background-image: linear-gradient(to right, #50b18f 0%, #984e91 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-gradient-green-transparent {
    background: linear-gradient(to right, rgba(80, 177, 143, 1.0) 10%, rgba(80, 177, 143, 0.0) 95%);
}
.text-green{
    color: #50b18f;
}
.bg-gradient-purple-transparent {
    background: linear-gradient(to right, rgba(152, 78, 145, 1.0) 10%, rgba(152, 78, 145, 0.0) 95%);
}
.text-purple{
    color: #984e91;
}
input, textarea{
    color: #000 !important;
}

/*-----------------------------------------------------------------------*/
/* Little desktop devices: lt (large tablet, and small desktop) */
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 1259.98px){

}

/*-----------------------------------------------------------------------*/
/* Tablet devices */
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 834.02px){
    .storytelling-logo{
        display: none;
    }
}

/*-----------------------------------------------------------------------*/
/* Small devices: -m (mobile) */
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 575.98px){
    h1, .h1 {
        font-size: 4rem;
        line-height: 4rem;
    }
    .progress-step-separator{
        display: none;
    }
    .process-step-icon-box{
        position: absolute !important;
    }
    .benefit-1{
        float: right;
        width: calc( 100% - 35px ) !important;
        margin-top: -15px !important;
    }
    .benefit-2{
        float: right;
        width: calc( 100% - 35px ) !important;
        line-height: 22px;
    }
}

/*-----------------------------------------------------------------------*/
/* Small devices: -mm (medium mobile) */
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 389.98px){

}

/*-----------------------------------------------------------------------*/
/* Little small devices: -sm (small mobile */
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 359.98px){

}

/*-----------------------------------------------------------------------*/
/* X-Large desktop devices */
/*-----------------------------------------------------------------------*/
@media screen and (min-width: 2460px){

}