.m-sl-hero{padding:7rem 5.33vw 5rem;position:relative;z-index:0}@media screen and (max-width:767px){.m-sl-hero{padding:3rem 5.33vw 2.4rem}}.m-sl-hero .hero-inner{align-items:flex-start;display:flex;gap:3.2rem 2.4rem;justify-content:space-between;margin:0 auto;max-width:1240px}@media screen and (max-width:767px){.m-sl-hero .hero-inner{flex-direction:column}}@media screen and (max-width:1260px){.m-sl-hero .content{width:38%}}@media screen and (max-width:767px){.m-sl-hero .content{width:100%}}.m-sl-hero .content h1{font-size:2.2rem;margin:0 0 .8rem}@media screen and (max-width:767px){.m-sl-hero .content h1{margin-bottom:0;width:76%}}.m-sl-hero .content .text{font-size:1.8rem;font-weight:500;line-height:1.78;max-width:520px}@media screen and (max-width:767px){.m-sl-hero .content .text{font-size:1.6rem;line-height:1.6;width:76%}}.m-sl-hero .content .bottom-text{margin-top:3.2rem}@media screen and (max-width:767px){.m-sl-hero .content .bottom-text{margin-top:2.4rem}}.m-sl-hero .menu-group{background-color:#425563;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-top:5rem;max-width:502px;overflow:hidden;padding:1.6rem;position:relative}@media screen and (max-width:1260px){.m-sl-hero .menu-group{width:46%}}@media screen and (max-width:767px){.m-sl-hero .menu-group{gap:.8rem .6rem;margin-top:0;padding:1.2rem;width:100%}}.m-sl-hero .menu-group:before{background-color:#00afd7;content:"";display:block;height:calc(100% + 5.2rem);left:50%;margin-left:-24%;position:absolute;top:-2.8rem;transform:skewX(-42deg);width:68%;z-index:0}.m-sl-hero .menu-group a{align-items:center;background-color:#fff;border-radius:8px;color:inherit;display:flex;font-weight:500;line-height:1.4;outline:3px solid hsla(0,0%,100%,0);outline-offset:-3px;overflow:hidden;position:relative;text-decoration:none;transition:color .2s,outline .2s;z-index:1}@media screen and (max-width:767px){.m-sl-hero .menu-group a{line-height:1.286}}.m-sl-hero .menu-group a .arrow{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;transition:background .2s,border .2s;width:2.4rem}@media screen and (max-width:767px){.m-sl-hero .menu-group a .arrow{width:2rem}}.m-sl-hero .menu-group a .arrow svg{display:block;flex:0 0 auto;height:auto;transform:rotate(90deg);transition:fill .2s}@media screen and (max-width:767px){.m-sl-hero .menu-group a .arrow svg{width:.8rem}}.m-sl-hero .menu-group a:hover{color:#00afd7;opacity:1;outline:3px solid rgba(0,175,215,.5)}.m-sl-hero .menu-group a:hover .arrow{background-color:#00afd7;border-color:#00afd7}.m-sl-hero .menu-group a:hover .arrow svg{fill:#fff}.m-sl-hero .menu-group a:hover .bg-img{opacity:.5}.m-sl-hero .menu-group .main-button{font-size:2.2rem;gap:.8rem;min-height:14rem;padding:3.2rem;width:100%}@media screen and (max-width:767px){.m-sl-hero .menu-group .main-button{font-size:1.8rem;min-height:8rem;padding:2.2rem}}.m-sl-hero .menu-group .main-button .bg-img{transition:opacity .2s}@media screen and (max-width:767px){.m-sl-hero .menu-group .main-button .bg-img{left:auto;object-position:right center;right:0;width:auto}}.m-sl-hero .menu-group .main-button .arrow{background-color:#425563;transform:translateY(.1em)}.m-sl-hero .menu-group .main-button .arrow svg{fill:#fff}.m-sl-hero .menu-group .sub-button{font-size:clamp(1.2rem,1.4vw,1.8rem);gap:1rem;min-height:11rem;padding:1.6rem;width:calc(50% - .5rem)}@media screen and (max-width:767px){.m-sl-hero .menu-group .sub-button{font-size:clamp(1.1rem,3.5vw,1.4rem);gap:.4rem;letter-spacing:normal;min-height:6rem;padding:1rem 1.6rem 1rem .8rem;width:calc(50% - .3rem)}}.m-sl-hero .menu-group .sub-button .icon{align-items:center;aspect-ratio:1/1;background-color:rgba(0,175,215,.2);border-radius:50%;display:flex;flex:0 0 auto;justify-content:center;padding:6%;width:5.4rem}@media screen and (max-width:1260px) and (min-width:768px){.m-sl-hero .menu-group .sub-button .icon{max-width:25%}}@media screen and (max-width:767px){.m-sl-hero .menu-group .sub-button .icon{padding:.8rem;width:3.2rem}}.m-sl-hero .menu-group .sub-button .icon img{display:block;flex:0 1 auto}.m-sl-hero .menu-group .sub-button .arrow{border:1px solid #425563;bottom:.6rem;position:absolute;right:.6rem}.m-sl-hero .menu-group .sub-button .arrow svg{fill:#425563}.m-sl-hero .bg-img{height:100%;left:0;object-position:top center;position:absolute;top:0;width:100%;z-index:-1}