.layout-grid__wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding-bottom: 35px;
}

.half-text-half-media__wrapper:not(.lottie-animation)  .layout-grid__wrapper {
    padding: 96px 0;
}

.half-text-half-media__wrapper.grid-images .layout-grid__wrapper {
    align-items: flex-start;
}

.left-grid .trial-form-wrapper {
    margin-top: 10px;
}

@media( min-width:768px ) {
    .left-grid .trial-form-wrapper > div {
        flex: 0 0 33%;
        padding-left: 0;
    }

    .layout-grid__wrapper {
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: var(--spacing-s-12);
    }

    .layout-grid__wrapper.col-reverse {
        grid-auto-flow: dense;
    }

    .layout-grid__wrapper.col-reverse > .left-grid {
        grid-column: 2;
    }

    .layout-grid__wrapper.col-reverse > .right-grid {
        grid-column: 1;
    }
}

.sub-headline-grid {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0px;
    font-family: var(--font-primary);
    font-size: 23px;
    line-height: 32px;
    font-weight: 500;
    text-transform: none;
    color: var(--color-blue);
}

.headline-grid {
    font-weight: 700;
    font-family: var(--font-primary);
    margin: 0;
    line-height: 1.1em;
    font-size: 40px;
}

.left-grid .btn-link,
.left-grid .button,
.left-grid .no-pointers,
.left-grid .have-pointers {
    text-decoration: none;
}
.left-grid .btn-link {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    border: none;
    padding: 0;
    background: transparent;
}
.left-grid .btn-link:hover {
    box-shadow: none;
    padding: 0;
}


.left-grid .btn-link:before {
    content: '';
    display: block;
    height: 2px;
    width: 65px;
    position: absolute;
    bottom: -8px;
    background: var(--colors-orange, #FE5800);
    transition: .3s;
}

.left-grid .btn-link:hover:before {
    width: 100%;
}
.content-grid {
    margin-top: 15px;
}
.content-grid .headline-grid {
    font-weight: 700;
    font-family: var(--font-primary);
    margin: 0;
    line-height: 1.1em;
    font-size: 40px;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .content-grid h3 {
        font-size: 3em;
    }
}

.left-grid p {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 18px;
    color: var(--color-black);
}

.left-grid p.lead-text {
    font-family: var(--font-secondary);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}

.half-text-half-media__wrapper + .half-text-half-media__wrapper,
.half-text-half-testimonial-slider + .half-text-half-media__wrapper {
    padding-top: 0;
}

.half-contain-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.left-grid.white-color > a * {
    color: var(--color-white);
}

.left-grid.white-color .content-grid > *:not([class=btn-]),
.left-grid.white-color .content-grid > *:not([class*="btn"]) {
    color: var(--color-white);
}

[class*="btn--bor"] {
    font-weight: 700;
    letter-spacing: .05em;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 30px;
}

.no-pointers {
    pointer-events: none;
}

.video-external,
.video-internal {
    position: relative;
    display: inline-block;
    width: 100%;
}

.video-external .icon-play-button,
.video-internal .icon-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 55px;
    background: #ffffffc9;
    border-radius: 100%;
    box-shadow: 0 0px 25px 4px #ffffffad;
    padding: 35px;
    color: var(--color-orange);
}

.video-external .icon-play-button:before,
.video-internal .icon-play-button:before {
    position: relative;
    left: 6px;
}

.video-external img,
.video-internal img {
    box-shadow: 6px 6px 25px 6px #0000001c;
}

.internal-short-clip video {
    width: 100%;
}

.content-grid h5 {
    font-family: var(--font-secondary);
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 28px;
    margin-top: 10px;
}

.content-grid h4 {
    font-family: var(--font-primary);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 36px;
    margin-top: 10px;
}
@media( min-width:768px ) {
    .content-grid h4 {
        font-size: 33px;
        line-height: 40px;
    }
}
.grid-logos__wrapper {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 32px;
    display: grid;
    grid-row-gap: 32px;
    margin-top: 20px;
}

h3.sub-headline-grid {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
}

.half-text-half-media__wrapper .line-separator {
    margin: 5px 0 15px;
}

h2.headline-grid {
    font-size: 30px;
    margin-bottom: 20px;
}

@media( max-width:600px ) {
    .content-grid {
        margin-top: 15px;
    }
}


.form-row label span {
    font-size: 15px;
    font-weight: 700;
}

.form-row {
    margin-bottom: 15px;
}

.form-row input:not(.btn),
.form-row textarea {
    margin-top: 3px;
    border: 0.5px solid rgb(212, 209, 207);
    border-radius: 2px;
    color: rgb(12, 15, 51);
    font-size: 15px;
    padding: 8px;
}

.form-row textarea {
    height: 90px;
    width: 100%;
}

.form-row .wpcf7-radio .wpcf7-list-item {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.form-row .wpcf7-radio .wpcf7-list-item label span {
    font-weight: normal;
    margin-left: 5px;
}

.selected-form__wrapper .form-wrapper p {
    font-size: 14px;
    line-height: 22px;
}

.form-wrapper.webfx-form img {
    width: 189px;
    height: auto;
    margin: 0 auto 15px;
    display: block;
}

.heading-form {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    font-family: var(--font-primary);
}

.line-separator.form-webfx {
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
    margin-bottom: 17px;
}

.form__description {
    position: relative;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    max-width: 290px;
    margin: 0 auto 25px;
    font-weight: 300;
}

.form-wrapper .wpcf7-submit {
    font-weight: 700;
    padding: 16px 30px;
}

.half-text-half-media__wrapper.no-padding-top .layout-grid__wrapper {padding-top: 0px;}
.half-text-half-media__wrapper.no-padding-bottom .layout-grid__wrapper {padding-bottom: 0px;}
/* .half-text-half-media__wrapper[class*="padding-"] .layout-grid__wrapper {padding: 0;} */

@media( max-width:500px ) {
    .layout-grid__wrapper .content-grid p:has(> .btn) {display: flex; flex-direction: column;}
    .layout-grid__wrapper .content-grid p:has(> .btn) a.btn {display: flex; justify-content: center; align-self: center;}
}