.base-main-percent{background-color:var(--white);border-radius:30px;display:grid;grid-template-columns:repeat(2,auto);overflow:hidden;padding:50px 0 50px 40px;position:relative}.base-main-percent .base-balls-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.base-main-percent>*{position:relative;z-index:2}.base-main-percent-left{display:flex;flex-direction:column}.base-main-percent-left a{margin-top:auto;max-width:676px}.base-main-percent-right{display:flex;flex-direction:column;font-family:Inter;font-weight:600;gap:10px;letter-spacing:-2px;line-height:100%;text-transform:uppercase}.base-main-percent-right p:first-child{margin-bottom:22px;padding-left:23px}.base-main-percent-right-percent{font-family:Inter;font-size:400px;font-weight:600;letter-spacing:-35px;line-height:300px;opacity:.1;padding-right:25px;pointer-events:none}.base-main-percent-right .right{align-self:flex-end;padding-right:40px}.base-main-percent-right p.right{margin-top:9px}.base-main-percent-right a{color:var(--dark-blue);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-style:solid}.base-main-percent br.mobile,.base-main-percent-right-text{display:none}.base-main-percent.green{padding:100px 0 100px 40px}.base-main-percent.green .base-main-percent-right-percent{color:#0a5e54;font-size:300px;font-weight:600;letter-spacing:-25px;line-height:270px}.base-main-percent.green .base-main-percent-right p:first-child{margin-bottom:-20px}.base-main-percent.green .base-main-percent-left a{margin-top:25px}.base-main-percent.green,.base-main-percent.green a{color:#0a5e54}@media screen and (max-width:1880px){.base-main-percent-left h1{font-size:95px;letter-spacing:-6px;line-height:90px}.base-main-percent-right-percent{align-self:flex-end;font-size:200px;letter-spacing:-15px;line-height:150px;padding-right:0}.base-main-percent.green .base-main-percent-right-percent{align-self:flex-end;font-size:200px;letter-spacing:-15px;line-height:175px;padding-right:0}.base-main-percent.green .base-main-percent-right p:first-child{margin:0}.base-main-percent.green .base-main-percent-right .pc{display:none}.base-main-percent.green .base-main-percent-right-text{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:absolute}.base-main-percent.green a{text-align:end}.base-main-percent.green .base-main-percent-left a{margin-top:0}.base-main-percent-right .right{padding-right:0}.base-main-percent.green{grid-template-columns:1fr 450px;padding:40px}.base-main-percent{grid-template-columns:1fr 380px;padding:40px}.base-main-percent-right p.subtitle{padding-left:0}.base-main-percent-right p.right{text-align:end}.base-main-percent-left a{max-width:500px}}@media screen and (max-width:1310px){.base-main-percent br.tablet{display:block}.base-main-percent.green .base-main-percent-left a{border-top:0}.base-main-percent{display:flex;flex-direction:column;gap:33px}.base-main-percent-left{gap:20px}.base-main-percent-left h1{font-size:80px;font-weight:600;letter-spacing:-4px;line-height:85%}.base-main-percent-right .right{align-self:flex-start;padding:0}.base-main-percent-right-percent,.base-main-percent.green .base-main-percent-right-percent{align-self:flex-start;font-size:110px;grid-row:2;letter-spacing:-10px;line-height:80px;margin-top:auto}.base-main-percent-left a{max-width:unset}.base-main-percent-left button{padding:20px 10px}.base-main-percent-right{display:grid;grid-template-columns:repeat(2,1fr)}.base-main-percent-right p.right{margin-top:0;text-align:start}.base-main-percent-right p:first-child{margin-bottom:0;padding-left:0}.base-main-percent-right .pc{display:none}.base-main-percent-right-text{display:flex;flex-direction:column;grid-row:2;justify-content:space-between}.base-main-percent{padding:20px}.base-main-percent.green .base-main-percent-right-text{align-items:flex-start;flex-direction:column;justify-content:space-between;position:static}.base-main-percent.green a{text-align:start}.base-main-percent.green .base-main-percent-right{grid-template-columns:1fr 1fr}}@media screen and (max-width:790px){.base-main-percent.green .base-main-percent-right{grid-template-columns:1fr 1.5fr}}@media screen and (max-width:730px){.base-main-percent.green a{text-align:end}.base-main-percent.green .base-main-percent-right-text p.right{align-self:end;text-align:end}.base-main-percent.green .base-main-percent-right-text{align-items:flex-end;height:100%;position:absolute;right:0;top:0}.base-main-percent.green .base-main-percent-right{display:flex;padding-bottom:50px;position:relative}}@media screen and (max-width:660px){.base-main-percent br.mobile{display:block}.base-main-percent-left{gap:10px}.base-main-percent-left h1{font-size:47px;font-weight:600;letter-spacing:-3px;line-height:95%}.base-main-percent-right{display:flex;padding-bottom:30px;position:relative}.base-main-percent-right-text{align-items:flex-end;height:100%;position:absolute;right:0;top:0}.base-main-percent-right-text p.right{align-self:end;text-align:end}.base-main-percent-right-text a.right{align-self:end}}@media screen and (max-width:600px){.base-main-percent.green .base-main-percent-right{padding-bottom:70px}.base-main-percent.green .base-main-percent-right-percent{margin-top:15px}}@media screen and (max-width:430px){.base-main-percent.green .base-main-percent-right{padding-bottom:90px}.base-main-percent-left h1{font-size:45px}}@media screen and (max-width:415px){.base-main-percent-left h1{font-size:43px}}@media screen and (max-width:400px){.base-main-percent-left h1{font-size:40px}}@media screen and (max-width:380px){.base-main-percent-left h1{font-size:38px}}