*{padding:0;margin:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden}body{background:linear-gradient(to bottom,#120714,#2f204e);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}a{text-decoration:none;color:#fff}.container{max-width:1536px;padding-left:60px;padding-right:16px;margin-left:auto;margin-right:auto}section{height:100vh;scroll-snap-align:center}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.hero{height:100%;overflow:hidden;display:flex}.bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.himg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:80%;width:max-content}.himg img{width:100%;height:100%;object-fit:cover}.hSection{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hTitle{margin-top:50px;font-size:100px;color:pink}.hTitle span{color:#fff}.awards{width:30%}.awards p{font-size:14px;color:#ddd;margin:16px 0}.awardList{display:flex;gap:8px}.awardList img{width:36px;height:36px;padding:8px;background-color:#fff;border-radius:100%}.scroll{margin-bottom:50px;width:max-content}.hSection.right{align-items:end}.follow{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#2f204e;border-bottom-right-radius:10%}.follow img,.followTextContainer{width:20px;height:20px}.followText{background-color:#dd4c62;font-size:12px;rotate:90deg;width:max-content;height:100%;transform-origin:left top;transform:translateY(-20px);padding:0 8px;display:flex;align-items:center;border-bottom-right-radius:10%}.bubbleContainer{width:50%;display:flex;align-items:end;gap:8px;justify-content:space-between}.bubble{width:100%;height:100px;background-color:#fff;color:#555;padding:24px;font-size:18px;border-radius:20px 20px 0}.bubbleContainer img{width:50px;height:50px;border-radius:50%;object-fit:cover;background-color:#dd4c62}.certificate{width:60%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;line-height:24px;font-weight:300;color:#ddd}.certificate img{width:70px;height:70px}.contactLink{margin-bottom:50px}.circleText{letter-spacing:3px}.contactButton{position:relative}.arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 1536px){.hTitle{font-size:72px}}@media (max-width: 1280px){.bg{height:60%;top:auto;bottom:0}.himg{height:100%}.hTitle{font-size:88px}.awards{width:60%}.bubbleContainer{width:100%}}@media (max-width: 1024px){.bg{height:50%}.hTitle{font-size:72px}}@media (max-width: 768px){.hero{flex-direction:column}.bg{height:60%}.hSection{width:100%}.hSection.left{align-items:center;text-align:center;gap:36px}.hTitle{font-size:48px}.awards{width:100%}.awardList{justify-content:center}.hSection.right{justify-content:end}.follow,.bubbleContainer,.certificate{display:none}}.portfolio{height:600vh;position:relative}.pList{position:sticky;top:0;display:flex;height:100vh;width:max-content}.pItem{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:100px}.pItem:nth-child(1){background:linear-gradient(to right,#12071f,#210b3a)}.pItem:nth-child(2){background:linear-gradient(to right,#210b3a,#290a4b)}.pItem:nth-child(3){background:linear-gradient(to right,#290a4b,#340468)}.pItem:nth-child(4){background:linear-gradient(to right,#340468,#12071f)}.pImg{width:40%;border-radius:20px;overflow:hidden}.pImg img{width:100%;height:100%;object-fit:cover}.pText{width:40%;display:flex;flex-direction:column;gap:24px}.pText h1{font-size:56px}.pText p{font-weight:300}.pText button{background-color:pink;padding:12px;border-radius:18px;border:none;font-weight:500;cursor:pointer}.pProgress{position:sticky;width:80px;height:80px;left:0;bottom:80%}@media (max-width: 1536px){.pItem{gap:50px}}@media (max-width: 1280px){.pItem h1{font-size:48px}}@media (max-width: 1024px){.pItem{flex-direction:column}.pImg,.pText{width:80%}.pProgress{bottom:100px;left:100%}}@media (max-width: 768){.pProgress{width:50px;height:50px}}.services{height:100%;display:flex;overflow:hidden}.sSection{width:50%;display:flex;flex-direction:column;justify-content:center}.sTitle{font-size:88px;margin-bottom:24px}.serviceList{display:flex;flex-direction:column;gap:16px}.service{width:50%;padding:30px;border-radius:20px;background-color:#2f213f;display:flex;align-items:center;gap:16px;cursor:pointer}.serviceIcon{width:48px;height:48px;border-radius:100%;display:flex;align-items:center;justify-content:center}.serviceIcon img{width:24px;height:24px}.serviceInfo h2{font-size:18px;font-weight:500;margin-bottom:8px}.serviceInfo h3{font-size:13px;font-weight:300}.service:nth-child(1) .serviceIcon{background-color:#dd4c62}.service:nth-child(2) .serviceIcon{background-color:#025656}.service:nth-child(3) .serviceIcon{background-color:#6c5c0c}.counterList{width:50%;display:flex;align-items:center;justify-content:space-between;margin-top:24px}.counter{display:flex;flex-direction:column;gap:8px}.counter h1{font-size:48px;color:#dd4c62}.counter p{font-size:14px}@media (max-width: 1536px){.service,.counterList{width:70%}}@media (max-width: 1280px){.service{width:100%}.sTitle{font-size:128px}}@media (max-width: 1024px){.service,.counterList{width:100%}.sTitle{font-size:48px}}@media (max-width: 768px){.services{align-items:center;justify-content:center}.sSection{width:100%}.sSection.right{display:none}}.contact{height:100%;display:flex;gap:100px}.cSection{width:50%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center}form{width:80%;display:flex;flex-direction:column;gap:20px}input,textarea{padding:12px;border:none;border-radius:5px}.formItem{display:flex;flex-direction:column;gap:10px}label{font-size:13px}.formButtons{width:100%;display:flex;gap:10px}.formButton{width:50%;padding:20px;border:none;border-radius:5px;cursor:pointer}.sendButton{background-color:#dd46c2;color:#f5f5f5}.downloadButton{color:#000}.downloadButton:hover{background-color:#0c7a36;color:#f5f5f5}@media (max-width: 1280px){.form{width:100%}}@media (max-width: 1024px){.contact{gap:30px}.formButton.right{height:50%}}@media (max-width: 768px){.contact{flex-direction:column}.cSection{width:100%}.cSection:first-child{height:100%}.cSection:last-child{display:none}}