.popup-container {
    position: fixed;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 9;
    display:none;
}
.popup-container .wrapper {
    background: #fff;
    max-width: 900px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    width: 96%;
}
.inner-section,
#bringIgnite .bg-wrapper {
    display: flex;
    position: relative;
}
.popup-container .form-content,
#bringIgnite .bg-wrapper .content{
    width: 50%;
    background: #037DB3;
    padding: 50px;
}
.popup-container .pp-content,
#bringIgnite .bg-wrapper .form{
    width: 50%;
    padding: 80px 30px;
    position: relative;
}
.popup-container h3 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 53px;
    color: #fff;
}
.popup-container .pp-content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.04em;
    color: #04A0D9;
    margin: 0 0 30px;
}
.popup-container .pp-content ul {
    padding-left: 30px;
    margin: 0 0 32px;
}
.popup-container .pp-content li {
    line-height: 32px;
    font-size: 20px;
}
.popup-container button.close-pp,
.popup-container button.close-inner-popup{
    background: transparent;
    padding: 0;
    border: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
}
.popup-container label.hs-login-widget-password-label,
.popup-container label.hs-login-widget-email-label {
    display: none;
}
.popup-container .hs-form-field {
    margin: 0 0 24px;
}
.popup-container .inputs-list > li {
    margin: 0;
}
.popup-container  a.hs-login-widget-show-password {
    display: none;
}
.popup-container form label {
    color: #fff;
}
.popup-container .hs-form-field {
    margin: 0px;
    align-items: center;
}
.popup-container form label {
    color: #fff;
}
.open-model {
    display: flex;
    opacity: 1;
    visibility: visible;
}
.popup-container #mainPopup .hs-form-field:first-child {
    display: none;
}
.popup-container .hs-input {
    margin-bottom: 24px;
}
.popup-container .hs-input[type=checkbox] {
    margin: 0;
    width: auto;
    display: inline-block;
    height: auto;
}
.popup-container #mainPopup input#hs-login-widget-remember + label {
    display: inline-block;
}
.popup-container ul.no-list.hs-error-msgs {
    margin: 0;
    padding: 0;
}
.popup-container input.hs-button.primary.large {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
    padding: 24px 40px;
    background-color: rgba(208,103,28,1.0);
}
.popup-container h3.form-title {
    display: none;
}
.trial-button button {
    border: 2px solid #E5E5E5;
    box-sizing: border-box;
    background: transparent;
    color: #037DB3;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    padding: 24px 40px;
    display: inline-block;
    margin: 0 0 32px;
}
.team-button button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: #F5883A;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
}
.team-button button svg {
    margin-right: 8px;
}
.inner-popup {
    display: none;
}
#trailForm .bg-wrapper{
    background-image: url(https://f.hubspotusercontent40.net/hubfs/7966197/Polygon%201.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px;
    position: relative;
}
div#trailForm h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0em;
    margin: 0 0 16px;
    color: #037DB3;
}
div#trailForm h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    color: #65665D;
    margin: 0 0 40px;
}
.singup div#mainPopup {
    display: flex;
}
.trailForm div#trailForm,
.bringIgnite #bringIgnite{
    display: block;
}
.trailForm div#trailForm .hs-form-field > label,
div#trial-popup div#trailForm .hs-form-field > label{
    display: none;
}

div#trial-popup .inner-popup {
    display: block;
}
.popup-container  .hs-input {
    font-size: 14px;
    line-height: 16px;
    color: #8C9199;
    letter-spacing: 0em;
}
#trailForm .form {
    padding: 0 30px;
}
#trailForm .actions {
    text-align: center;
    margin-top: 20px;
}
.wrapper.bringIgnite {
    max-width: 980px;
}
#bringIgnite .bg-wrapper .content {
    background: #fff;
}
#bringIgnite .bg-wrapper .content {
    background: #fff;
}
#bringIgnite h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0;
    color: #037db3;
    margin: 0 0 70px;
}
#bringIgnite h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: .04em;
    color: #3d4543;
    margin: 0 0 8px;
}
#bringIgnite h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    color: #65665d;
    margin: 0 0 50px;
}
#bringIgnite .bg-wrapper .form {
    background: #65665D;
    padding: 80px 70px;
}
#bringIgnite .hs-form-field> label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
    display: block;
    margin: 0 0 16px;
    color: #C4C4C4;
}
#bringIgnite .title {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.04em;
    margin: 0 0 30px;
    color: #FFFFFF;
}

.submitted-message {
    mix-blend-mode: multiply;
    padding: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    background: linear-gradient(232.31deg, #04a0d9 41.52%, rgb(4 157 214) 65.3%, rgb(4 160 217) 81.3%), url(https://f.hubspotusercontent40.net/hubfs/7966197/Polygon%201-1.svg);
}
.submitted-message h2 {
    text-align: center;
    color: #FFFFFF !important;
    margin: 0 0 32px !important;
}
.submitted-message h4 {
    color: #E7E8F1 !important;
    margin-bottom: 80px !important;
}
.submitted-message a.btn.btn-white {
    background: #FFFFFF;
    border: 2px solid #E5E5E5;
    box-sizing: border-box;
    padding: 24px 40px;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #037DB3;
    text-transform: uppercase;
}
.popup-container button.close-pp path,
div#trailForm button.close-inner-popup path{
    stroke: #65665D;
}
div#bringIgnite button.close-inner-popup path,
#trailForm.formsubmitted button.close-inner-popup path{
    stroke: #fff;
}

#trailForm.formsubmitted .bg-wrapper,
#bringIgnite.formsubmitted .bg-wrapper {
    padding: 0;
}
#trailForm.formsubmitted .content,
#bringIgnite.formsubmitted .bg-wrapper {
    display: block;
}
#trailForm.formsubmitted .form,
#bringIgnite.formsubmitted .bg-wrapper {
    padding: 0;
}
#bringIgnite.formsubmitted .content {
    display: none;
}
#bringIgnite.formsubmitted .form {
    width: 100%;
    padding: 0;
}
/*  */
#bringIgnite .submitted-message {
    background: #fff;
    background-image: none;
    mix-blend-mode: inherit;
    padding: 0;
    padding: 0 50px 50px;
}
#bringIgnite .submitted-message h2 {
    background: linear-gradient(232.31deg,rgba(182, 187,35,.6) 41.52%, rgb(182 187 35) 65.3%, rgb(182 187 35) 81.3%), url(https://f.hubspotusercontent40.net/hubfs/7966197/Polygon%201-1.svg);
    padding: 54px 0;
    margin: 0 -50px 50px!important;
    mix-blend-mode: multiply;
    background-size: cover;
}#bringIgnite.formsubmitted .title {
    display: NONE;
}

#bringIgnite .submitted-message  h4 {
    color: rgba(101, 102, 93, 1) !important;
    max-width: 600px;
    margin: 0 auto 32px !important;
}

@media(max-width:767px){
    .singup div#mainPopup {
        display: block;
        position: relative;
    }
    .popup-container .form-content, 
    #bringIgnite .bg-wrapper .content ,
    .popup-container .pp-content, 
    #bringIgnite .bg-wrapper .form,
    #trailForm .bg-wrapper{
        width: 100%;
        padding: 20px;
    }
    .popup-container h3,
    #bringIgnite h2,
    div#trailForm h2{
        font-size: 30px;
        line-height: 1.5;
        margin: 0 0 20px;
    }
    .popup-container .hs-input{
        height: 45px;
        margin-bottom: 18px;
    }
    .popup-container input.hs-button.primary.large {
        padding: 15px 40px;
    }
    .popup-container .pp-content h3 {
        margin: 0 0 15px;
    }
    .inner-section,
    #bringIgnite .bg-wrapper {
        display: block;

    }
    #bringIgnite h4 {
        margin-bottom: 20px;
    }
    div#bringIgnite button.close-inner-popup path, 
    #trailForm.formsubmitted button.close-inner-popup path {
        stroke: #65665D;
    }
    .popup-container .pp-content {
        position: static;
    }
    .singup div#mainPopup button.close-pp path{
        stroke: #fff;
    }
    .popup-container button.close-pp, 
    .popup-container button.close-inner-popup {
        top: 15px;
        right: 10px;
    }
}