.roles{margin:100px 0;overflow:hidden}.roles.bg-grey{margin:0;padding:100px 0;background-color:#edf3ff}.roles__intro{margin-bottom:30px}.roles__content{display:flex;gap:20px;transition:transform .5s;width:-moz-fit-content;width:fit-content}.roles__item{width:270px;background:#abc8ff;border-radius:12px;padding:20px 24px 30px;box-sizing:border-box}.roles__item-title{font-weight:600;font-size:20px;line-height:1.5;margin-bottom:10px}.roles__item-title.bigger-title{font-size:22px;line-height:1.2;margin-bottom:16px}.roles__item-subTitle{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:20px}.roles__picture{display:block;max-width:110px;margin-bottom:20px}.roles__buttons{display:flex;align-items:center;gap:20px;margin-top:30px}.roles__button{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;background:#fff;border:1px solid #1766ff;border-radius:4px;cursor:pointer;transition:.3s;box-sizing:border-box}.roles.bg-grey .roles__button{background:#edf3ff}.roles__wrapper.columns-5[active-slide="4"] .roles__button.right,.roles__wrapper.columns-6[active-slide="5"] .roles__button.right,.roles__wrapper:not(.columns-5,.columns-6)[active-slide="3"] .roles__button.right,.roles__wrapper[active-slide="0"] .roles__button.left{border-color:#aaaeb6;cursor:default;pointer-events:none}.roles__wrapper.columns-5[active-slide="4"] .roles__button.right path,.roles__wrapper.columns-6[active-slide="5"] .roles__button.right path,.roles__wrapper:not(.columns-5,.columns-6)[active-slide="3"] .roles__button.right path,.roles__wrapper[active-slide="0"] .roles__button.left path{fill:#aaaeb6}.roles__button:hover{background:#e8f0ff}.roles__controls{height:0;width:0;opacity:0;pointer-events:none}.roles__btn{margin:50px 0 0}@media (min-width:768px){.roles{margin:130px 0}.roles.bg-grey{padding:130px 0}.roles__title{text-align:left}.roles__item{width:300px;padding:30px 25px 70px}.roles.cards-320 .roles__item{width:320px;padding:20px 24px 30px}}@media (min-width:1024px){.roles{margin:120px 0}.roles.bg-grey{padding:120px 0}.roles__intro{position:relative;z-index:1}.roles__item-title.bigger-title{font-size:24px}.roles__wrapper{display:grid;grid-template-columns:repeat(1,460px 1fr);align-items:center;gap:0 70px}.roles__item{transition:.3s}.roles__item.inactive{opacity:0;pointer-events:none}.roles__btn{grid-column:span 2/2;margin:70px auto 0}}@media (min-width:1230px){.roles{margin:150px 0}.roles.bg-grey{padding:150px 0}.roles__title{margin-bottom:30px}.roles__wrapper{grid-template-columns:repeat(1,480px 1fr);gap:0 90px}.roles__item{padding-bottom:40px}.roles__item-description{font-size:16px}}