{# Note: This file is subject to change. Please overwrite styles with custom-styles.css using a child-theme #}
/* Sec Device Mockup */

.pwr-sec-mockup {
    padding: 140px 0; 
    overflow: hidden; 
    position: relative; 
    z-index: 0;    
}
.pwr-sec-mockup__content {
    width: 40%;
    left: 60%;
    position: relative;
}
.pwr-sec-mockup__content--left {
    left: 0;
}
.pwr-sec-mockup__cta-container {
    margin-top: 40px;
}
.pwr-sec-mockup__title + .pwr-sec-mockup__desc {
    margin-top: 20px;
}
.pwr-sec-mockup__title + .pwr-sec-mockup__form,
.pwr-sec-mockup__desc + .pwr-sec-mockup__form {
    margin-top: 40px;
}
.pwr-sec-mockup__form .hs-submit {
    margin-top: 10px;
}
.pwr-sec-mockup__mockup {
    width: 55vw;
}
.pwr-sec-mockup__mockup--not-fw {
    width: 50%;
}
.pwr-sec-mockup__mockup--right {
    float: right;
    width: 50vw;
}
.pwr-sec-mockup__mockup-img {
    max-width: 100vw;
    width: 100%;
}
@media (max-width: 991px ) {
    .pwr-sec-mockup {
        padding: calc(140px * var(--sp-reduction-factor)) 0;    
    }
    .pwr-sec-mockup__mockup--hide-mobile {
        display: none;
    }
    .pwr-sec-mockup__content {
        left: 0 !important;
        text-align: center;
        width: 100% !important;
    }
    .pwr-sec-mockup__cta-container {
        margin-top: calc(40px * var(--sp-reduction-factor));
    }
    .pwr-sec-mockup__title + .pwr-sec-mockup__desc {
        margin-top: calc(20px * var(--sp-reduction-factor));
    }
    .pwr-sec-mockup__mockup {
        margin: 50px auto 0;
    }
    .pwr-sec-mockup__mockup--right {
        float: none;
    }
}
@media (min-width: 992px) {
    .pwr-sec-mockup__content--pos-vert {
        position: absolute;
        z-index: 1;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%;
    }
}
@media (max-width: 575px ) {
    .pwr-sec-mockup__mockup {
        width: 100% !important;
    }
}