.upper-left{padding-left:32px;padding-top:24px}.upper-right{padding-right:32px;padding-top:24px}.lower-left{padding-left:32px;padding-bottom:24px}.lower-right{padding-right:32px;padding-bottom:24px}.btn-border{border:1px solid var(--color-text-primary);padding:5px 15px;border-radius:20px}.nav-color{mix-blend-mode:var(--mode-mix)}.fs-all{font-size:16px;gap:8px}@media only screen and (max-width:650px){.upper-left{padding-left:24px;padding-top:18px}.upper-right{padding-right:24px;padding-top:18px}.lower-left{padding-left:24px;padding-bottom:18px}.lower-right{padding-right:24px;padding-bottom:18px}.fs-all{font-size:14px}}@media only screen and (max-width:550px){.upper-left{padding-left:20px;padding-top:14px}.upper-right{padding-right:20px;padding-top:14px}.lower-left{padding-left:20px;padding-bottom:14px}.lower-right{padding-right:20px;padding-bottom:14px}.fs-all{font-size:12px;gap:5px}.fs-all svg{width:18px}}.image-container{opacity:0;transition:opacity 1s ease-in-out}.image-container.active{opacity:1}.image{width:100%;height:100%}.header-container{width:1156px;height:445px;font-size:100px}.header-container svg{left:679px;top:0}.box{align-self:end;width:311px;height:156px;border-radius:15px}.box,.box-bg{background:linear-gradient(180deg,#cdb1ff,#ced0da 50%,#cdb1ff)}.content-text1{padding-left:140px}.content-text2{margin-top:-80px;padding-left:300px}.content-text3{margin-top:-45px}.content-text4{padding-left:333px;font-size:20px;margin-top:-15px}@media only screen and (max-width:1300px){.box{width:25%;height:30%}.header-container{width:80%;height:450px;font-size:90px}.content-text1{margin-top:-40px}.content-text2{margin-top:-70px}.content-text3{margin-top:-40px}}@media only screen and (max-width:1100px){.box{height:120px;width:350px;left:320px}.header-container{width:70%}.header-container svg{left:500px;top:20px}.content-text1,.content-text2{padding-left:0}.content-text4{padding-left:0;font-size:18px;margin-top:-30px}}@media only screen and (max-width:1025px){.header-container{width:80%}}@media only screen and (max-width:896px){.header-container{font-size:70px;height:380px}.box{left:280px;width:300px}.header-container svg{left:450px}.content-text2{margin-top:-55px}.content-text3{margin-top:-29px}.content-text4{margin-top:-18px}}@media only screen and (max-width:696px){.header-container{width:85%;font-size:60px;height:450px}.header-container svg{left:370px;top:50px;height:95px;width:95px}.box{width:240px;bottom:40px}.content-text2{margin-top:-40px}.content-text3,.content-text4{margin-top:-18px}}@media only screen and (max-width:600px){.box{width:200px}}@media only screen and (max-width:563px){.header-container{font-size:50px;height:270px}.header-container svg{left:300px;top:0;width:67px;height:67px}.content-text2{margin-top:-38px}.content-text3{margin-top:-19px}.box{left:270px;height:90px;width:33.5%;bottom:0}}@media only screen and (max-width:472px){.header-container{width:90%;font-size:40px;height:250px}.header-container svg{left:250px;top:0}.box{width:40%;left:215px}.content-text2{margin-top:-25px}.content-text3{margin-top:-11.5px}.content-text4{font-size:14px;margin-top:-5px}}@media only screen and (max-width:400px){.box{width:33%}}@media only screen and (max-width:354px){.header-container{font-size:36px;height:220px}.header-container svg{width:60px;height:60px;left:230px}.box{height:85px;left:210px;width:28%}}@media only screen and (max-width:320px){.header-container{font-size:30px;height:190px}.header-container svg{left:190px;height:50px;width:50px}.box{width:20%;height:70px;bottom:10px;left:205px}.content-text2{margin-top:-22px}}