.wrapper__banner, .wrapper__banner .container{position:relative; overflow:hidden}
.banner__row{overflow: hidden;height: 545px;padding-top:40px;width:575px;position: relative;z-index: 2;}
.banner-bg__before{pointer-events:none; position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width: 100%;min-width: 1920px; text-align:center}
.banner-bg__after{pointer-events:none; position:absolute;top:50%; right:0; transform:translateY(-50%); }
.wrapper__banner h1{font-weight: 500;font-size: 40px;line-height: 125%;color: #333333;margin:0}
.banner__title{font-weight: 500;font-size: 28px;line-height: 125%;color: #333333;padding:16px 0 32px}
.banner__title span{color:#3478B9;text-transform:uppercase}
.banner__form-title{font-weight: 500;font-size: 16px;line-height: 125%;color: #333333;}
.banner__action{position: absolute;right: 0;top: 40px;z-index: 2;text-align: center;gap: 8px;background: #FFFFFF;box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.08);border-radius: 24px;display:flex;padding:40px;flex-direction:column;justify-content:center;align-items:center;text-transform: uppercase;font-weight: 500;font-size: 28px;line-height: 125%;color: #3478B9;}
.banner__action::after{pointer-events:none; content:"";position:absolute;background:url(/templates/komfort74/images/arrow-action.png) no-repeat 0 0 / contain;width: 250px;height: 112px;right: 100%;top: 100%;transform: translate(-45px, -35px)}
.banner__action-sale{font-size: 56px;line-height: 90%;}
.banner__form-title span{font-weight: 500;color: #FFFFFF;background:#7FB8EF;border-radius:50px;padding:2px 8px;white-space:nowrap;}
.banner__text{color: #666666;line-height: 125%; padding:16px 0 32px}
.banner-price .banner__row{align-items:start; width:610px; display: flex;flex-direction: column;justify-content: center;}
.banner-price .banner__title span{text-transform:none}
.banner-price ul{display:flex;gap:0 16px;padding: 0 0 32px;}
.banner-price ul li{font-weight: 400;line-height: 125%;color: #666666;position:relative;display: flex;align-items: center;width: 33.33%;}
.banner-price ul li strong{color:#000000}
.banner-price ul li::before{content:"";background:url(/templates/komfort74/images/gager-check.svg) no-repeat 0 0 / contain;width: 56px;min-width: 56px;height: 56px;display: block;margin-right: 16px;}
@media(min-width: 768px) { 
	.banner-price .banner__row{padding-top:0}
	.banner-action .banner__row {padding-top: 0;display: flex;flex-direction: column;justify-content: center; max-width:400px}
}
@media(min-width: 992px) {
	.banner-action .banner__row{max-width:500px}
}
@media(min-width: 1230px) {
	.banner-action .banner__row{max-width:560px}
}
@media(max-width: 1229px) { 
	.banner__row{height: 460px;padding-top: 30px;width: 510px;}
	.banner-bg__before{min-width: 1620px;}
	.wrapper__banner h1{font-size: 36px;}
	.banner__title{font-size: 26px;padding: 12px 0 26px;}
	.banner__text{padding:12px 0 26px}
	.banner__form-title{font-size: 15px;}
	.banner__action{top: 30px;padding: 30px;font-size: 22px;}
	.banner__action::after{width: 170px;height: 76px;transform: translate(-15px, -5px);}
	.banner__action-sale{font-size: 48px;}
	.banner-bg__after img{width:auto; max-height:460px}
	.banner-price .banner__row{width:565px}
	.banner-price ul li::before{width: 52px;min-width: 52px;height: 52px; margin-right: 14px;}
	.banner-price ul {gap: 0 14px; padding: 0 0 26px}
	.banner-price .banner-bg__after{right:-100px}
}
@media(max-width: 991px) and (min-width:768px){ 
	.banner-price ul li{font-size:13px}
}
@media(max-width: 991px) { 
	.banner__row{height: 370px;padding-top: 0;width: 460px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
	.banner-bg__before{min-width: 1300px;}
	.wrapper__banner h1{font-size: 32px;}
	.banner__title{font-size: 22px;padding: 10px 0 20px;}
	.banner__text{padding: 10px 0 20px}
	.banner__form-title{font-size: 14px;}
	.banner__action{top: 20px;padding: 20px;font-size: 20px;}
	.banner__action img{max-width:90%}
	.banner__action::after{width: 125px;height: 55px;transform: translate(85px, 20px) rotate(-10deg);}
	.banner__action-sale{font-size: 32px;padding-top: 5px;}
	.banner-bg__after img{width:auto;max-height: 369px;}
	.banner-price .banner__row{width:480px}
	.banner-price ul li::before{width: 42px;min-width: 42px;height: 42px; margin-right: 10px;}
	.banner-price ul {gap: 0 10px; padding: 0 0 20px}
	.banner-price .banner-bg__after{right:-160px}
}
@media(max-width: 767px) { 
	.banner__row{height: auto;width: 100%;min-height: 320px;padding: 30px 0;}
	.wrapper__banner h1 br{display:none}
	.banner-bg__after, .banner-bg__before{top:0; bottom:0; left:0; right:0; transform:translateX(0) translateY(0)}
	.banner-bg__after img, .banner-bg__before img, .banner-bg__after picture, .banner-bg__before picture{width:100%;height:100%;object-fit:cover;}
	.banner-bg__after{opacity: 0.3;transform: translateX(60px);}
	.banner-bg__before{min-width: auto;}
	.wrapper__banner h1{font-size: 28px; text-align:center; width:100%}
	.banner__title{font-size: 20px; text-align:center; width:100%}
	.banner__action{display:none}
	.banner__text{color:#333}
	.banner__form-title, .banner__text{text-align:center; width:100%}
	.banner-price .banner-bg__after{right:0}
	.banner__row .btn{margin:0 auto}
	.banner-price .banner__row{width:100%}
}
@media(max-width: 575px) { 
	.banner__row{padding: 30px 0; min-height: auto}
	.wrapper__banner h1{font-size: 24px}
	.banner__title{font-size: 16px; padding: 5px 0 15px;}
	.banner__text{padding: 5px 0 15px}
	.banner-price ul li::before{width: 38px;min-width: 38px;height: 38px; margin:0 auto 10px; }
	.banner-price ul {gap: 0 5px; padding: 0 0 15px}
	.banner-price ul li{display:block; font-size:12px; text-align:center}
}
@media(max-width: 420px) { 
	.banner__row{padding: 20px 0;}
}