.job-roles-carousel{display:flex;width:100%;max-width:1400px;padding:clamp(16px,4vw,72px) clamp(12px,5vw,72px);flex-direction:column;align-items:flex-start;gap:clamp(16px,2vw,24px);margin:0 auto;box-sizing:border-box;opacity:0;animation:fadeIn .8s ease-out .2s forwards}.job-roles-carousel .swiper-wrapper{display:flex;gap:clamp(12px,2vw,24px);align-items:stretch;width:100%}.job-roles-carousel .swiper-slide{flex:1 1 calc(25% - 18px);max-width:calc(25% - 18px);min-width:0;transition:all .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards}.job-roles-carousel .swiper-slide:nth-child(1){animation-delay:.1s}.job-roles-carousel .swiper-slide:nth-child(2){animation-delay:.2s}.job-roles-carousel .swiper-slide:nth-child(3){animation-delay:.3s}.job-roles-carousel .swiper-slide:nth-child(4){animation-delay:.4s}.job-roles-carousel .swiper-slide:nth-child(5){animation-delay:.5s}.job-roles-carousel .swiper-slide:nth-child(6){animation-delay:.6s}.job-roles-carousel .swiper-slide:nth-child(7){animation-delay:.7s}.job-roles-carousel .swiper-slide:nth-child(8){animation-delay:.8s}.job-roles-carousel.loading .swiper-slide{opacity:0;transform:translateY(30px)}.job-roles-carousel.loaded .swiper-slide{animation:fadeInUp .6s ease-out forwards}.job-roles-carousel .swiper-slide img{opacity:0;transition:opacity .3s ease}.job-roles-carousel .swiper-slide img.loaded{opacity:1}@media (min-width:1401px){.job-roles-carousel .swiper-slide{flex:1 1 calc(20% - 19.2px);max-width:calc(20% - 19.2px)}}@media (min-width:1201px) and (max-width:1400px){.job-roles-carousel .swiper-slide{flex:1 1 calc(25% - 18px);max-width:calc(25% - 18px)}}@media (min-width:961px) and (max-width:1200px){.job-roles-carousel .swiper-slide{flex:1 1 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}}@media (min-width:769px) and (max-width:960px){.job-roles-carousel .swiper-slide{flex:1 1 calc(50% - 12px);max-width:calc(50% - 12px)}}@media (min-width:601px) and (max-width:768px){.job-roles-carousel .swiper-slide{flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px)}}@media (min-width:481px) and (max-width:600px){.job-roles-carousel .swiper-slide{flex:1 1 100%;max-width:100%}}@media (min-width:320px) and (max-width:480px){.job-roles-carousel .swiper-slide{flex:1 1 100%;max-width:100%}}@media (max-width:319px){.job-roles-carousel .swiper-slide{flex:1 1 100%;max-width:100%}}.job-roles-carousel,.job-roles-carousel *{transition:all .3s cubic-bezier(.25,.46,.45,.94)}@supports (container-type:inline-size){.job-roles-carousel{container-type:inline-size}@container (min-width:1200px){.job-roles-carousel .swiper-slide{flex:1 1 calc(25% - 18px);max-width:calc(25% - 18px)}}@container (min-width:900px) and (max-width:1199px){.job-roles-carousel .swiper-slide{flex:1 1 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}}@container (min-width:600px) and (max-width:899px){.job-roles-carousel .swiper-slide{flex:1 1 calc(50% - 12px);max-width:calc(50% - 12px)}}@container (max-width:599px){.job-roles-carousel .swiper-slide{flex:1 1 100%;max-width:100%}}}.job-roles-carousel .swiper-container{width:100%;overflow:visible}.job-roles-carousel .swiper{width:100%;overflow:visible}.elementor-widget-container>.job-roles-carousel{margin:0}@media print{.job-roles-carousel .swiper-slide{flex:1 1 calc(50% - 10px)!important;max-width:calc(50% - 10px)!important}}