.heroSectionCtn{padding:20px var(--p)}.heroSectionCtn,.heroSectionInner{display:flex;justify-content:center;width:100%}.heroSectionInner{background:var(--llg);border-radius:var(--br);margin:0 auto;max-width:var(--mmax);padding:160px 40px}.heroSectionDiv{align-items:center;display:flex;gap:60px;max-width:var(--smax);width:100%}@media screen and (min-width:1450px){.heroSectionDiv{gap:140px}}.heroSectionLeft{flex:1}.heroSectionTitle{color:var(--darkpurple);font-size:50px;font-weight:600;line-height:54px;margin:0 0 24px}.heroSectionText{color:var(--text-grey);font-size:18px;line-height:30px;margin:0 0 32px}.heroSectionBtn{background:var(--yellow);border-radius:6px;color:#1a1a1a;display:inline-block;font-size:16px;font-weight:600;line-height:24px;padding:14px 32px;text-decoration:none;transition:opacity .2s}.heroSectionBtn:hover{opacity:.85}.heroSectionRight{display:flex;justify-content:flex-end;text-align:center}.heroSectionCard{background:var(--darkpurple);border-radius:var(--br);color:#fff;max-width:500px;padding:80px 30px;width:445px}.heroSectionCardLabel{color:var(--lightpurple);font-size:16px;font-weight:500;line-height:20px;margin:0 0 12px}.heroSectionCardTitle{color:#fff;font-size:50px;font-weight:600;line-height:54px;margin:0 0 30px}.heroSectionCardText{font-size:18px;font-weight:300;line-height:29px;margin:0}@media (max-width:1024px){.heroSectionCtn{padding:var(--sp)}.heroSectionInner{padding:60px var(--sp)}.heroSectionDiv{gap:32px}.heroSectionTitle{font-size:44px;line-height:52px}.heroSectionRight{justify-content:center}.heroSectionTitle{font-size:34px;line-height:42px;margin-bottom:16px}.heroSectionText{font-size:14px;line-height:24px;margin-bottom:24px}.heroSectionCard{max-width:340px;padding:60px 26px;width:100%}.heroSectionCardLabel{font-size:14px;line-height:18px}.heroSectionCardTitle{font-size:36px;line-height:44px}.heroSectionCardText{font-size:16px;line-height:24px}}@media (max-width:720px){.heroSectionDiv{flex-direction:column;gap:20px}.heroSectionCtn{padding:10px 0}.heroSectionInner{padding:65px 20px 20px}.heroSectionTitle{font-size:32px;line-height:40px}.heroSectionText{font-size:16px;line-height:24px}.heroSectionRight{flex:0;width:100%}.heroSectionCard{max-width:unset;padding:32px 24px;width:100%}.heroSectionCardLabel{font-size:16px;line-height:16px;margin-bottom:20px}.heroSectionCardTitle{font-size:32px;line-height:38px}}