:root{--colorPrimary: rgb(2 52 68);--colorSecondary: #8fea06;--colorTertiary: #884dff;--colorError: #ff0000;--colorSuccess: #89e103;--colorWhite: #ffffff;--colorBlack: #000000;--colorGrey: #e8e8f3;--colorGreyLight: #f7f7fa;--colorPrimaryLight: #f1f1f9;--colorText: var(--colorPrimary);--underlineColor: var(var(--colorSecondary));--lineHeight: 1.675;--shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--containerWidth: 1240px}.about-us__list{display:flex}.about-us__slider{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-us__item{flex:0 0 100%;display:flex;flex-direction:column;gap:20px;padding:30px 50px;text-align:center;align-items:center;justify-content:center;background-color:var(--colorWhite)}.about-us__title{font-size:16px;line-height:1.1}.about-us__btn{position:absolute;top:50%;transform:translateY(-50%);right:-35px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--colorSecondary);transition:opacity .3s}.about-us__btn:disabled{opacity:.2;pointer-events:none}.about-us__btn--prev{right:auto;left:-25px}.about-us__btn--prev .icon-svg{transform:rotate(180deg)}.about-us__dots{padding-block:35px;display:flex;justify-content:center;align-items:center;gap:10px}.about-us__dot{width:10px;height:10px;border-radius:10px;background-color:var(--colorSecondary)}.about-us__dot--selected{background-color:var(--colorPrimary)}@media(min-width: 570px){.about-us__list{gap:10px}.about-us__item{flex-basis:calc(50% - 5px)}}@media(min-width: 990px){.about-us__list{gap:0}.about-us__item{flex-basis:calc(33.33% - 3.3333333333px);padding:40px 30px}.about-us__item:not(:first-child){margin-left:10px}.about-us__dot:last-child{display:none}}@media(min-width: 1200px){.about-us__slider{overflow:visible}.about-us__item{transition:transform .3s}.about-us__item:not(.is-in-view){opacity:.2}.about-us__item.is-in-view+.about-us__item:not(.is-in-view){transform:translateX(100px)}.about-us__item:not(.is-in-view):has(+.about-us__item.is-in-view){transform:translateX(-100px)}}
