main section.hero{position:relative;text-align:center;height:100vh;color:var(--main);background-repeat:no-repeat;background-size:100% 100%;z-index:2}@media screen and (min-width: 2100px){main section.hero{height:unset;padding-top:6rem}}@media screen and (min-width: 3360px){main section.hero{padding-top:10rem}}main section.hero .container{position:relative;display:flex;flex-direction:column;align-items:center;height:100%}main section.hero .container>.item{position:relative;display:none;flex-direction:row;width:100%;height:100%}@media screen and (max-width: 1024px){main section.hero .container>.item{flex-direction:column;justify-content:center}}@media screen and (max-width: 560px){main section.hero .container>.item{padding:100px 0 0}}main section.hero .container>.item.active{display:flex}main section.hero .container>.item>*{height:100%}@media screen and (max-width: 1024px){main section.hero .container>.item>*{height:auto}}main section.hero .container>.item .left-area{display:flex;flex-direction:column;justify-content:center;text-align:left;width:60%;padding-right:5rem}@media screen and (max-width: 1024px){main section.hero .container>.item .left-area{align-items:center;text-align:center;width:100%;padding:0;margin-bottom:10rem}}@media screen and (max-width: 900px){main section.hero .container>.item .left-area{margin-bottom:3rem}}main section.hero .container>.item .left-area .categories{position:relative;display:flex;flex-direction:row;align-items:center;font-size:1.5rem;opacity:.7}@media screen and (max-width: 1024px){main section.hero .container>.item .left-area .categories{display:none}}main section.hero .container>.item .left-area .categories::before{content:"";width:50px;height:2px;background-color:var(--main);margin-right:1rem}@media screen and (max-width: 1024px){main section.hero .container>.item .left-area h1{width:70%}}@media screen and (max-width: 560px){main section.hero .container>.item .left-area h1{width:100%}}main section.hero .container>.item .left-area .desc{font-size:2rem;opacity:.5;margin-bottom:2rem}main section.hero .container>.item .left-area .date{font-size:1.5rem}main section.hero .container>.item .left-area .button-area{margin-top:2rem}main section.hero .container>.item .right-area{display:flex;justify-content:center;align-items:center;justify-content:flex-end;width:40%}@media screen and (max-width: 1024px){main section.hero .container>.item .right-area{width:100%;justify-content:center}}@media screen and (max-width: 560px){main section.hero .container>.item .right-area{display:none}}main section.hero .container>.item .right-area img{width:100%}@media screen and (max-width: 1024px){main section.hero .container>.item .right-area img{max-width:500px}}@media screen and (max-width: 900px){main section.hero .container>.item .right-area img{max-width:300px}}main section.hero .container .progress-area{position:absolute;left:0;bottom:2rem;display:flex;flex-direction:row;align-items:center}@media screen and (max-width: 560px){main section.hero .container .progress-area{left:50%;transform:translate(-50%, 0)}}main section.hero .container .progress-area .progress-bar{background-color:var(--light-grey);opacity:0.8;border-radius:10px;width:150px;height:4px;overflow:hidden;margin-right:20px}main section.hero .container .progress-area .progress-bar .active{background-color:var(--main);height:4px}@media screen and (max-width: 560px){main section.hero .container .progress-area .progress-text{width:75px}}main section.hero .container .social-area{position:absolute;bottom:2rem;right:0;display:flex;flex-direction:row;align-items:center;height:3rem}@media screen and (max-width: 560px){main section.hero .container .social-area{display:none}}main section.hero .container .social-area>*{font-size:1.2rem;font-weight:600}main section.hero .container .social-area>*+a{margin-left:.5rem}main section.hero .container .social-area>*+a:before{content:'/';margin-right:.5rem;opacity:.5}main section.hero .container .social-area>*:hover{color:var(--primary)}main section.about-area{padding:5rem 0}@media screen and (max-width: 1024px){main section.about-area{padding:5rem 30px}}main section.about-area .container{position:relative;padding:100px 0 0}main section.about-area .container::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--grey);opacity:.1}main section.about-area .container h3{color:var(--main);margin-bottom:3rem}main section.about-area .container p{color:var(--grey);font-size:18px;line-height:1.7}footer{display:flex;background:var(--white);margin-top:2rem}footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 1024px){footer .container{padding:0 30px}}footer .divider{width:20%;height:1px;background-color:var(--white);margin:2rem 0;opacity:0.1}footer .email{display:flex;flex-direction:column;color:var(--grey);margin-bottom:3rem}footer .email a{color:var(--main);font-size:1.2rem;font-weight:600;margin-top:0.4rem}footer .bottom-area{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;margin-bottom:3rem}@media screen and (max-width: 1024px){footer .bottom-area{display:flex;flex-direction:column}}footer .bottom-area .left{text-align:left;color:var(--main);opacity:0.5}footer .bottom-area .right{text-align:right}@media screen and (max-width: 1024px){footer .bottom-area .right{margin-bottom:1rem}}footer .bottom-area .right a{margin-right:1rem;color:var(--main);opacity:0.5}footer .bottom-area .right a:last-child{margin-right:0}footer .bottom-area .right a:hover{color:var(--grey);opacity:1}footer .bottom-area .right i{font-size:1.4rem}@media screen and (max-width: 1024px){footer .bottom-area .center{margin:1.5rem 0}}footer .bottom-area .center img{max-height:50px}