.wrapper_case{background:#F4F7FF; padding:120px 0; position:relative}
.bg__case{position: absolute; left: 50%; top: 45px; width: 100%; transform: translateX(-50%); display: flex; justify-content: end}
.bg__case img, .bg__case picture{}
.case__description-text{position:relative}
.case__description-text::before{position: absolute;width: 46px;height: 2px;left: -15px;top: 10px;content:"";background: #FFD51C;transform: rotate(121.61deg);z-index: -1;}
.case__row{display: flex; flex-direction: column; height: 780px; overflow-y: auto; padding: 20px; position:relative; z-index:1; margin: -20px; gap:20px; scrollbar-width: none; -ms-overflow-style: none}
.case__row::-webkit-scrollbar{display: none; width: 0; height: 0; background: transparent}
.case__headeing{padding-bottom:45px;display:flex;justify-content:space-between;align-items:center;position: relative;z-index: 1;}
.case__headeing .widget__title.h2{padding-bottom:25px}
.case__description{display:flex; align-items:center; gap:15px}
.case__description strong{display:block; font-weight:700}
.case__description{font-size: 18px;line-height: 1.6;color: #332E47}
.headeing-right__manger{position:relative}
.headeing-right__manger-text{font-size: 15px;line-height: 1.6;text-align: right;color: #4E4E4E;position: absolute;right: 100%;top: 35px;white-space: nowrap;}
.headeing-right__manger-text strong{font-weight: 700;color: #332E47;font-size: 16px;display:block}
.headeing-right__image-arrow{color:#332E47;width: 55px;height: 62px;}
.case__block{display:flex;padding: 16px;background: #FFFFFF;box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.25);border-radius: 16px;align-items:center;gap: 38px;}
.case__cover{width:420px;min-width:420px; overflow:hidden}
.case__cover img{ border-radius:16px;}
.case__info{width:100%}
.case__info-title{font-weight: 800;font-size: 24px;color: #262C32}
.case__info-desc{font-size: 16px;color: #332E47}
.case__info-chars{padding:24px 0 33px; display:flex; gap:24px; align-items:center}
.case__info-char{display:flex;  gap:16px; align-items:center}
.case__info-char svg{max-width:24px; height:24px; color:#FFCF32}
.case__info-char-text{font-weight: 600;font-size: 16px;line-height: 1.1;color: #332E47;}
.case__info-char-text div{}
.case__info-char-text div sup{position:relative; top:2px; font-size:60%}
.case__info-char-text div span{font-weight:800}
.case__info-char-text small{line-height: 1; display: block}
.case__info-list{height: 152px; overflow: hidden}
.case__info-list ul{height: 100%; overflow-y: auto; padding-right: 30px; display: flex; flex-direction: column; gap: 8px}
.case__info-list ul::-webkit-scrollbar{width: 6px; background-color: #F4F7FF}
.case__info-list ul::-webkit-scrollbar-thumb{border-radius: 3px; background-color: #A7B0C6}
.case__info-list ul::-webkit-scrollbar-track{border-radius: 3px; background-color: #F4F7FF}
.case__info-list ul li{position:relative;display:flex;align-items:center;justify-content:space-between;font-size: 14px;line-height: 1.6;color: #44414F;margin: 0 -5px;}
.case__info-list ul li::after{left:0;right:0;height:1px;border-bottom:1px dashed #A8A8A8;content:"";position:absolute;bottom: 1px;}
.case__info-list ul li span{background:#fff;position: relative;z-index: 1;padding: 0 5px;}
.case__info-list ul li span + span{font-weight: 700; font-size:15px; font-weight:700}
.case__pricelist{transition: all 0.15s linear 0s; margin-left:auto;width:320px;min-width:320px;padding: 40px 44px;background: #F4F7FF;border-radius: 12px;display: flex;flex-direction: column;height:100%}
.case__pricelist ul{display: flex; flex-direction: column; gap: 12px; padding: 30px 0}
.case__pricelist ul li{display:flex; align-items:center; gap:13px; font-weight: 500;font-size: 14px;color: #332E47;}
.case__pricelist ul li span{width:24px;height:24px;border-radius:100%;color:#FFB007;display:flex;align-items:center;justify-content:center;background: #fff;}
.case__pricelist ul li span svg{width: 10px;height: 10px;}
.case__pricelist .btn{width:100%;text-align:center;margin-top: auto;}
.case__pricefinday{display:flex;font-weight: 400;font-size: 13px;color: #828282;gap:4px;align-items:center;padding-top: 8px;}
.case__pricefinday svg{width: 18px;height: 18px;color:#332E47;}
.case__pricenew{font-weight: 800;font-size: 24px;line-height:1;color: #332E47}
.case__priceold{display:flex; align-items:center; gap:12px}
.priceold-price{font-weight: 400;font-size: 16px;line-height: 1.2;text-decoration-line: line-through;color: #332E47}
.priceold-sale{padding: 4px 8px;background: #FFD51C;border-radius: 3px;font-weight: 400;font-size: 13px;line-height: 1.2;color: #262C32}
.priceold-sale strong{font-weight: 900;color: #332E47}
.case__block:hover .case__pricelist{background:#DDE2F3}
.case__btnbottom{padding-top:50px;text-align:center;margin:0 auto;max-width: 340px;width: 100%;}
@media(min-width:768px){
	.case__description .contact-messager__list a{width:36px; height:36px}
	.case__description .contact-messager__list a svg {width: 14px;height: 14px}
}
@media(min-width:1721px){
	.case__headeing{padding-right: 60px;}
}
@media(max-width:1720px){
	.bg__case img, .bg__case picture{}
	.bg__case {width: auto;transform: translateX(32vw)}
}
@media(max-width:1399px){
	.wrapper_case{padding:80px 0}
	.bg__case {width: auto;transform: translateX(26vw)}
	.bg__case img, .bg__case picture {width: auto;height: 850px;}
	.case__description{font-size:17px}
	.case__row{height: 625px;padding: 15px;margin: -15px;gap:20px}
	.case__cover{width:340px; min-width: 340px;}
	.case__block {padding: 10px; gap: 15px}
	.case__pricelist{width: 240px; min-width: 240px; padding: 15px}
	.case__info-title{font-size: 18px}
	.case__info-desc, .priceold-price, .case__info-char-text{font-size: 14px}
	.case__info-char-text{line-height:1.2}
	.case__info-chars {padding: 15px 0 20px; gap: 20px}
	.case__pricefinday{font-size:12px; padding-top:5px}
	.case__pricenew{font-size:22px; padding-top:2px}
	.case__info-char{gap:10px}
	.case__info-list {height: 110px}
	.case__info-list ul{padding-right: 15px; gap: 5px}
	.case__info-list ul li{font-size:12px; line-height:1.4}
	.case__info-list ul li span + span, .case__pricelist ul li{font-size:13px; white-space:nowrap}
	.case__pricelist ul{padding:26px 0}
	.case__btnbottom{padding-top:30px}
}
@media(max-width:991px){
	.wrapper_case{padding:60px 0}
	.case__description{font-size:16px}
	.case__headeing .widget__title.h2 {padding-bottom: 20px}
	.case__headeing{padding-bottom: 35px}
	.case__row {height: 585px;}
	.case__block {flex-wrap:wrap; padding:16px; gap:24px}
	.case__cover{order:1; width: 360px; min-width: 360px;}
	.case__pricelist {order: 2;width: 274px;min-width: 274px;padding: 24px;height: 281px}
	.case__info{order:3}
	.case__headeing-right{display:none}
	.case__btnbottom{padding-top:20px}
}
@media(max-width:767px){
	.wrapper_case{padding:50px 0}
	.case__description{font-size:15px}
	.case__headeing .widget__title.h2 {padding-bottom:15px}
	.case__headeing{padding-bottom: 25px}
	.case__row {height: 973px}
	.case__cover{order:1; width: 100%; min-width: 100%;}
	.case__info{order:2}
	.case__pricelist {order: 3; width: 100%;min-width: 100%; height: auto}
	.case__btnbottom{padding-top:10px}
}
@media(max-width:575px){
	.bg__case{display:none}
	.wrapper_case{padding:40px 0}
	.case__description{font-size:14px}
	.case__headeing{padding-bottom: 20px}
	.case__row {height: 1000px}
	.case__cover img {height: 400px;object-fit: cover}
}
@media(max-width:475px){
	.case__row {height: 920px}
	.case__cover img {height: 320px}
}
@media(max-width:375px){
	.case__row {height: 800px}
	.case__cover img {height: 250px}
	.case__block {padding: 10px; gap: 15px}
	.case__pricelist{padding: 15px}
}
