/* =============================================================================
   Block: cta_with_background  (partial/content-cta_with_background.php)
   Extracted from style.css. Enqueued only when this block is used on the page.
============================================================================= */

.intro_section.layout_bg {min-height: 556px;padding: 80px 0;display: flex;align-items: center;}
.intro_section.layout_bg .wrapper {max-width: 768px;}
.intro_section.layout_bg .outer_part {max-width: 545px;margin: 0 auto;}
.intro_section.layout_bg .bg_image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--backgrondColorGray);}
.intro_section.layout_bg .bg_image img {width: 100%;height: 100%;object-fit: cover;}
.intro_section.layout_bg  .wrapper::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'><path d='M31.9997 -0.000362252L31.999 2.00011H1.99946L1.99877 32.0004L-0.000328282 31.9997V0.000328282L31.9997 -0.000362252Z' fill='%23353535'/></svg>") no-repeat center center;background-size: contain;}
.intro_section.layout_bg  .wrapper::after {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M5.01701e-05 32.0009L0.000740704 30.0004H30.0003L30.001 0.000126029L32.0001 0.000816563L32.0001 32.0002L5.01701e-05 32.0009Z' fill='%23353535'/></svg>") no-repeat center center;background-size: contain;}

@media only screen and (max-width:1023px) {
    .intro_section.layout_bg .wrapper {max-width: 675px;}
}