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

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

.pwr-sec-services--style-2 {
    padding-bottom: 110px;
}

.pwr-sec-services__intro-sec {
    margin-bottom: 100px;
    position: relative;
}

.pwr-sec-services--style-3 .pwr-sec-services__intro-sec {
    margin-bottom: 80px;
}

.pwr-sec-services__title + .pwr-sec-services__desc {
    margin-top: 30px;
}

.pwr-sec-services:not(.pwr--dark) .pwr-services-box__inner:not(.pwr--dark) .pwr-services-item__icon {
    color: var(--clr-text-lt);
}

.pwr-sec-services:not(.pwr--dark) .pwr-services-box__inner.pwr--dark .pwr-services-item__icon {
    color: var(--clr-text-dk);
}

.pwr-sec-services .pwr-slider__navigation .swiper-button-next {
    top: calc( 50% - 25px );
}

.pwr-sec-services .pwr-slider__navigation .swiper-button-prev {
    top: calc( 50% - 25px );
}

.pwr-sec-services .pwr-services--style-1.swiper .pwr-services-item {
    padding: 0 40px;
}

.pwr-sec-services:not(.pwr-sec-services--pagination) .swiper-button-next {
    top: 50% !important;
}

.pwr-sec-services:not(.pwr-sec-services--pagination) .swiper-button-prev {
    top: 50% !important;
}

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

    .pwr-sec-services--style-2 {
        padding-bottom: calc(110px * var(--sp-reduction-factor));
    }

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