.row__faq{display:flex; align-items: self-start; justify-content: space-between;}
.faq__left{width: 690px;}
.faq__right{width: 520px; padding: 40px 36px; background: #FFF; border-radius: 6px; display: flex; flex-direction: column; gap: 8px 0;position:sticky;top:0}
.faq__right-title{font-weight: 500;font-size: 22px;line-height: 1.4; color: #1B2338}
.faq__right-text{font-weight: 300;font-size: 16px;line-height: 1.6; color: #616B8A}
.faq__right > a{font-weight: 500;font-size: 16px;line-height: 22px;color: #3498DB; display:block; text-decoration:underline}
.faq__right > a:hover{color:#333; text-decoration:none}
.faq__item{margin-bottom: 10px;overflow: hidden;border-bottom: 1px solid rgba(137, 166, 189, 0.12);padding: 24px 0 24px 32px;}
.faq__item:last-child{margin:0 !important}
.faq__question{font-size: 18px;line-height: 1.6;color: #11263A;cursor:pointer;position:relative;}
.faq__answer{font-size: 16px;line-height: 1.6;color: #616B8A;}
.faq__answer p{margin:0}
.faq__question .ui-accordion-header-icon{transition:all 0.3s linear 0s;width: 16px;height:16px;position: absolute;top: 12px;left: -30px;}
.faq__question .ui-accordion-header-icon::after, .faq__question .ui-accordion-header-icon::before{transition:all 0.2s linear 0s; content:"";height:2px;width:16px;background:#006CB5;border-radius:10px;position: absolute;}
.faq__question .ui-accordion-header-icon::before{transform:rotate(-90deg)}
.faq__question.open .ui-accordion-header-icon::before{transform:rotate(0)}
.faq__question.open .ui-accordion-header-icon::after{transform:rotate(180deg)}
.faq__answer{overflow: hidden;transition: height 0.3s ease-in-out;height: 0}
.faq__answer.open {height: auto}
.faq__answer-in{padding-top: 12px;}
.faq__answer-in .h4{font-weight:700; font-size:120%; line-height:120%; margin:10px 0}
.faq__answer-in p{margin:0 0 20px}
.faq__answer-in p:last-child{margin:0}
.faq__title-messages{font-weight: 500;font-size: 16px;line-height: 1.6;color: #1B2338;padding:12px 0 8px}
.faq__messages{display:flex; gap:8px}
.faq__messages label{width:33.333%}
.faq__messages input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.faq__messages div{display:flex; font-weight: 400;font-size: 14px;line-height: 18px;color: #616B8A;display: flex;align-items: center;height: 50px;border: 1px solid rgba(137, 166, 189, 0.4);border-radius: 3px;justify-content:center;gap:5px}
.faq__messages span{width: 26px;height: 26px;background: #006CB5;border-radius: 60px;display:flex;align-items:center; justify-content:center}
.faq__messages span svg{max-height:13px; width:auto}
.faq__messages span.faq__messages--wp{background:#33BC43}
.faq__messages span.faq__messages--tg{background:#13B4E1}
.faq__messages input:checked ~ div, .faq__messages div:hover{border-color:#E84545}
.faq__right button{width:100%; margin-top:24px}
@media(min-width: 421px){
	.faq__messages label br{display:none}
}
@media(min-width: 992px){
	.row__faq .widget__title{margin-bottom: 40px;}
}
@media(min-width: 1360px){
	.faq__right button{padding-top:21px; padding-bottom:21px}
}
@media(max-width: 1359px){
	.faq__question {font-size: 16px;line-height: 1.4}
	.faq__answer{font-size:14px}
	.faq__answer-in p{margin:0 0 15px}
	.faq__answer-in p:last-child{margin:0}
	.faq__left{width: 500px;}
	.faq__right{width: 400px; padding: 30px 24px}
	.faq__item {margin-bottom: 5px; padding: 20px 0 20px 32px}
	.faq__question .ui-accordion-header-icon{top:10px}
}
@media(max-width: 1359px) and (min-width:992px){
	.faq__messages div{font-size:11px}
	.faq__messages span {width: 22px;height: 22px}
	.faq__messages span svg{max-height:12px; width:auto}
	.faq__messages{gap:6px}
}
@media(max-width: 991px){
	.row__faq{flex-direction:column; gap:20px}
	.faq__left, .faq__right{width:100%}
	.faq__messages div{justify-content:space-between; padding-left:10px; padding-right:10px}
}
@media(max-width: 767px){
	.faq__right-title{font-size: 20px}
	.faq__right-text{font-size: 14px}
	.faq__right{padding:20px}
}
@media(max-width: 575px){
	.faq__right .group__field{padding-top:12px}
	.faq__title-messages{padding-top:16px}
	.faq__right button{margin-top:16px}
	.faq__messages div{flex-direction:column; align-items:start; justify-content:start; height:auto; font-size:12px; padding:10px; line-height:1.2}
	.faq__item {margin-bottom: 0; padding: 12px 0 12px 24px}
	.faq__question {font-size: 14px}
	.faq__question .ui-accordion-header-icon::after, .faq__question .ui-accordion-header-icon::before{width:12px}
	.faq__question .ui-accordion-header-icon {top: 8px;left: -22px}
	.faq__answer-in p{margin:0 0 10px}
	.faq__answer-in p:last-child{margin:0}
	.faq__answer-in{padding-top: 8px}
}