.career-join-us{background-color:#edfbff;overflow:hidden;position:relative;width:100%}.career-join-us .content-wrapper{height:100%;padding:70px 30px;position:relative;width:100%;z-index:2}.career-join-us .content-wrapper .reason-cards{flex-wrap:wrap;padding:70px 30px}.career-join-us .content-wrapper .reason-card{aspect-ratio:510/480;background-color:#65daff;border-radius:1.5rem;color:#fff;margin:.8rem 0;overflow:hidden;position:relative;width:32%}.career-join-us .content-wrapper .reason-card:hover{box-shadow:0 0 36px #5a647e;-webkit-transition:all .3s cubic-bezier(.25,.8,.5,1);-moz-transition:all .3s cubic-bezier(.25,.8,.5,1);-o-transition:all .3s cubic-bezier(.25,.8,.5,1);transition:all .3s cubic-bezier(.25,.8,.5,1)}.career-join-us .content-wrapper .reason-card .backgroundimg{border-radius:1.5rem;bottom:0;height:100%;left:0;position:absolute;width:100%}.career-join-us .content-wrapper .reason-card .mask{background-color:rgba(0,97,255,.8);bottom:0;height:10rem;left:0;padding:1rem 2rem;position:absolute;-webkit-transition:all .3s cubic-bezier(.25,.8,.5,1);-moz-transition:all .3s cubic-bezier(.25,.8,.5,1);-o-transition:all .3s cubic-bezier(.25,.8,.5,1);transition:all .3s cubic-bezier(.25,.8,.5,1);width:100%}.career-join-us .content-wrapper .reason-card .mask .title{color:#fff;font-size:2.2rem;font-weight:700;line-height:2.8rem}.career-join-us .content-wrapper .reason-card .mask .desc{display:none}.career-join-us .content-wrapper .reason-card:hover .mask{height:100%;-webkit-transition:all .3s cubic-bezier(.25,.8,.5,1);-moz-transition:all .3s cubic-bezier(.25,.8,.5,1);-o-transition:all .3s cubic-bezier(.25,.8,.5,1);transition:all .3s cubic-bezier(.25,.8,.5,1)}.career-join-us .content-wrapper .reason-card:hover .mask .desc{display:block;font-size:1.3rem;font-weight:500;line-height:2.3rem}@media(max-width:768px){.career-join-us{height:auto}.career-join-us .content-wrapper,.career-join-us .content-wrapper .reason-cards{padding:30px 20px}.career-join-us .content-wrapper .reason-card{width:100%}.career-join-us .content-wrapper .reason-card .mask{height:8rem;padding:.6rem 1rem}.career-join-us .content-wrapper .reason-card .mask .title{color:#fff;font-size:1.6rem;line-height:2.2rem}.career-join-us .content-wrapper .reason-card:hover .mask .desc{font-size:1rem;line-height:2rem}}