.cog-autopromo{margin:50px 0;position:relative}.cog-autopromo .promo-container{max-width:1024px;margin:0 auto;position:relative}.cog-autopromo .promo-block{max-width:700px;margin:0 auto;position:relative}.cog-autopromo .block{background:var(--primary-color);z-index:4;position:relative}:is(.cog-autopromo .block) .inner{color:#fff;z-index:5;padding:40px 24px;position:relative}:is(.cog-autopromo .block) h2.h2{color:#fff;text-align:center;margin:0;font-family:Sora,sans-serif;font-size:28px;font-weight:700;line-height:30px}:is(:is(.cog-autopromo .block) h2.h2) span:not(.br){margin:0 0 8px;font-size:20px;font-weight:300;line-height:24px;display:block}:is(:is(.cog-autopromo .block) h2.h2) span.br{display:block}:is(.cog-autopromo .block) .catchline{text-align:center;margin:0 0 8px;font-size:20px;font-weight:300;line-height:24px}:is(.cog-autopromo .block) .details{text-align:center;padding:4px 0 0;font-size:16px;font-weight:300;line-height:20px}:is(.cog-autopromo .block) .promo-btn{color:#42145f;text-transform:none;border-radius:24px;width:100%;max-width:295px;height:48px;margin:5px auto 0;font-size:16px;font-weight:600;display:block;background:#fff!important}:is(:is(.cog-autopromo .block) .promo-btn):hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f!important}:is(.cog-autopromo .block) .promo-buttons{flex-flow:column;align-items:center;padding:20px 0 0;display:flex}:is(:is(.cog-autopromo .block) .promo-buttons) .promo-btn{margin:24px 0 0}@media screen and (width>=768px){:is(.cog-autopromo .block) .inner{padding:40px 48px}:is(:is(.cog-autopromo .block) .catchline) span{display:block}:is(.cog-autopromo .block) .promo-buttons{flex-flow:row;margin:0 -12px;padding:20px 0 0}:is(:is(.cog-autopromo .block) .promo-buttons) .promo-btn{flex:auto;margin:24px 12px 0}}.autopromos-container{background:var(--gray-color);padding:50px 0 70px}:is(.autopromos-container .cog-autopromo) .promo-container{padding:0 50px}:is(.autopromos-container .cog-autopromo) .visual{z-index:2;background-position:50%;background-size:cover;position:absolute;inset:40px 0}:is(.autopromos-container .cog-autopromo):first-child{margin-top:0}@media screen and (width>=768px){:is(.autopromos-container.multiple .cog-autopromo) .promo-container{justify-content:flex-start;padding:0 60px;display:flex}:is(.autopromos-container.multiple .cog-autopromo) .promo-block{width:100%;margin:0}:is(.autopromos-container.multiple .cog-autopromo):nth-child(2n) .promo-container{justify-content:flex-end}}