.card{display:flex;flex-direction:row;width:100%;max-width:400px;height:140px;border-radius:15px;border:1px solid #daedff;background:#fff;box-shadow:0 6px 12px 0 rgba(0,64,160,.12);overflow:hidden;cursor:pointer;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.card h3{width:200px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.32px}.card h2,.card h3{font-family:var(--primary-font);font-style:normal}.card h2{font-size:20px;font-weight:600;line-height:30px;letter-spacing:-.4px}.card:hover{box-shadow:0 8px 20px 0 rgba(0,64,160,.25)}.card .card__line1{width:6px;height:50px;flex-shrink:0;background:#2371ed;align-items:center;margin-left:18px;margin-top:38px}.card .card__line2{width:1px;height:140px;flex-shrink:0;border:1px solid #daedff}.card .card-text{width:192px;margin-left:33px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px}.card .card-text:hover{color:#0957d4}.card .card__trapezio{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:center;z-index:1}.card .card__trapezio img{order:0;width:100%;height:100%}.card .card__trapezio .card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;z-index:1;fill:#0957d4}@keyframes scroll{0%{opacity:0;scale:15%}to{opacity:1;scale:100%}}@media screen and (max-width:600px){.card{max-width:95vw;height:130px}.card .card__trapezio{position:relative;overflow:hidden}.card .card__trapezio,.card .card__trapezio img{width:100%;height:100%}}@media screen and (min-width:600px)and (max-width:1080px){.card h3{width:200px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.32px}.card h2,.card h3{font-family:var(--primary-font);font-style:normal}.card h2{font-size:18px;font-weight:600;line-height:160%;text-decoration:none}}@media screen and (min-width:1900px){.card .card__trapezio{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:center;z-index:1}.card .card__trapezio img{order:0;width:100%;height:100%}.card .card__trapezio .card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;z-index:1;fill:#0957d4}}.modal-overlay{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.modal-overlay,.modalrole{position:fixed;z-index:999}.modalrole{top:50%;left:50%;transform:translate(-50%,-50%);width:572px;height:712px;border-radius:0 60px 0 0;border-radius:20px;background-color:#f6f9ff;box-shadow:0 6px 12px 0 rgba(22,36,167,.12);animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{opacity:0}to{opacity:1}}.modalrole .ModalX{display:flex;justify-content:space-between;position:relative}.modalrole .X{position:absolute;top:54px;left:500px}.modalrole h3{margin-top:46px;padding-left:34px;padding-top:5px;color:#fff;width:267px;height:42px;flex-shrink:0;border-radius:0 20px 20px 0;background:linear-gradient(133deg,#0957d4,#00d5eb);z-index:9999;box-shadow:0 0 4px 0 rgba(0,0,0,.16);font-family:var(--primary-font);font-size:20px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:-.4px}.modalrole h2{width:483px;color:#25395b;font-size:32px;line-height:48px;letter-spacing:-.64px}.modalrole h2,.modalrole p{margin-left:58px;font-family:var(--primary-font);font-style:normal;font-weight:400}.modalrole p{max-width:483px;color:#566687;font-size:18px;line-height:160%;text-decoration:none}.modalrole__info{position:relative;width:483px;height:420;gap:12px;margin-top:5%}.modalrole__info .sentence{margin-bottom:2rem}.modalrole .modal-footer .modalIcon{width:271px;height:271px;position:absolute;bottom:0;right:0;fill:#0957d4}.modalrole .modal-footer .modal-button{width:180px;position:absolute;bottom:107px;left:53px;border-radius:10px;background:#0957d4}.modal__line1{width:6px;height:50px;background:#2371ed;align-items:center;top:118px;left:0;z-index:9999}.modal__line1,.modal__line2{position:absolute;flex-shrink:0}.modal__line2{top:0;left:15px;width:1px;height:712px;z-index:-1;border:1px solid #b4bfcf}@media screen and (min-width:1900px){.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:999}}@media screen and (max-width:600px){.modalrole{width:100%;max-width:350px;border-radius:0;height:560px;transform:translate(-50%,-50%);box-shadow:0 6px 12px 0 rgba(22,36,167,.12);animation-name:animatetop;animation-duration:.4s;border-radius:10px}.modalrole .X{position:absolute;width:20px;height:20px;top:53px;left:300px}.modalrole h3{font-size:16px;line-height:24px;letter-spacing:-.32px;padding:8px 12px}.modalrole h2,.modalrole h3{font-family:var(--primary-font);font-style:normal;font-weight:600}.modalrole h2{font-size:20px;line-height:30px;letter-spacing:-.4px;margin-left:16px;margin-bottom:10px;margin-top:10px}.modalrole .sentence{font-size:13px;font-family:var(--primary-font);font-weight:bolder;font-style:normal;letter-spacing:.01em;text-decoration:none;margin-left:16px;margin-bottom:4rem;width:300px;height:auto}.modalrole .modal-footer .modal-button{bottom:15px}.modalrole .modal__line2{height:560px}}:export{primaryColor:#ff7b00}.cards-grid{position:relative;width:100%;height:650px;z-index:11;background-color:#fff;color:#51617c;flex-shrink:0;font-family:var(--primary-font);font-size:20px;font-style:normal;font-weight:600;line-height:30px;letter-spacing:-.4px}.cards-grid .grid-box{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:40px 50px;width:90vw;height:710px;margin:0 auto;padding-top:56px}.cards-grid img{position:relative;z-index:-1}@media screen and (min-width:386px)and (max-width:412px){.cards-grid .grid-box{width:100vw}}@media screen and (max-width:600px){.cards-grid{display:flex;margin:90px auto;justify-content:center}.cards-grid .grid-box{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;margin-top:-90px;padding:24px;max-width:400px}}@media screen and (min-width:600px)and (max-width:1080px){.cards-grid{margin:70px auto}.cards-grid .grid-box{display:grid;grid-template-columns:repeat(2,1fr);width:100vw;gap:20px;padding:50px}.cards-grid img{position:relative;z-index:-1}}@media screen and (min-width:1900px){.cards-grid{margin:145px auto -94px}.cards-grid img{position:relative;z-index:-1}.cards-grid .grid-box{display:grid;max-width:1720px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:710px;margin:53px auto;padding-top:150px}}