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

.pwr-services--style-3 {
    text-align: left;
}

.pwr-services-item {
    color: var(--clr-text-lt);
    display: inline-block;
    float: left;
    padding: 30px 40px 25px;
    position: relative;
    width: 33.33%;
}

.pwr-services-item__icon {
    color: var(--clr-text-lt);
    display: inline-block;
    fill: currentColor;
    font-size: 30px;
    padding-bottom: 20px;
}

.pwr-services-item__img {
    margin-top: 5px;
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    vertical-align: top;
}

.pwr-services-item__title {
    display: block;
    font-family: var(--ff-accent);
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: var(--tt-title);
}

.pwr-services-item.pwr-services-item--is-link:hover .pwr-services-item__title {
    color: var(--clr-primary);
}

.pwr-services-item__desc {
    color: var(--clr-text-lt);
    display: inline-block;
    margin-bottom: 20px;
}

.pwr-services-item__more-link {
    color: var(--clr-text-lt);
    display: block;
    font-family: var(--ff-btn);
    font-size: 13px;
    font-weight: 700;
    opacity: 0;
    position: relative;
    text-transform: var(--tt-link);
}

.pwr-services-item__more-link:hover .pwr-link-icon {
    transform: translateX(4px);
}

.pwr-services-item--is-link:hover .pwr-services-item__more-link {
    opacity: 1;
}

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

.pwr--dark .pwr-services-item__title {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-services-item__desc {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-services-item__more-link {
    color: var(--clr-text-dk);
}

.pwr-services-box {
    color: var(--clr-text-lt);
    display: inline-block;
    float: left;
    height: 300px;
    margin: 10px;
    position: relative;
    width: calc( 33.33% - 20px );
    --mod-serv-clr-hover-box-txt: var(--clr-hover-box-txt);
    --mod-serv-clr-hover-box-background: var(--clr-hover-box-background);
}

.pwr-services-box__front {
    padding: 50px 40px;
    position: absolute;
}

.pwr-services-box__back {
    padding: 50px 40px;
    position: absolute;
}

.pwr-services-box__front {
    bottom: 0;
    left: 0;
    z-index: 1;
}

.pwr-services-box__back {
    bottom: 0;
    color: var(--mod-serv-clr-hover-box-txt);
    left: 0;
    opacity: 0;
    z-index: 0;
}

.pwr-services-box__back .pwr-services-item__title {
    color: var(--mod-serv-clr-hover-box-txt);
}

.pwr-services-box__back .pwr-services-item__desc {
    color: var(--mod-serv-clr-hover-box-txt);
}

.pwr-services-box__back .pwr-services-item__more-link {
    color: var(--mod-serv-clr-hover-box-txt);
}

.pwr-services-box__back .pwr-read-more__button,
.pwr-services-box__back .pwr-read-more__button:hover {
    color: var(--mod-serv-clr-hover-box-txt);
}

.pwr-services-box__inner {
    background-color: var(--clr-background-lt);
    height: 100%;
}

.pwr-services-box:not(.pwr-services-box--w-links):hover .pwr-services-box__inner {
    background-color: var(--mod-serv-clr-hover-box-background) !important;
}

.pwr-services-box:not(.pwr-services-box--w-links):hover .pwr-services-box__front {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.pwr-services-box:not(.pwr-services-box--w-links):hover .pwr-services-box__back {
    opacity: 1;
}

.pwr-services-item--is-link:not(.pwr-services-box):hover .pwr-services-item__more-link:hover {
    color: var(--clr-primary);
}

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

.pwr-services-box.swiper-slide {
    height: 300px;
    margin: 0;
}

.pwr-services-item.swiper-slide {
    border: initial !important;
}

.pwr-services__wrapper {
    position: relative;
}

.pwr-services--style-4 {
    margin: -20px -10px -10px;
}

.pwr-services-box--w-links {
    height: auto;
    min-height: 300px;
}

.pwr-services-box--w-links .pwr-services-box__inner {
    width: 100%;
}

.pwr-services-box--w-links .pwr-services-box__front {
    position: relative;
}

.pwr-services-box--w-links .pwr--align-c .pwr-services-item__icon {
    margin: 0 auto;
}

.pwr-services-box--w-links .pwr-services-box__front {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.pwr-services-box--w-links .pwr-services-sub-services {
    margin-top: auto;
}

.pwr-services-sub-services {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pwr-services-box--w-links .pwr-cta {
    display: inline-block;
}

.pwr-services-box--w-links [class*="cta_button"] {
    font-size: 12px;
    padding: 5px 8px !important;
}

.pwr-services-box--w-links .pwr-cta--regular-border [class*="cta_button"] {
    padding: 3px 6px !important;
}

.pwr-services-box--w-links .pwr-cta--primary-border [class*="cta_button"] {
    padding: 3px 6px !important;
}

.pwr-services-item.pwr--light {
    background-color: initial;
}

.pwr--align-c .pwr-services-box--w-links .pwr-services-item__icon {
    margin: 0 auto;
}

.pwr--align-c .pwr-services-sub-services {
    justify-content: center;
}


@media (hover: none) {
    .pwr-services-item--is-link:not(.pwr-services-box) .pwr-services-item__more-link {
        color: var(--clr-primary);
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .pwr-services--style-1 .pwr-services-item {
        border-right: 1px solid rgba(var(--clr-base-dk-rgb), .2);
        border-bottom: 1px solid rgba(var(--clr-base-dk-rgb), .2);
    }

    .pwr--dark .pwr-services--style-1 .pwr-services-item {
        border-right: 1px solid rgba(var(--clr-base-lt-rgb), .2);
        border-bottom: 1px solid rgba(var(--clr-base-lt-rgb), .2);
    }

    .pwr-services--style-1 .pwr-services-item:nth-child(3n) {
        border-right: 0;
    }

    .pwr-services--style-1 .pwr-services-item.pwr-services-item--last-row {
        border-bottom: 0;
    }

    .pwr-services--style-2 {
        text-align: left;
    }

    .pwr-services--style-2 .pwr-services-item {
        padding: 20px 30px 25px 60px;
    }

    .pwr-services--style-2 .pwr-services-item__icon {
        position: absolute;
        left: 0;
        top: 15px;
    }
}

@media (max-width: 991px) {
    .pwr-services-item {
        width: 50%;
    }

    .pwr-services-item__icon {
        font-size: 30px;
        font-size: max(var(--fs-min), calc(30px * var(--fs-reduction-factor)));
        padding-bottom: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-services-item__img {
        max-width: calc(30px * var(--sp-reduction-factor));
        max-height: calc(30px * var(--sp-reduction-factor));
    }

    .pwr-services-item__title {
        font-size: 19px;
        font-size: max(var(--fs-min), calc(19px * var(--fs-reduction-factor)));
        margin-bottom: calc(15px * var(--sp-reduction-factor));
    }

    .pwr-services-item__desc {
        margin-bottom: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-services-item__more-link {
        opacity: 1;
    }

    .pwr-services-box {
        width: calc( 50% - 20px );
    }
}

@media (max-width: 767px ) {
    .pwr-services-box--w-links {
        min-height: unset;
    }

    .pwr-services-item {
        padding: 20px 0;
        width: 100%;
    }

    .pwr-services-box {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}