.serviceelement .service__category{transition:all ease 0.3s;min-height:230px;cursor:pointer;position:relative}@media screen and (max-width:767.98px){.serviceelement .service__category{min-height:180px}}.serviceelement .service__category.active *,.serviceelement .service__category.inactive *{color:#FFF}.serviceelement .service__category.inactive{background-color:#3c3c3c;border-color:transparent !important}.serviceelement .service__category.active{background:#960051;background:linear-gradient(90deg, #960051 0%, #d0016f 70%, #d0016f 100%);border-color:transparent !important}.serviceelement .service__category img{user-select:none}.serviceelement .service__category:not(.active):not(.inactive){opacity:0.5}.serviceelement .service__category:not(.active):not(.inactive) img{filter:invert(1)}.serviceelement .service__category:not(.active):not(.inactive) .icon{color:#3c3c3c}@media screen and (max-width:767.98px){.serviceelement .service__category .service__category--title{font-size:18px}}.serviceelement .service__category .icon{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#FFF}.serviceelement .service__category .modal *{color:#3c3c3c}.serviceelement .service{transition:all ease 0.3s;display:inline-block;margin-bottom:1rem;margin-right:1rem;border-radius:50px;cursor:default}@media screen and (max-width:767.98px){.serviceelement .service{margin-bottom:0.5rem;margin-right:0.5rem}}.serviceelement .service .icon{display:none}@media screen and (max-width:767.98px){.serviceelement .service .service__title{font-size:17px}}.serviceelement .service.inactive{background-color:#FFF}.serviceelement .service.inactive *{color:#3c3c3c}.serviceelement .service.active{border-color:transparent !important;background:#3c3c3c}.serviceelement .service.active .icon{display:inline}.serviceelement .service.active *{color:#FFF}.serviceelement .service.active.has__content{cursor:pointer}.serviceelement .service.active:hover{transition:all ease 0.3s;background:#960051;background:linear-gradient(90deg, #960051 0%, #d0016f 70%, #d0016f 100%)}.serviceelement .service.active:hover *{color:#FFF}.serviceelement .service.grayed-out{opacity:0.5}@media screen and (max-width:767.98px){.serviceelement .service.inactive:not(.active){display:none}}