#home #herospace{position:relative;z-index:3}#home #herospace .video-container{position:relative;height:100dvh;width:100%}#home #herospace .video-container video{width:100%;height:100%;object-fit:cover;object-position:center}#home #herospace .video-container .mobile{display:none}#home #herospace .video-container .heading{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}#home #herospace .video-container .heading h1{font-size:80px;font-family:Plush;letter-spacing:-1px;color:#fff}#home #herospace.smaller .video-container{margin:77px 20px 20px;height:calc(100dvh - 240px);transition:.8s ease-in-out;width:calc(100% - 40px)}#home #herospace.smaller .video-container .heading,#home #herospace.smaller .video-container video{border-radius:32px;transition:.8s ease-in-out}@media screen and (min-width:1921px){#home #herospace .job-positions,#home #herospace.smaller .video-container{width:1920px;margin-left:auto!important;margin-right:auto!important}}@media screen and (min-width:766px) and (max-width:1260px){#home #herospace.smaller .video-container{margin:90px 20px 20px;height:calc(100dvh - 195px);width:calc(100% - 40px)}#home #herospace .video-container .heading h1{font-size:64px}}@media screen and (max-width:766px){#home #herospace.smaller .video-container{margin:90px 10px 10px;height:calc(100dvh - 275px);width:calc(100% - 20px)}#home #herospace .video-container .heading h1{font-size:40px}#home #herospace .video-container .mobile{display:block}#home #herospace .video-container .desktop{display:none}}#home #herospace .job-positions{margin:13px 20px;display:flex;justify-content:space-between;align-items:stretch}#home #herospace .job-positions .position{width:49.5%;background:#dbff7b;padding:20px;border-radius:30px;position:relative;transition:.5s}#home #herospace .job-positions .position:hover{border-radius:100px}#home #herospace .job-positions a{color:inherit;text-decoration:none;display:flex;justify-content:space-between;gap:30px;align-items:center}#home #herospace .job-positions .position .info{padding:15px;display:flex;flex-wrap:wrap;gap:6px 12px;position:relative}#home #herospace .job-positions .position .info h2{font-size:28px;line-height:125%;width:100%;display:flex;align-items:center;gap:15px}#home #herospace .job-positions .position .info h2 span{display:block;font-size:24px;font-weight:400;border-left:1px solid;padding-left:15px;line-height:100%}#home #herospace .job-positions .position .info span{display:flex;align-items:flex-end;gap:4px;font-size:14px}#home #herospace .job-positions .position .info span svg{font-size:12px}#home #herospace .job-positions .position .arrow-button{width:80px;height:80px;flex-shrink:0;background-color:#0e100f;border-radius:50%;overflow:hidden;position:relative}#home #herospace .job-positions .position .arrow-button svg{color:#f3f3f3;font-size:60px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s}#home #herospace .job-positions .position .arrow-button svg.behind{left:-50%;opacity:0}#home #herospace .job-positions .position .arrow-button svg.front,#home #herospace .job-positions .position:hover .arrow-button svg.behind{left:50%;opacity:1}#home #herospace .job-positions .position:hover .arrow-button svg.front{left:100%;opacity:0}#home #herospace .job-positions .gradient{width:100%;height:100%;background:linear-gradient(135deg,#db4dff,#bb8aff 50%,#b2f6ff);position:absolute;left:0;top:0;border-radius:30px;opacity:0;transition:.5s}#home #herospace .job-positions .position:hover .gradient{border-radius:100px;opacity:1}@media screen and (min-width:766px) and (max-width:1260px){#home #herospace .job-positions .position{padding:11px}#home #herospace .job-positions .position .info{padding:6px 15px}#home #herospace .job-positions .position .info h2{font-size:18px;gap:8px}#home #herospace .job-positions .position .info h2 span{font-size:14px;padding-left:8px}#home #herospace .job-positions .position .info span{font-size:12px}#home #herospace .job-positions .position .arrow-button{width:45px;height:45px}#home #herospace .job-positions .position .arrow-button svg{font-size:30px}#home #herospace .job-positions a{gap:10px}}@media screen and (max-width:766px){#home #herospace .job-positions{flex-wrap:wrap;gap:7px;margin-left:10px;margin-right:10px}#home #herospace .job-positions .position{width:100%;padding:15px 10px;border-radius:50px}#home #herospace .job-positions a{gap:10px}#home #herospace .job-positions .position .info{gap:5px 9px;padding:5px 15px}#home #herospace .job-positions .position .info h2{font-size:18px;gap:8px}#home #herospace .job-positions .position .info span{font-size:12px}#home #herospace .job-positions .position .arrow-button{width:47px;height:47px}#home #herospace .job-positions .position .arrow-button svg{font-size:25px}#home #herospace .job-positions .position .info h2 span{font-size:14px;padding-left:8px}}@media screen and (max-width:380px){#home #herospace .job-positions .position .info h2 span{font-size:10px}#home #herospace .job-positions .position .info h2{font-size:13px}#home #herospace .job-positions .position .info span{font-size:9px}}