.a{height:100vh}.a,.a-left{display:flex;align-items:center}.a-left{flex:1;justify-content:center;position:relative;height:100%}.a-right{flex:1}.a-card.bg{position:absolute;top:50px;left:50px;background-color:#333}.a-card{width:60%;height:70vh;border-radius:30px;position:relative;overflow:hidden}.a-img{width:100%;height:100%;object-fit:cover}.a-award-img{width:120px;height:120px;border-radius:20px}.a-title{font-weight:400}.a-sub{margin:20px 0}.a-desc{font-weight:300}.a-award{margin-top:50px;display:flex;align-items:center;justify-content:space-between}.a-award-texts{width:70%}.a-award-title{font-weight:700;color:#555;margin-bottom:10px}@media screen and (max-width:480px){.a{flex-direction:column;text-align:center;margin-top:50px}.a-left{width:100%}.a-card{height:30vh}.a-award,.a-card.bg{display:none}.a-right{padding:20px}}.i{height:100vh}.i,.i-left{display:flex}.i-left{flex:1;align-items:center;justify-content:center}.i-right{flex:1;position:relative}.i-left-wrapper{padding:50px;height:50%;display:flex;flex-direction:column;justify-content:space-between}.i-intro{font-size:30px;font-weight:300}.i-name{font-size:60px}.i-title{height:50px;overflow:hidden}.i-title-wrapper{height:100%;animation:move 10s ease-in-out infinite alternate}@keyframes move{25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}75%{transform:translateY(-150px)}to{transform:translateY(-200px)}}.i-title-item{height:50px;font-size:30px;font-weight:700;color:#00917c;display:flex;align-items:center;justify-content:center}@media (min-width:1024px){.i-title-item{justify-content:flex-start}}.i-scroll{width:30px;height:30px;bottom:20px}.i-img,.i-scroll{position:absolute}.i-img{width:50%;height:50%;object-fit:cover;border-radius:65%;top:25%;right:25%}.i-bg{clip-path:polygon(100% 0,100% 51%,100% 100%,25% 100%,0 50%,25% 0);background-color:#b6a999;width:100%;height:100%}.i-desc-bottom{display:none}@media screen and (max-width:480px){.i{flex-direction:column}.i-left-wrapper{padding:10px;align-items:center;justify-content:center;text-align:center;height:100%}.i-desc-top{display:none}}.pl{padding:20px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}.pl-texts{width:65%}.pl-title{font-size:50px;font-weight:600}.pl-desc{margin:20px 0}.pl-list{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding-inline:150px;flex-wrap:wrap}@media screen and (max-width:480px){.pl{padding:0}.pl-texts{width:100%}.pl-desc{margin:30px 0;padding-inline:20px}.pl-list{width:100%;padding-inline:10px;flex-wrap:wrap}}.p{width:400px;height:fit-content;margin:0;border:2px solid #f3f2f2;border-radius:10px 10px 0 0;overflow:hidden}.p-browser{height:20px;background-color:#f3f2f2;display:flex;align-items:center;position:sticky;z-index:2}.p-circle{width:6px;height:6px;border-radius:50%;margin:3px;background-color:#fff}.p-img{width:100%;transition:all 10s ease}.p:hover .p-img{transform:translateY(-100%)}@media screen and (max-width:480px){.p{width:100%;margin:0 0 5px;height:fit-content}}.button-icon{display:flex;border:3px solid #000;width:fit-content;height:fit-content;cursor:pointer}.icon{background-color:#fff;padding:5px}.icon svg{width:15px;height:15px}.cube{transition:all .4s;transform-style:preserve-3d;width:100px;height:20px}.button-icon:hover{border-color:#ff98a2}.button-icon:hover .cube{transform:rotateX(90deg)}.side{position:absolute;height:25px;width:101px;display:flex;font-size:.5em;justify-content:center;align-items:center;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.top{background:#ff98a2;color:#fff;transform:rotateX(-90deg) translate3d(0,2.5px,2em)}.front{background:#222229;color:#fff;transform:translateZ(1em)}.web-button{width:fit-content;padding:3px 20px;border:unset;color:#212121;z-index:1;background:#f3f1f1;position:relative;font-weight:800;font-size:15px;overflow:hidden}.web-button,.web-button:before{height:100%;border-radius:15px;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);transition:all .25s}.web-button:before{content:"";position:absolute;top:0;left:0;width:0;background-color:#212121;z-index:-1}.web-button:hover{color:#e8e8e8}.web-button:hover:before{width:100%}@media screen and (max-width:480px){.web-button{font-size:15px;padding:3px 15px}}