*{padding:0;margin:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background:linear-gradient(to bottom,#12071f,#2f204e);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{text-decoration:none;color:#fff}.container{max-width:1536px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}section{height:100vh;scroll-snap-align:center}section:nth-child(3){background-color:#9788b5}section:nth-child(4){background-color:#599ca7}@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;bottom:0;right:0;left: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:#dfb2c0;border-bottom-right-radius:10px}.follow img,.followTextContainer{width:20px;height:20px}.followText{background-color:#dc6274;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:10px}.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:12.5px;border-radius:20px 20px 0}.bubbleContainer img{width:50px;height:50px;border-radius:100%;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}.contactButton{position:relative}.circleText{letter-spacing:3px;font-size:20px}.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}}.services{height:100%;overflow:hidden;display:flex}.sSection{width:50%;display:flex;flex-direction:column;justify-content:center}.sTitle{font-size:88px;margin-bottom:24px}.sSubTitle{font-size:20px;margin-bottom:24px}.serviceList{display:flex;flex-direction:column;gap:20px}.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:#aa7ca5}.service:nth-child(4) .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:13px;width:120px}.viewProjectsButton{color:#000;background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;text-decoration:none;display:inline-block;cursor:pointer;text-align:center}.viewProjectsButton:hover{background-color:#ff66b2}@media (max-width: 1536px){.service,.counterList{width:70%}}@media (max-width: 1280px){.sTitle{font-size:128px}.service{width:100%}}@media (max-width: 1024px){.sTitle{font-size:48px}.service,.counterList{width:100%}}@media (max-width: 768px){.services{align-items:center;justify-content:center}.sSection{width:100%}.sSection.right{display:none}}.compportfolio{height:1200vh;position:relative}.PTitle,.pList{position:sticky;top:0;display:flex;height:100vh;width:max-content}.comppText{width:40%;display:flex;flex-direction:column;gap:24px}.comppText h1{font-size:40px}.comppText h2{font-size:25px;color:#f5ffc0}.comppText p{font-weight:300}.comppText button{background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;cursor:pointer}.comppText button:hover{background-color:#e654bd}.webportfolio{height:600vh;position:relative}.webpText{width:40%;display:flex;flex-direction:column;gap:24px}.webpText h1{font-size:56px}.webpText h2{font-size:25px;color:#edb4b4}.webpText webheading{font-size:25px;color:#f9aeae}.webpText p{font-weight:300}.backbutton{color:#000;background-color:#c0ceff;padding:12px;border-radius:10px;border:none;font-weight:500;text-decoration:none;display:inline-block;cursor:pointer;text-align:center}.backbutton:hover{background-color:#5463e6}.webpText button{background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;cursor:pointer}.webpText button:hover{background-color:#e654bd}.mobileportfolio{height:200vh;position:relative}.mobilepText{width:40%;display:flex;flex-direction:column;gap:24px}.mobilepText h1{font-size:56px}.mobilepText h2{font-size:25px;color:#aaf0f0}.mobilepText p{font-weight:300}.mobilepText button{background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;cursor:pointer}.mobilepText button:hover{background-color:#e654bd}.researchportfolio{height:200vh;position:relative}.pList{position:sticky;top:0;display:flex;height:100vh;width:max-content}.pItem{height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:100px}.pItem:nth-child(3){background:linear-gradient(to right,transparent,#260622)}.pItem:nth-child(4){background:linear-gradient(to right,#260622,#02222e)}.pItem:nth-child(5){background:linear-gradient(to right,#02222e,#12071f)}.pItem:nth-child(6){background:linear-gradient(to right,#12071f,transparent)}.pProgress{position:sticky;width:80px;height:80px;left:0;bottom:80%}.pImg{width:40%;border-radius:20px;overflow:hidden}.pImg img{width:100%;height:100%;object-fit:cover}.researchpText{width:40%;display:flex;flex-direction:column;gap:24px}.researchpText h1{font-size:56px}.researchpText h2{font-size:25px;color:#edb4ed}.researchpText p{font-weight:300}.researchpText button{background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;cursor:pointer}.researchpText button:hover{background-color:#e654bd}@media (max-width: 1536px){.pItem{gap:50px}}@media (max-width: 1280px){.pText h1{font-size:48px}}@media (max-width: 1024px){.pItem{flex-direction:column}.pImg,.pText{width:80%}.pProgress{bottom:100px;left:100%}}@media (max-width: 768px){.pProgress{width:50px;height:50px}}.contact{height:100%;display:flex;gap:100px}.cSection{width:50%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center}.cSection:last-child{background-color:#02022d30;margin:50px 0;padding:50px;border-radius:50% 0}form{width:80%;display:flex;flex-direction:column;gap:20px;background-color:#02022d11;padding:50px;border-radius:50px}input,textarea{padding:12px;border:none;border-radius:5px}.formItem{display:flex;flex-direction:column;gap:10px}label{font-size:13px}.formButton{background-color:#dd4c62;color:#fff;padding:20px;border:none;border-radius:10px;cursor:pointer}@media (max-width: 1280px){.form{width:100%}}@media (max-width: 1024px){.contact{gap:30px}}@media (max-width: 768px){.contact{flex-direction:column}.cSection{width:100%}.cSection:first-child{height:70%}.cSection:last-child{height:30%}}