.lp-boxes-with-sticky-image {
    padding: 100px 0;
    background: var(--c_neutral--25) !important;
}

@media only screen and (max-width: 1024px) {
    .lp-boxes-with-sticky-image {
        padding: 48px 0;
    }
}

.lp-boxes-with-sticky-image-box-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;
    margin-bottom: 24px;

    color: white;
    background: var(--color_blue_600);

    font-size: 32px;
  }

.lp-boxes-with-sticky-image-heading {
    display: grid;

    margin-bottom: 40px;

    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

@media only screen and (max-width: 1024px) {
    .lp-boxes-with-sticky-image-heading {
        display: flex;
        flex-direction: column;

        margin-bottom: 32px;
    }
}

.lp-boxes-with-sticky-image-heading h2 {
    max-width: 506px;
}

.lp-boxes-with-sticky-image-heading p {
    flex: 0 0 50%;

    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .lp-boxes-with-sticky-image-heading p {
        flex: 0 0 100%;

        margin-bottom: unset;
    }
}

.lp-boxes-with-sticky-image-content {
    display: flex;

    column-gap: 130px;
}

@media only screen and (max-width: 1280px) {
    .lp-boxes-with-sticky-image-content {
        column-gap: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .lp-boxes-with-sticky-image-content {
        column-gap: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .lp-boxes-with-sticky-image-content {
        flex-wrap: wrap;
    }
}

.lp-boxes-with-sticky-image-boxes {
    flex: 0 0 calc(50% - 12px);
}

@media only screen and (max-width: 768px) {
    .lp-boxes-with-sticky-image-boxes,
    .lp-boxes-with-sticky-image-container {
        flex: 0 0 100%;
    }
}

.lp-boxes-with-sticky-image-box {
    padding: 24px;

    background: var(--white);
}

.lp-boxes-with-sticky-image-box:not(:last-child) {
    margin-bottom: 40px;
}

.lp-boxes-with-sticky-image-box img {
    margin-bottom: 24px;
}

.lp-boxes-with-sticky-image-box h3 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .lp-boxes-with-sticky-image-box h3 {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .lp-boxes-with-sticky-image-container {
        order: -1;

        margin-bottom: 32px;
    }
}

.lp-boxes-with-sticky-image-sticky-image {
    position: sticky;
    top: 90px;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .lp-boxes-with-sticky-image-sticky-image {
        top: 10px;
    }
}

.lp-boxes-with-sticky-image-sticky-image img {
    width: 100%;

    animation: floatImg 5s ease-in-out infinite;
}

.lp-boxes-with-sticky-image-cta-container {
    display: flex;
    justify-content: center;

    margin-top: 80px;
}

@media only screen and (max-width: 768px) {
    .lp-boxes-with-sticky-image-cta-container {
        margin-top: 32px;
    }
}