.roles-index{min-height:100vh;gap:20px;display:flex;flex-direction:column}.roles-index .main{flex:1}.roles-index .main .roles-header .roles-header-content{flex:1;width:1250px;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.roles-index .main .roles-header .roles-header-content h1,.roles-index .main .roles-header .roles-header-content h2{color:#fffffe}.roles-index .main .roles-header .roles-header-content h2{font-size:1.1em;font-weight:400;line-height:1.3em}.roles-index .main .roles-header .roles-header-content img{width:500px;height:300px;max-width:100%;border-radius:10px}.roles-index .main .roles-ad{width:1250px;max-width:100%;margin:50px auto;display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:20px}.roles-index .main .roles-ad .ad{width:380px;max-width:100%;flex-basis:auto;display:flex;flex-direction:column;gap:10px;padding:20px;box-shadow:0 .0625em .0625em rgba(0,0,0,.25),0 .125em .5em rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.1);transition:.2s ease-in-out;cursor:pointer;border-radius:10px}.roles-index .main .roles-ad .ad:hover{box-shadow:0 0 0 3px rgba(3,102,214,.3)}.roles-index .main .roles-ad .ad .ad-icon{color:#082e6e;background-color:#d8eefe;box-sizing:content-box;padding:10px;font-size:24px;border-radius:5px}.roles-index .main .roles-ad .ad .arrow{margin-left:auto;margin-right:0;color:#007bcc;font-size:24px}.roles-index .main .roles-ad .ad h3{margin:0;font-weight:500}.roles-index .main .roles-ad .ad p{font-weight:400;flex-grow:1;font-size:.95em}.roles-index .main h1{color:#2b2d33}.roles-header{background-image:url(/_next/static/media/stripes.6e8cc494.svg);backdrop-filter:blur(10px);background-size:cover;border-radius:0 0 120px 0}.roles-header .roles-header-content{flex:1;width:1250px;margin:0 auto;max-width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:40px;padding-right:40px}.roles-header .roles-header-content .left{display:flex;flex-direction:column;gap:10px}.roles-header .roles-header-content h1,.roles-header .roles-header-content h2{color:#fffffe}.roles-header .roles-header-content h2{font-size:1.1em;font-weight:400}.roles-header .roles-header-content img{width:500px;height:300px;max-width:100%;border-radius:10px}