:root{--title-font-size: 32px;--title-margin: 20px 0px;--main-color: 237, 235, 235;--sub-color: 255, 255, 255;--border-color: 60, 60, 65;--default-shadow: 0 8px 30px rgba(0,0,0,.4)}html,body{margin:0;width:100%;scroll-behavior:smooth;background-color:#edebeb;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,a,label{margin:0;font-weight:500;color:#393939;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;letter-spacing:.5px}a{text-decoration:none}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}.al-center{display:flex;align-items:center}.ju-center{display:flex;justify-content:center}img{width:100%;height:100%;object-fit:cover}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 22px 8px 12px;font-size:14px;color:#1d1d1f;background-color:#fff;border:1px solid #d1d1d6;border-radius:8px;cursor:pointer;transition:all .2s ease;outline:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6H0z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px}.custom-select:hover{border-color:#999;box-shadow:0 2px 6px #0000001a}header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:80px;background-color:rgba(var(--sub-color),.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 20px;box-sizing:border-box;border-bottom:1px solid rgba(var(--border-color),.2)}.headerContainer{width:100%;background-color:var(--sub-color);height:80px;box-sizing:border-box}.logoImg{width:60px;padding-right:10px}.logoText{margin-top:3px;width:150px}.headerItems{flex:1;height:100%;justify-content:end;align-items:center}.headerItemsToggle{display:none}.headerItems .item{margin-right:16px}.serviceContainer{padding-bottom:50px}.serviceContainer .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:90px 5%}.serviceContainer .title{font-size:60px;font-weight:600}.serviceContainer .title .titleInfo{display:flex;flex-direction:column;font-size:16px}.serviceContainer .title a{margin-top:5px;color:#42b0e7;font-size:14px}.serviceItems{width:100%;justify-content:center;display:flex;flex-direction:row}.serviceContainer .item:first-child,.serviceContainer .item{width:25%;display:flex;flex-direction:column}.serviceContainer .item{padding-right:20px}.serviceContainer .item:first-child{padding-left:20px}.serviceContainer .itemImg{width:100%;aspect-ratio:16 / 9;border-radius:12px;box-shadow:var(--default-shadow);margin-bottom:10px}.projectContainer{padding:0 80px;max-width:1200px;margin:0 auto}.projectContainer .ContainerTitle{font-size:48px;margin-bottom:60px}.projectItem{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px}.projectItem:nth-of-type(2n){flex-direction:row-reverse}.projectImg{width:100%;max-width:480px;min-width:300px;border-radius:20px;overflow:hidden}.projectImg img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.projectInfo{max-width:500px}.projectInfo .infoTitle{display:flex;flex-direction:row;align-items:center;margin:20px 0}.projectInfo .infoTitle .titleItem{height:40px;width:8px;margin-right:8px;background-color:rgba(var(--border-color, .1))}.projectInfo label{font-size:28px;font-weight:600;display:block}.projectInfo p{font-size:16px;line-height:1.8;color:#6e6e73}.AboutUsTitle{margin-top:20px;font-size:var(--title-font-size)}.AboutUsSmallTitle{color:#888;margin-bottom:20px}.aboutInfo{width:100%;display:flex;flex-direction:row;align-items:center;padding:0 100px 50px;box-sizing:border-box}.aboutImg{flex:0 0 30%;max-width:800px;aspect-ratio:1 / 1;border-radius:5px}.aboutInfoText{margin-left:30px}.contactContainer{padding:100px 0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.04),transparent 60%),linear-gradient(135deg,#141416,#232328)}.contactUsText{font-size:42px;font-weight:600;color:#f5f5f7;margin-right:40px;letter-spacing:-.5px}.contactUsIcon{width:110px;height:110px;border-radius:50%;border:1px solid rgb(145,141,141);display:flex;justify-content:center;align-items:center;color:#f5f5f7}.contactUsIcon:hover{background:#ffffff0d}.contactUsEmailIcon{margin-bottom:5px;font-size:26px}.footerContainer{padding:100px 60px 50px;background-color:#0f0f12;color:#f5f5f7;box-sizing:border-box;border-top:1px solid rgba(217,215,215,.06)}.footerTop{justify-content:space-between;flex-wrap:wrap;gap:40px}.footerLogoText{width:120px}.footerNav a{color:#fff9;text-decoration:none;margin-bottom:10px;transition:.3s ease}.footerNav a:hover{color:#f5f5f7}.footerContact p,.footerContact label{color:#fff9;margin-bottom:8px}.footerBottom{margin-top:40px;padding-top:25px;border-top:1px solid rgb(73,72,72);font-size:14px}@media(max-width:650px){.headerItemsToggle{margin-left:10px;font-size:20px;display:flex}.logoText,.contactUsText{display:none}header{position:relative}.itemList{position:absolute;display:flex;flex-direction:column;top:100%;left:0;right:0;background-color:#333}.serviceItems,.aboutInfo{align-items:center;flex-direction:column}.serviceContainer .item:first-child,.serviceContainer .item{padding:0;width:90%}.serviceContainer .containerTitle{display:flex;flex-direction:column}.projectContainer .projectImg,.projectContainer .projectImg:nth-child(2n){margin:0}.projectItem:nth-child(odd),.projectItem:nth-child(2n){display:flex;flex-direction:column;align-items:center;margin:0 0 10px}.aboutImg{max-width:none;width:250px;margin-right:0}}