@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Rubik,sans-serif}.container{margin:auto;max-width:80%}.flex{justify-content:space-between}ul{list-style:none}a{color:#000;text-decoration:none}header{padding:20px 0}header ul,header ul li{display:inline-block}header ul li{margin-left:30px}header ul li a{font-weight:500;transition:.5s}header ul li a:hover{color:#38d16a;font-weight:500}.HeaderIcon{margin-left:20px;transition:.5s}.HeaderIcon:hover{color:#38d16a;cursor:pointer;font-weight:500}.navbar-items-icon{color:#000;display:none}header.active{background-color:#fff;box-shadow:0 2px 28px 0 rgb(0 0 0/6%);left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}@media screen and (max-width:768px){.nav-links,header .icon{display:none}.nav-links-sidebar{background-color:#fff;display:block;display:flex;flex-direction:column;height:30vh;left:50px;margin-bottom:30px;position:absolute;top:75px;transition:.5s;width:100%;z-index:5}header ul li{margin-bottom:30px}.navbar-items-icon{border:1px solid #000;color:#000;display:block;font-size:30px;padding:5px 10px;position:absolute;right:30px}}.left,.right{position:relative;width:50%}.flex{display:flex}.topMarign{margin-top:80px}.home{height:90vh}.home .img{position:relative}.home .img,.home img{height:90vh;width:100%}.home img{left:0;object-fit:contain;position:absolute;top:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.home h1{font-size:60px}.SocailIcon i{border-radius:50%;cursor:pointer;height:35px;line-height:35px;margin-right:10px;text-align:center;transition:.5s;width:35px}.SocailIcon i:hover{color:#fff}.facebook{border:1px solid #4267b2;color:#4267b2}.facebook:hover{background:#4267b2}.instagram{border:1px solid #dc2743;color:#dc2743}.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.twitter{border:1px solid #38a1f3;color:#38a1f3}.twitter:hover{background-color:#38a1f3}.youtube{border:1px solid #e92525;color:#e92525}.youtube:hover{background-color:#e92525}.pinterest{border:1px solid #c8232c;color:#c8232c}.pinterest:hover{background-color:#c8232c}.dribbble{border:1px solid #ee72a2;color:#ee72a2}.dribbble:hover{background-color:#ee72a2}button{background:none;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:600;outline:none;transition:.5s}.primary-btn{background:#38d16a;padding:15px 40px}.primary-btn:hover{background:#f54ea2;box-shadow:0 13px 27px 0 rgba(245,78,162,.25)}.home .right{margin-top:15%}.home .SocailIcon{margin:30px 0}.home p{margin-bottom:20px}p{color:#6185a5;line-height:30px}.grid{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr)}.Branding{background-color:#08071c;color:#fff;margin-top:35px;padding:80px 0}.Branding h1{color:#38d16a;font-size:40px;margin-right:20px}.Branding h2{font-size:22px;font-weight:500;margin:10px 0 20px}.Branding p{color:#fff;opacity:.7}.mtop{margin-top:50px}h3{color:#38d16a;font-size:15px;font-weight:500;margin:20px 0;text-transform:uppercase}.heading h1{font-size:30px;margin-bottom:30px}.about p{margin-bottom:20px}.about .left{padding-right:30px}.about .img{display:block;margin-left:auto;margin-right:auto;position:relative;width:50%}.about img{object-fit:contain}.about .img:after{background-color:#000;content:"";height:86vh;left:-50px;position:absolute;right:0;top:0;width:600px;z-index:-1}.Services{background-color:#f8f9fe;padding:50px 0;text-align:center}.Services .box{text-align:left}.Services img{height:100%;object-fit:contain;width:100%}.Services .text{background:#fff;box-shadow:0 5px 20px 0 rgb(0 0 0/6%);margin:-30px 20px 20px;padding:30px;position:relative;z-index:1}.Services .text h2{font-size:22px;font-weight:500;margin-bottom:20px}.wrapper .container{margin:auto;max-width:40%;text-align:center}.wrapper h2{font-size:40px}.wrapper p{margin-bottom:30px;opacity:1}.skill{padding:50px 0}.skill .heading{text-align:center}.progress{background-color:#d5d5d5;border-radius:20px;height:10px;margin:45px 0;position:relative;width:90%}.progress h4{color:#000;font-size:18px;font-weight:500;position:absolute;top:-30px}.progress h4:nth-child(2){color:#7f9cb5;font-size:17px;font-weight:400;right:0}.progress-done{background-color:#38d16a;border-radius:20px;color:#fff;height:100%;opacity:0;transition:1s ease .3s;width:0}.skill .right{padding:0 50px}.skill .right h1{font-weight:500}.skill .right h1,.skill .right p{margin-bottom:20px}.grid1{grid-gap:30px;display:grid;grid-template-columns:repeat(4,1fr)}.wrapperOne{background:#38d16a;text-align:center}.wrapperOne h1{color:#fff}.wrapperOne p{font-size:14px;margin:10px 0}.work{background-color:#08071c;height:170vh;padding:40px 0}.work .heading{color:#fff;padding:50px 0;text-align:center}.work .content{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,5vw)}.work .box:first-child{grid-column-end:5;grid-column-start:1;grid-row-end:4;grid-row-start:1}.work .box:nth-child(2){grid-column-end:7;grid-column-start:5;grid-row-end:4;grid-row-start:1}.work .box:nth-child(3){grid-column-end:9;grid-column-start:7;grid-row-end:4;grid-row-start:1}.work .box:nth-child(4){grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:8}.work .box:nth-child(5){grid-column-end:5;grid-column-start:3;grid-row-end:8;grid-row-start:8}.work .box:nth-child(6){grid-column-end:9;grid-column-start:5;grid-row-end:8;grid-row-start:8}.work img{height:550px;object-fit:cover;width:100%}.work .box{color:#fff;height:550px;position:relative}.overlay{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;left:0;margin:auto;opacity:0;padding:50px;position:absolute;text-align:center;top:25%}.overlay h2{font-weight:500}.work .box:hover .overlay{cursor:pointer;opacity:1}.work .box:after{content:"";left:0;opacity:0;position:absolute;top:0;transition:.5s}.work .box:nth-child(2):after,.work .box:nth-child(3):after,.work .box:nth-child(4):after,.work .box:nth-child(5):after{background:rgba(18,22,25,.925);height:550px;width:380px}.work .box:first-child:after,.work .box:nth-child(6):after{background:rgba(18,22,25,.925);height:550px;width:758px}.work .box:hover:after{opacity:1}.work .box .icon,.work .box .text{position:relative;z-index:4}.work .box p{color:#fff;margin-top:20px}.work .box .icon{margin-top:25%}.iconWork{position:absolute;width:100%}.iconWork:first-child{left:160px}.iconWork:nth-child(2){right:160px}.blog .heading{text-align:center}.blog .text{margin:0}.blog span{font-size:15px;opacity:.5}.blog h2{margin:20px 0}.blog a{color:#38d16a;display:block;line-height:20px}.blog a .icon{padding-top:10px}footer{background-color:#08071c;color:#fff;padding:100px 0 0}footer p{color:#fff;margin:20px 0}footer .SocailIcon i{background-color:#fff;border:1px solid #fff}footer h2{font-size:20px;margin-bottom:30px}footer li{color:#fff;margin-bottom:15px}footer li:before{color:#38d16a;content:"·";font-size:40px;line-height:10px;margin-right:20px;vertical-align:middle}footer .box p{margin:15px 0 0}footer span{color:#38d16a;opacity:1}footer .icon{display:flex;margin-top:20px}footer .icon i{color:#38d16a;height:20px;margin-right:20px;width:20px}.legal{border-top:1px solid hsla(0,0%,100%,.5);display:flex;justify-content:space-between;margin-top:70px;padding:20px 0}@media screen and (max-width:768px){.left,.right{width:100%}.home .container{flex-direction:column;flex-direction:column-reverse}.home{height:134vh}.home .img,.home img{height:100%;position:relative;width:100%}.home img{-webkit-transform:scale(1);transform:scale(1)}.grid{grid-template-columns:repeat(1,1fr)}.about .container{flex-direction:column}.about .img,.about img{height:100%;width:100%}.about img{object-fit:cover}.about .img:after{display:none}.wrapper .container{max-width:80%}.skill .content{flex-direction:column}.skill .right{padding:0}.work{height:340vh}.work .content{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,20vw)}.work .box:first-child{grid-column-end:1;grid-column-start:1;grid-row-end:5;grid-row-start:1}.work .box:nth-child(2){grid-column-end:7;grid-column-start:1;grid-row-end:8;grid-row-start:5}.work .box:nth-child(3){grid-column-end:9;grid-column-start:1;grid-row-end:11;grid-row-start:8}.work .box:nth-child(4){grid-column-end:9;grid-column-start:1;grid-row-end:14;grid-row-start:11}.work .box:nth-child(5){grid-column-end:9;grid-column-start:1;grid-row-end:17;grid-row-start:14}.work .box:nth-child(6){grid-column-end:9;grid-column-start:1;grid-row-end:20;grid-row-start:17}.work .box:first-child:after,.work .box:nth-child(2):after,.work .box:nth-child(3):after,.work .box:nth-child(4):after,.work .box:nth-child(5):after,.work .box:nth-child(6):after{background:rgba(18,22,25,.925);height:550px;width:767px}footer .grid1{grid-template-columns:repeat(2,1fr)}}.pagesContent{align-items:center;display:flex;height:100vh;justify-content:center}
/*# sourceMappingURL=main.2f97bbda.css.map*/