.careers .perk{text-align:center;background-color:#fff;flex-direction:column;gap:30px;padding:80px 100px;display:flex}@media screen and (max-width:500px){.careers .perk{padding:40px 16px}}@media screen and (min-width:501px) and (max-width:900px){.careers .perk{padding:40px 16px}}.careers .perk .perk_intro{flex-direction:column;gap:8px;display:flex}.careers .perk .perk_intro .perk_subtitle{color:#3763b5;font-size:inherit;text-transform:uppercase;letter-spacing:4px;font-weight:600}.careers .perk .perk_intro .perk_title{color:#0b132b;font-size:60px;font-weight:700}@media screen and (min-width:501px) and (max-width:900px){.careers .perk .perk_intro .perk_title{font-size:40px}}@media screen and (max-width:500px){.careers .perk .perk_intro .perk_title{font-size:30px}}.careers .perk .perk_intro .perk_desc{color:#52525b;font-size:18px;line-height:28px}.careers .perk .perk_grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media screen and (min-width:501px) and (max-width:900px){.careers .perk .perk_grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media screen and (max-width:500px){.careers .perk .perk_grid{grid-template-columns:1fr;gap:24px}}.careers .perk .perk_grid .perk_card{text-align:left;cursor:pointer;z-index:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:flex-start;gap:15px;padding:24px;transition:all .3s;display:flex;position:relative}.careers .perk .perk_grid .perk_card .perk_icon{color:#3763b5;font-size:40px}.careers .perk .perk_grid .perk_card .perk_card_title{color:#000;font-size:18px;font-weight:700}.careers .perk .perk_grid .perk_card .perk_card_desc{color:#000;font-size:18px;line-height:28px}.careers .perk .perk_grid .perk_card:after{content:"";background:conic-gradient(from var(--angle),#3763b5,#e5e7eb,#3763b5,#e5e7eb,#3763b5);-webkit-mask-composite:xor;opacity:0;z-index:-1;border-radius:12px;padding:1px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.careers .perk .perk_grid .perk_card:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.careers .perk .perk_grid .perk_card:hover .perk_card_title{color:#3763b5}.careers .perk .perk_grid .perk_card:hover:after{opacity:1;animation:3s linear infinite spin}.careers .career_values{justify-content:space-between;align-items:flex-start;gap:48px;width:100%;padding:100px;display:flex}@media screen and (max-width:500px){.careers .career_values{flex-direction:column;gap:32px;padding:40px 16px}}@media screen and (min-width:501px) and (max-width:900px){.careers .career_values{flex-direction:column;gap:32px;padding:40px 16px}}.careers .career_values .career_intro{flex-direction:column;flex:1;gap:16px;width:45%;display:flex}@media screen and (max-width:500px){.careers .career_values .career_intro{width:100%}}@media screen and (min-width:501px) and (max-width:900px){.careers .career_values .career_intro{width:100%}}.careers .career_values .career_intro .career_subtitle{color:#3763b5;letter-spacing:4px;font-weight:600;font-size:inherit;text-transform:uppercase}.careers .career_values .career_intro .career_title{color:#000;width:450px;font-size:60px;font-weight:700}@media screen and (max-width:500px){.careers .career_values .career_intro .career_title{width:100%}}@media screen and (min-width:501px) and (max-width:900px){.careers .career_values .career_intro .career_title{width:100%}}@media screen and (max-width:500px){.careers .career_values .career_intro .career_title{font-size:30px}}.careers .career_values .career_intro .career_desc{color:#52525b;max-width:600px;font-size:18px;line-height:28px}@media screen and (max-width:500px){.careers .career_values .career_intro .career_desc{max-width:100%}}@media screen and (min-width:501px) and (max-width:900px){.careers .career_values .career_intro .career_desc{max-width:100%}}.careers .career_values .career_values_grid{flex:1;grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media screen and (max-width:500px){.careers .career_values .career_values_grid{grid-template-columns:1fr}}.careers .career_values .career_values_grid .career_values_card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:24px;transition:all .3s}.careers .career_values .career_values_grid .career_values_card:hover{border-color:#3763b5;box-shadow:0 4px 10px rgba(0,0,0,.08)}.careers .career_values .career_values_grid .career_values_card .career_card_title{color:#000;margin-bottom:8px;font-size:18px;font-weight:700}.careers .career_values .career_values_grid .career_values_card .career_card_desc{color:#000;font-size:18px;line-height:28px}.careers .visit{text-align:center;background-color:#fff;justify-content:center;align-items:center;width:100%;padding:100px;display:flex}@media screen and (max-width:500px){.careers .visit{padding:0}}@media screen and (min-width:501px) and (max-width:900px){.careers .visit{padding:0}}.careers .visit .visit_content{background-color:#0b132b;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;padding:40px;display:flex}@media screen and (max-width:500px){.careers .visit .visit_content{border-radius:0}}@media screen and (min-width:501px) and (max-width:900px){.careers .visit .visit_content{border-radius:0}}.careers .visit .visit_content .visit_title{color:#fff;font-size:36px;font-weight:700;line-height:40px}@media screen and (max-width:500px){.careers .visit .visit_content .visit_title{font-size:22px}}.careers .visit .visit_content .visit_desc{color:#fff;font-size:18px;line-height:28px}.careers .visit .visit_content .arrowButton{margin-top:10px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}
