section{position:relative}:root{--balloon1:100px;--balloon2:120px;--balloon3:150px}.loader-wrapper{width:100%;height:100vh;position:fixed;top:0;left:0;background:#000;z-index:9}.loader{width:20%}.loader-wrapper,#section-1,.infinite-access-cont,.service-cont,.abt-container,.left,.right,.mvv,.blog-cards,.blog-content,.blog,.service,.contact{display:flex;flex-direction:column;align-items:center;justify-content:center}#section-1{justify-content:start;height:90vh;overflow:hidden}h1,h2{text-transform:uppercase;text-align:center}h1{margin-top:30vh;font-size:2em;padding:0}p{text-align:justify;text-align-last:center;padding:0 10%}.infinite-access-cont{bottom:0;left:50%;transform:translateX(-50%);width:100%}.infinite-access-cont span{text-transform:uppercase;font-size:1.2em;font-weight:900}.span-2{background:padding-box text #fff;-webkit-text-stroke-width:calc(1em / 40);-webkit-text-stroke-color:#fff0;-webkit-background-clip:text;color:#000;padding:0 5%}.span-2a{-webkit-text-stroke-width:calc(1em / 10)}.span-2b{-webkit-text-stroke-width:calc(1em / 30)}.span-2c{-webkit-text-stroke-width:calc(1em / 50)}.span-2d{-webkit-text-stroke-width:calc(1em / 70)}h2{font-size:3em;z-index:2}h3{text-align:center}.balloon,.triangle,.infinite-access-cont{position:absolute;z-index:-1}.triangle{width:10em;top:50%;transform:translateY(-50%)}.balloon1{width:var(--balloon1);height:var(--balloon1);bottom:20vh;right:-50px}.balloon2{width:var(--balloon2);height:var(--balloon2);top:50vh;left:-50px}.balloon3{width:var(--balloon3);height:var(--balloon3);top:0;right:-2vw}.service-image-container,.contact-img{width:80%;border-radius:30px;border:2px solid #fff}.service-image-container{overflow:hidden}.service-img{width:100%}.service-image-container{position:relative}.service-extra-link{position:absolute;top:0;right:0;width:30%;height:20%;display:flex;align-items:center;justify-content:center}.service-link{position:absolute;bottom:0;left:0;width:100%;height:5vh;display:flex;align-items:center;justify-content:center}.abt-link{display:block;margin:2vh auto;width:fit-content;padding:2%}.service h2,.about h2,.contact h2{text-align:center}.abt-container{gap:2vh}.mvv{width:80%}.mvv .svg{width:30%}.blog-cards{gap:5vh}.blog,.last-blog,.service-link,.service-extra-link,.abt-link{color:#fff;text-decoration:none;background:linear-gradient(to right,#ae14c2,#084885)}.blog,.last-blog{padding:1%;width:80%}.blog-content{position:relative;background-color:#fff;color:#000}.blog,.blog-content,.blog-content img,.last-blog,.abt-link{border-radius:20px}.blog-content img{width:100%}.blog a{color:#fff;text-align:center;text-decoration:none;padding:3% 0 0}.last-blog{display:flex;align-items:center;justify-content:space-between;padding:2% 5%;width:70%}.last-blog svg{width:15%}.contact{height:90vh;background:linear-gradient(to top,rgb(0 0 0 / .918),rgb(0 0 0 / .288)),url(../imgs/moon-for-contact-us-2-phone-version.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;gap:5vh}.contact-img{width:80%}.contact-links{display:flex;width:100%;justify-content:center;gap:10%}.contact-links a{width:8%}.contact p{margin:0}.contact h2{justify-self:end}p{font-size:12px}footer{background:none}.work .no-phone{display:none}.work-h2{display:flex;flex-direction:column;background:linear-gradient(to bottom,#00000000,#ffffff,#00000000);-webkit-background-clip:text;color:#fff0;font-size:3em}.clients,.one-client{display:flex;flex-direction:column;align-items:center;justify-content:center}.client,.work-view-more{background-color:#fff;width:90%;border-radius:20px}.work-view-more{background:linear-gradient(to top,black,purple);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;text-decoration:none;height:20vh}.work{display:flex}.one-client,.first-2-clients{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3vh}.one-client{margin-top:3vh}.visible{width:70%}.work-title{width:30%;display:flex;align-items:center;justify-content:center;font-size:2em}.work-view-more{font-size:1.5em;text-transform:capitalize}.work span{display:flex;align-items:center;justify-content:center}@media only screen and (min-width:600px){:root{--balloon1:280px;--balloon2:290px;--balloon3:350px}h2{font-size:5em}#section-1{height:100vh}h1{font-size:4em}p{font-size:18px}.infinite-access-cont span{font-size:3em}.fullscreen{font-size:1.2em}.triangle{width:15em}.work-h2{font-size:6em}.work-view-more{font-size:2.5em}.service-extra-link{width:20%;height:15%}.last-blog{margin-bottom:5vh;padding:1% 5%;width:50%;font-size:1.5em}}@media only screen and (min-width:992px){:root{--balloon1:180px;--balloon2:190px;--balloon3:230px}h1{margin-top:20vh}.infinite-access-cont span{font-size:2em}.fullscreen{font-size:1em}.triangle{width:13em}.service-cont,.blog-cards,.mvv{flex-direction:row;gap:5%}.right{flex-direction:column-reverse}.service-cont{flex-wrap:wrap}.service-cont>*{width:45%}.mvv:nth-child(2n){margin-right:5%}.mvv:nth-child(2n+1){margin-left:5%}.mvv .svg{width:10%}.blog-cards{padding:0 5%;flex-wrap:wrap}.blog{width:25%}.contact{background-image:linear-gradient(to top,rgb(0 0 0 / .918),rgb(0 0 0 / .288)),url(../imgs/moon-for-contact-us-landing.jpg);height:auto;gap:0%}.contact-img{width:40%}.contact-links{gap:10%;margin:5vh 0}.contact-links a{width:2.5%}footer{padding-top:7vh}.work{gap:5%}.work-h2{font-size:4em}.work .no-phone{display:flex}.purple-gradient-bottom{background:linear-gradient(to bottom,black,purple);width:20vh;height:20vh}.clients{flex-direction:row;width:40%}.work-title{width:10%}.client,.work-view-more,.purple-gradient-bottom{width:90%;border-radius:20px}.work-view-more{font-size:1.7em}.abt-link{padding:1%}.last-blog{margin:2vh 0 0;padding:0 2%;font-size:1.2em;width:20%}.last-blog svg{width:20%}.loader{width:10%}}@media only screen and (min-width:1700px){.last-blog{width:15%}}