wp-component[name=PromoBanner]{--component-bg: transparent;background-color:var(--component-bg);margin-block:20px 0}@media (min-width: 768px){wp-component[name=PromoBanner]{margin-block:50px 0}}wp-component[name=PromoBanner] .content-wrapper{--column-start: 3;--column-size: 8;--bg-color: transparent;--text-color: rgba(2,62,132, 1);display:grid;grid-column:1/span 4;grid-template-columns:subgrid;position:relative;background:var(--bg-color);border-radius:22px}@media (min-width: 1180px){wp-component[name=PromoBanner] .content-wrapper{grid-column:1/span 10}}@media (min-width: 1600px){wp-component[name=PromoBanner] .content-wrapper{grid-column:var(--column-start)/span var(--column-size)}}wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"]{color:#fff}wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"] h1,wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"] h2,wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"] h3,wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"] h4,wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"] h5,wp-component[name=PromoBanner] .content-wrapper[style*="--bg-color: var(--color-red)"] h6{color:#fff}wp-component[name=PromoBanner] .content-wrapper .left-content{grid-column:1/-1;grid-row:1}@media (min-width: 768px){wp-component[name=PromoBanner] .content-wrapper .left-content{grid-column:1;grid-row:1}}@media (min-width: 1180px){wp-component[name=PromoBanner] .content-wrapper .left-content{grid-column:2/span 2}}@media (min-width: 1600px){wp-component[name=PromoBanner] .content-wrapper .left-content{grid-column:1/span 3}}wp-component[name=PromoBanner] .content-wrapper .left-content>img{position:absolute;max-height:217px;width:auto;bottom:0;left:50px;display:none}@media (min-width: 768px){wp-component[name=PromoBanner] .content-wrapper .left-content>img{display:block}}@media (min-width: 1180px){wp-component[name=PromoBanner] .content-wrapper .left-content>img{max-height:287px}}wp-component[name=PromoBanner] .content-wrapper .right-content{--text-align: left;grid-column:1/-1;grid-row:1;display:grid;justify-items:start;text-align:var(--text-align);font-size:var(--font-size-body-medium);color:var(--color-blue);padding-inline:50px;padding-block:25px;border-radius:22px;z-index:0}@media (min-width: 768px){wp-component[name=PromoBanner] .content-wrapper .right-content{grid-column:3/span 2;grid-row:1;padding-inline:10px}}@media (min-width: 1180px){wp-component[name=PromoBanner] .content-wrapper .right-content{grid-column:4/span 5;padding-inline:75px 25px}}@media (min-width: 1600px){wp-component[name=PromoBanner] .content-wrapper .right-content{grid-column:4/span 6}}wp-component[name=PromoBanner] .content-wrapper .right-content>h1,wp-component[name=PromoBanner] .content-wrapper .right-content h3{color:var(--text-color, rgb(2, 62, 132))}wp-component[name=PromoBanner] .content-wrapper .right-content>h1>sup>a,wp-component[name=PromoBanner] .content-wrapper .right-content h3>sup>a{color:var(--text-color, rgb(2, 62, 132));text-decoration:none}wp-component[name=PromoBanner] .content-wrapper .right-content>p{margin-block-start:10px;color:#fff;font-size:var(--font-size-body-small)}wp-component[name=PromoBanner]~wp-component[name^=PriceTable]{padding-block:50px 100px}@media (min-width: 1180px){wp-component[name=PromoBanner]~wp-component[name^=PriceTable]{padding-block:100px;margin-block-start:0}}wp-component[name=PromoBanner] .promo-badge{display:grid;grid-template-rows:repeat(4,1fr);justify-items:center;align-content:center;block-size:236px;inline-size:236px;border-radius:50%;background:linear-gradient(to bottom,#E9435C 50%,transparent 100%);margin:auto;color:#fff}wp-component[name=PromoBanner] .promo-badge .addText,wp-component[name=PromoBanner] .promo-badge .discount,wp-component[name=PromoBanner] .promo-badge .after-text{grid-column:1;font-weight:700;font-family:var(--font-family-text)}wp-component[name=PromoBanner] .promo-badge .addText{grid-row:2;align-self:start;font-size:var(--font-size-body-medium)}wp-component[name=PromoBanner] .promo-badge .after-text{grid-row:3;margin-block-start:-20px;text-align:center}wp-component[name=PromoBanner] .promo-badge .discount{grid-row:2;font-size:78px}wp-component[name=PromoBanner] .promo-badge .discount sup{vertical-align:super;font-size:var(--font-size-body-medium);line-height:3rem}wp-component[name=PromoBanner] .promo-badge .discount sup>a{margin-left:-15px;color:#fff;text-decoration:none}wp-component[name=PromoBanner] .promo-badge .discount sup>a:hover{text-decoration:underline}