.roles-listing-wrapper{background-color:rgba(50,234,255,.2);position:relative}.roles-listing-wrapper .roles-listing-main{position:relative}.roles-listing-wrapper .roles-listing-main .roles-listing-head{max-width:1060px;margin:0 auto 62px}.roles-listing-wrapper .roles-listing-main .roles-listing-head__title,.roles-listing-wrapper .roles-listing-main .roles-listing-head__description{color:#262832;margin:0;text-align:center}.roles-listing-wrapper .roles-listing-main .roles-listing-head__description{margin-top:10px;font-size:18px;line-height:30px;font-weight:400}.roles-listing-wrapper .roles-listing-main .roles-listing-head__title{font-weight:700;font-size:30px;line-height:42px}.roles-listing-wrapper .roles-listing-main .role-cards{display:flex;gap:38px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card{display:flex;flex-direction:column;gap:10px;transition:width .3s ease-in-out;transform:translateX(0);width:170px;min-width:170px;overflow:hidden}.roles-listing-wrapper .roles-listing-main .role-cards .role-card.role-card-active{width:451px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card.role-card-active .role-card-image__container img{border-radius:4px 0 0 4px !important}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper{position:relative;background-color:#fff;border-radius:4px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, #00a9e0 0%, #32eaff 100%);border-radius:0px 0px 4px 4px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-upper-inner{display:flex;align-items:center}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-image .role-card-image__container{width:170px;height:auto;min-width:170px;margin-bottom:0;position:relative}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-image .role-card-image__container img{width:100%;max-width:100%;aspect-ratio:.54/1;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:0;height:100%;transition:all .3s ease-in-out;display:block}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content{display:flex;flex-direction:column;justify-content:center;gap:20px;background-color:#fff;padding:60px 30px;width:278px;max-width:278px;aspect-ratio:.88/1;height:316px;max-height:316px;border-radius:0 4px 4px 0}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content .role-card-content__title{font-size:18px;font-weight:700;line-height:1}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content .role-card-content__description{font-weight:400;font-size:16px;line-height:27px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content .role-card-content__link{font-weight:600;font-size:16px;line-height:1;color:#00a9e0}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-lower{position:relative}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-lower .role-card-content__role{font-weight:600;font-size:14px;line-height:26px;margin:0}@media (max-width: 1327px){.roles-listing-wrapper .roles-listing-main .role-cards{gap:20px;justify-content:center}}@media (max-width: 1260px){.roles-listing-wrapper .roles-listing-main .role-cards{gap:10px}}@media (max-width: 1220px)and (min-width: 992px){.roles-listing-wrapper .roles-listing-main .role-cards .role-card{width:140px;min-width:140px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card.role-card-active{width:369px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-image .role-card-image__container{width:140px;min-width:140px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content{width:229px;height:260px;padding:30px 20px}}@media (max-width: 991px){.roles-listing-wrapper .roles-listing-main .role-cards{flex-direction:column}.roles-listing-wrapper .roles-listing-main .role-cards .role-card{overflow:auto;width:100%;gap:0;min-width:none;flex-direction:column-reverse;background-color:#fff;border-radius:4px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card.role-card-active{width:100%}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper{padding:15px;display:none;border-top:1px solid #d8d8d8;border-radius:0 0 4px 4px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-image .role-card-image__container img{border-radius:4px 0 0 4px !important}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content{width:calc(100% - 170px);max-width:none;aspect-ratio:auto;height:auto}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-lower{padding:15px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-lower:after{content:url("data:image/svg+xml,%3Csvg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M10.3008 6L6.00157 1.70079L1.70236 6\" stroke=\"%23262832\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/%3E%3C/svg%3E");position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(180deg);transform-origin:center center;transition:.3s ease-in-out all;line-height:0;display:block}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-lower.active:after{transform:translateY(-50%) rotate(0deg)}}@media (max-width: 480px){.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-image .role-card-image__container{width:140px;min-width:140px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content{width:calc(100% - 140px);padding:0 20px;gap:10px}}@media (max-width: 380px){.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-image .role-card-image__container{width:110px;min-width:110px}.roles-listing-wrapper .roles-listing-main .role-cards .role-card .role-card-upper .role-card-content{width:calc(100% - 110px);padding:0 20px}}