/* This file is used as dependency in:
   ../../modules/sec-timeline.module/module.html */

.pwr-sec-timeline {
    padding: 70px 0 140px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.pwr-sec-timeline--with-intro {
    padding: 135px 0 140px;
}

.pwr-sec-timeline__intro-sec {
    margin-bottom: 90px;
    position: relative;
}

@media (max-width: 767px ) {
    .pwr-sec-timeline {
        padding: calc(70px * var(--sp-reduction-factor)) 0 calc(140px * var(--sp-reduction-factor));
    }

    .pwr-sec-timeline--with-intro {
        padding: calc(135px * var(--sp-reduction-factor)) 0 calc(140px * var(--sp-reduction-factor));
    }

    .pwr-sec-timeline__intro-sec {
        margin-bottom: calc(90px * var(--sp-reduction-factor));
    }
}