.wrapper__bitrix{padding:60px; background: rgba(255, 255, 255, 0.6); border-radius: 24px;}
.wrapper__bitrix .widget__title{text-align:center; padding-bottom:60px}
.wrapper__bitrix-navigation{gap: 16px; display: flex; flex-wrap: wrap;}
.bitrix-tab {padding: 8px 20px; border: 2px solid #FFE100; border-radius: 60px; display: block; font: 20px/160% 'Unbounded'; color: #212433; flex: 1 1 auto; text-align: center; position: relative; overflow: hidden; background: transparent; transition: all 0.3s ease; text-decoration: none; cursor: pointer;}
.bitrix-tab:hover {background: #FFE100;}
.bitrix-tab.active {border-color: #FFE100;}
.tab-progress {position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: #FFE100; z-index: 1; transition: width 10s linear; opacity: 0;}
.bitrix-tab.active .tab-progress {opacity: 1;}
.tab-text{position: relative; z-index: 2;}
.wrapper__bitrix-content{padding: 60px 60px 0; position:relative; min-height:552px}
.bitrix-content__row{opacity:0; visibility:hidden; display:flex; justify-content:space-between; align-items: center; position:absolute; top:60px; left:60px; right:60px; transition: opacity 0.5s ease, visibility 0.5s ease;}
.bitrix-content__row.activeslide{opacity:1; visibility:visible}
.bitrix-content__left{display: flex; flex-direction: column; align-items: start;}
.bitrix-content__left ul{display:flex; flex-direction:column; gap: 12px;}
.bitrix-content__left ul li{position:relative; font: 500 24px/160% 'Unbounded'; padding-left: 50px; white-space: nowrap;}
.bitrix-content__left ul li::before{background: #FFE100 url(/templates/osa/images/plus-li-black.svg) no-repeat center center; content:""; position:absolute; left:0; top: 5px; width: 32px; height: 32px; border-radius: 60px;}
.bitrix-content__left a{margin-top:40px; color:#fff; background:#2B2E3D; font:400 16px/160% 'Unbounded'; padding: 18px 36px; gap: 4px; border-radius: 6px; display:flex; align-items:center; justify-content:center}
.bitrix-content__left a:hover{color:#212433; background:#FFE100}
.bitrix-content__left a:hover svg{filter:brightness(0); transform: rotate(45deg);}
.bitrix-content__right{width: 780px; order:2}
.bitrix-slider-nav{display:none; align-items:center; justify-content:space-between}
.bitrix-mobile-title {font-weight:500; display: none}
@media (max-width: 1699px) {
	.wrapper__bitrix{padding:32px}
	.wrapper__bitrix .widget__title{padding-bottom:32px}
	.wrapper__bitrix-navigation{gap: 8px}
	.bitrix-tab {padding: 6px 12px; font: 18px/160% 'Unbounded';}
	.wrapper__bitrix-content{padding: 32px 32px 0; min-height:470px}
	.bitrix-content__row{top:32px; left:32px; right:32px}
	.bitrix-content__left ul{display:flex; flex-direction:column; gap: 12px;}
	.bitrix-content__left ul li{font: 500 20px/160% 'Unbounded';padding-left: 40px;white-space: nowrap;}
	.bitrix-content__left ul li::before{background: #FFE100 url(/templates/osa/images/plus-li-black.svg) no-repeat center center / 20px auto;content:"";position:absolute;left:0;top: 5px;width: 28px;height: 28px;border-radius: 60px;}
	.bitrix-content__left a{margin-top:32px}
	.bitrix-content__right{width: 590px;}
}

@media (max-width: 1279px) {
	.wrapper__bitrix{padding:24px}
	.wrapper__bitrix .widget__title{padding-bottom:24px}
	.wrapper__bitrix-navigation{gap: 8px;}
	.bitrix-tab {padding: 6px 8px;font: 14px/160% 'Unbounded';}
	.wrapper__bitrix-content{padding: 24px 24px 0;min-height: 400px;}
	.bitrix-content__row{top:24px; left:24px; right:24px}
	.bitrix-content__left ul{display:flex;flex-direction:column;gap: 8px;}
	.bitrix-content__left ul li{font: 500 18px/160% 'Unbounded';padding-left: 32px;white-space: nowrap;}
	.bitrix-content__left ul li::before{background: #FFE100 url(/templates/osa/images/plus-li-black.svg) no-repeat center center / 16px auto;content:"";position:absolute;left:0;top: 3px;width: 24px;height: 24px;border-radius: 60px;}
	.bitrix-content__left a{margin-top: 24px;}
	.bitrix-content__right{width: 350px;}
}

@media (max-width: 991px) {
	.wrapper__bitrix {padding: 60px 124px;}
	.wrapper__bitrix .widget__title{margin-right: -92px;margin-left: -92px; margin-bottom:0}
	.wrapper__bitrix-content {padding: 32px 0 0;}
	.wrapper__bitrix-navigation {display: none;}
	.bitrix-slider-nav {display: flex;position: absolute;right: -92px;left: -92px;top: 50%;transform: translateY(-120%);}
	.bitrix-mobile-title {display: block; margin: 0 0 32px;}
	.bitrix-content__row {flex-direction: column; position: relative; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; height: 0; overflow: hidden;}
	.bitrix-content__row.activeslide {opacity: 1;visibility: visible;height: auto;position: relative;}
	.bitrix-content__right {width: 100%;order: 1;margin-bottom: 25px;height: 260px;overflow: hidden;}
	.bitrix-content__right img, .bitrix-content__right picture{height:260px; width:100%; object-fit:contain} 
	.bitrix-content__left {order: 2; width: 100%;}
	.bitrix-slider-nav button{background: #2B2E3D; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.3)}
	.bitrix-slider-nav button:hover{background: #212433}
	.bitrix-slider-nav button svg {width: 20px; height: auto; filter: grayscale(1) brightness(5)}
	.bitrix-prev svg{transform: rotate(-135deg)}
	.bitrix-next svg{transform: rotate(45deg)}
	.bitrix-slider-nav button:hover svg {filter: grayscale(0) brightness(1)}
}
@media (max-width: 767px) {
	.wrapper__bitrix .widget__title{margin:0;padding: 0;}
	.wrapper__bitrix {padding: 60px 24px;}
	.wrapper__bitrix-content {padding: 32px 0 0;}
	.bitrix-content__left ul li {font-size: 16px}
	.bitrix-slider-nav {position: relative;right:0;left:0;top:auto;transform: translateY(0); padding-top:40px}
	.bitrix-content__left ul li::before{top:1px}
	.bitrix-mobile-title{font-size:24px}
}
@media (max-width: 575px) {
  .bitrix-content__left a {padding:18px 26px; font-size: 14px;}
}
@media (max-width: 420px) {
	.wrapper__bitrix {padding: 40px 24px;}
	.bitrix-content__left a {width: 100%; padding-left:0; padding-right:0}
	.wrapper__bitrix .widget__title .h1{font-size:24px}
	.bitrix-mobile-title{font-size:20px}
	.bitrix-content__right, .bitrix-content__right img, .bitrix-content__right picture{height:45vw}
}