.groups__button{background:transparent;border:none;color:#2e2e2e;cursor:pointer;font-size:.7777777778rem;font-weight:700;margin-bottom:5px;margin-right:1.2222222222rem;opacity:.5;padding:0;transition:all .3s cubic-bezier(.39,.575,.565,1)}.groups__button.active,.groups__button:hover{opacity:1}.subgroup{display:none;list-style:none;margin:0 0 3.3333333333rem;padding:0;white-space:nowrap}.subgroup.active{display:flex}.subgroup li{background:transparent;border:none;color:#2e2e2e;cursor:pointer;font-size:1.2222222222rem;font-weight:700;margin-right:1.6666666667rem;opacity:.5;position:relative;transition:all .3s cubic-bezier(.39,.575,.565,1);z-index:0}.subgroup li.active,.subgroup li:hover{opacity:1}.subgroup li.active:after,.subgroup li:hover:after{background-color:#d6df44}.subgroup li:after{background-color:#d5d5d5;bottom:7px;content:"";display:block;height:5px;position:absolute;width:100%;z-index:-1}.subgroup-content{display:none;position:relative}.subgroup-content.active{display:flex!important}.subgroup-content__link{font-size:.7777777778rem;coloR:#2e2e2e;font-weight:500}@media(min-width:1200px){.subgroup-content__link{position:absolute;right:0;top:-120px}}@media(max-width:1199.98px){.subgroup-content__link{background-color:#f2f2f2;border-radius:10px;flex:0 0 auto;margin-bottom:16px;max-width:100%;padding:1.6666666667rem 1.1111111111rem 1.6666666667rem 1.6666666667rem;width:auto}}.subgroup-content__link i{color:#3b5b70;font-size:30px;transition:all .3s cubic-bezier(.39,.575,.565,1)}.subgroup-content__link:hover i{transform:translateX(5px)}