.preview-lesson-section {
    background-color: #F3F3FC;
}

.preview-lesson-inner {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
}

.preview-lesson-inner-holder {
    display: flex;
    max-width: 990px;
    margin: 0 auto;
}

.preview-lesson-left {
    width: 540px;
    line-height: 0;
}

.preview-lesson-left img {
    width: 100%;
}

.preview-lesson-right {
    flex: 1;
    padding-left: 50px;
    box-sizing: border-box;
}

.preview-lesson-right img {
    width: 100%;
}

.preview-lesson-title-new {
    color: #31216B;
    font-size: 32px;
    line-height: 42px;
    font-weight: 800;
    max-width: 600px;
    margin: 0 auto 50px;
    text-align: center;
}

.preview-lesson-text-new {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #31216B;
    max-width: 400px;
}

.sucess-message {
    font-size: 16px;
    line-height: 26px;
    font-weight: 800;
    color: #31216B;
    margin-bottom: 10px;
}

#watch-button {
    max-width: 300px;
}

.preview-lesson-form {
    margin-top: 20px;
    max-width: 300px;
}

#preview-lessons-form-section~.hbspt-form>form input[name="firstname"],
#preview-lessons-form-section~.hbspt-form>form input[name="email"] {
    width: 100%;
    height: 50px !important;
    border-radius: 5px!important;
    background: #fff;
    margin-bottom: 12px !important;
    font-size: 16px;
}

#preview-section-button a {
    background: #fb9f00!important;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    width: 100%;
    max-width: 300px;
}

#watch-button a {
    background: #31216B!important;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    width: 100%;
}

#preview-lessons-form-section~.hbspt-form>form .hs_submit input[type="submit"] {
    background: #fb9f00!important;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    width: 100%;
}

#preview-section-button a:hover,
#preview-lessons-form-section~.hbspt-form>form .hs_submit input[type="submit"]:hover {
    background: #f7b500!important;
}

.submitted-message p {
    color: #31216B!important;
}

#preview-lessons-form-section~.hbspt-form>form .no-list.hs-error-msgs {
    list-style: none;
}

@media screen and (max-width: 1040px) {
    .preview-lesson-inner {
        padding: 60px 0px;
    }
}

@media screen and (max-width: 900px) {
    .preview-lesson-inner {
        flex-direction: column;
    }
    .preview-lesson-left {
        flex: 1;
        padding-right: 0px;
        box-sizing: border-box;
    }
    .preview-lesson-right {
        width: 330px;
        padding-left: 30px;
    }
}

@media screen and (max-width: 768px) {
    .preview-lesson-title-new {
        margin-bottom: 30px;
    }
    .preview-lesson-inner-holder {
        flex-direction: column;
    }
    .preview-lesson-left {
        width: 100%;
    }
    .preview-lesson-right {
        width: 100%;
        padding: 30px 0px 0px;
    }
    .preview-lesson-text-new {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .preview-lesson-inner {
        padding: 50px 0px;
    }
    .preview-lesson-title-new {
        font-size: 26px;
        line-height: 32px;
    }
}