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

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

.pwr-sec-form__content--v-align {
    display: flex;
    align-items: center;
}

.pwr-sec-form__content--narrow {
    max-width: 800px;
}

.pwr-sec-form .pwr--align-c .pwr-sec__title {
    margin: 0 auto;
}

.pwr-sec-form__intro-sec {
    position: relative;
}

.pwr-sec-form__intro-sec--hor {
    float: left;
}

.pwr-sec-form__intro-sec--hor-boxed {
    float: left;
}

.pwr-sec-form__intro-sec--hor-wide {
    float: left;
}

.pwr-sec-form__form-wrapper--hor {
    float: left;
}

.pwr-sec-form__form-wrapper--hor-boxed {
    float: left;
}

.pwr-sec-form__form-wrapper--hor-wide {
    float: left;
}

.pwr-sec-form__intro-sec--hor {
    width: 50%;
}

.pwr-sec-form__intro-sec--hor-boxed {
    width: 53%;
}

.pwr-sec-form__intro-sec--hor-wide {
    width: 60%;
}

.pwr-sec-form__intro-sec--vertical {
    margin-bottom: 60px;
}

.pwr-sec-form__title + .pwr-sec-form__desc {
    margin-top: 30px;
}

.pwr-sec-form__form-wrapper--hor {
    margin-left: 10%;
}

.pwr-sec-form__form-wrapper--hor-wide {
    margin-left: 10%;
}

.pwr-sec-form__form-wrapper--hor {
    width: 30%;
}

.pwr-sec-form__form-wrapper--hor-wide {
    width: 40%;
}

.pwr-sec-form__form-wrapper--hor-boxed {
    margin-left: 7%;
    width: 40%;
}

.pwr-sec-form__form-wrapper--hor-boxed .pwr-form {
    padding: 40px 30px;
    border-radius: var(--br-box);
    background-color: var(--clr-background-accent-lt);
}

.pwr-sec-form__form-wrapper--hor-boxed .pwr-form.pwr--light {
    padding: 40px 30px;
    border-radius: var(--br-box);
    background-color: var(--clr-background-accent-lt);
}

.pwr--dark .pwr-sec-form__form-wrapper--hor-boxed .pwr-form:not(.pwr--light) {
    background-color: var(--clr-background-accent-dk);
}

.pwr-sec-form__form-wrapper--hor-boxed .hs-submit {
    width: 100%;
}

@media (max-width: 991px ) {
    .pwr-sec-form__content--v-align {
        display: block;
    }

    .pwr-sec-form__intro-sec {
        margin-bottom: 60px;
    }

    .pwr-sec-form__intro-sec--hor {
        float: none;
        width: 100%;
    }

    .pwr-sec-form__intro-sec--hor-boxed {
        float: none;
        width: 100%;
    }

    .pwr-sec-form__intro-sec--hor-wide {
        float: none;
        width: 100%;
    }

    .pwr-sec-form__form-wrapper--hor {
        float: none;
        width: 100%;
    }

    .pwr-sec-form__form-wrapper--hor-boxed {
        float: none;
        width: 100%;
    }

    .pwr-sec-form__form-wrapper--hor-wide {
        float: none;
        width: 100%;
    }

    .pwr-sec-form__form-wrapper--hor {
        margin-left: 0;
    }

    .pwr-sec-form__form-wrapper--hor-boxed {
        margin-left: 0;
    }

    .pwr-sec-form__form-wrapper--hor-wide {
        margin-left: 0;
    }
}

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

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

    .pwr-sec-form__intro-sec--vertical {
        margin-bottom: calc(60px * var(--sp-reduction-factor));
    }

    .pwr-sec-form__title + .pwr-sec-form__desc {
        margin-top: calc(30px * var(--sp-reduction-factor));
    }
}