@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*,::after,::before{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}ul{list-style:none}a{text-decoration:none}a,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0}body{overflow-x:hidden;scroll-behavior:smooth}.section-intro-text h1{position:relative}.section-intro-text h1::before{content:'';position:absolute;left:-50px;top:50%;transform:translateY(-50%);width:50px;height:3px;background-color:var(--background_2)}.section-intro-text h1::after{content:'';position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:50px;height:3px;background-color:var(--background_2)}.button1{outline:0;color:#fff;border:1px solid var(--background_3);transition:.4s linear;background-color:var(--background_3);padding:10px 12px;font-size:1rem;font-weight:700}.button1:hover{background-color:var(--background_1)}nav{z-index:100;padding:0;background-color:var(--background_1)}nav [type=button] span{width:30px;height:1px;border:1px solid var(--text_1)}.offcanvas.offcanvas-start{background-color:var(--theme-background-2);max-width:250px;width:100%}.offcanvas.offcanvas-start .icon-container{width:40px;height:40px}@media (max-width:355px){.offcanvas.offcanvas-start{max-width:150px}.offcanvas.offcanvas-start .icon-container{width:20px;height:20px}svg{width:10px;height:10px}}.offcanvas.offcanvas-start a{color:var(--theme-text-1);transition:.4s linear}.offcanvas.offcanvas-start .navigation li:not(:last-child) a:not(.dropdown-menulia):hover{padding-left:10px;color:var(--text_1)}.offcanvas.offcanvas-start .icon-container{border:1px solid var(--background_1)}.offcanvas.offcanvas-start svg{fill:var(--background_1)}.dropdown-menu{border:var(--theme-border-1)!important;background-color:var(--theme-background-2)!important}.dropdown-menu li a:hover{color:var(--theme-text-1)!important;background-color:var(--theme-background-2)!important}.hero{position:relative;min-height:100vh;padding:100px 20px}@media (max-width:767px){.hero{padding:60px 20px 50px 20px}}.hero .arrow{bottom:100px;transform:translateX(-50%);font-size:1.3rem;z-index:1;animation:arrowdonw 2s linear infinite;padding:2px;background-color:var(--background_2)}.hero .arrow svg{fill:#fff}@keyframes arrowdonw{0%{bottom:70px;opacity:1}100%{bottom:60px;opacity:0}}.hero .hero-layer{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}header.hero .img-box{max-width:440px;width:100%;max-height:490px;height:100%;border-radius:0 0 50% 50%;overflow:hidden;position:relative}header.hero .img-box::before{content:'';position:absolute;width:95%;height:95%;border-radius:0 0 50% 50%;border:5px solid var(--theme-background-2);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}@media (max-width:766px){header.hero .img-box{max-width:400px;max-height:430px;border-radius:50% 50% 0 0}header.hero .img-box::before{border-radius:50% 50% 0 0}}header .wave{position:absolute;bottom:0;left:0;background-color:var(--theme-background-2);height:300px;width:100%}header .wave path{fill:var(--theme-background-1)}.about{padding:40px 20px}.services{padding:40px 20px}.portfolio{padding:40px 20px}.news{padding:40px 20px}.testimonial{padding:40px 20px}.contact{padding:40px 20px}.about .img-box{max-width:500px;max-height:500px;width:100%;height:100%;border-radius:0 50% 50% 0;overflow:hidden;position:relative}.about .img-box::before{content:'';position:absolute;width:95%;height:95%;border-radius:0 50% 50% 0;border:5px solid var(--theme-background-1);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.about .bio-container{max-width:180px;white-space:nowrap;width:100%;justify-content:center;font-size:.9rem}.about .skill{border-bottom:4px solid var(--background_1)}.about .icon{top:-10px;left:-25px;width:50px;height:50px;background-color:var(--background_1)}.about .date{width:fit-content}.portfolio{height:fit-content;position:relative}.portfolio .back-layer1{position:absolute;left:20%;transform:translateX(-50%);top:0;width:30%;height:100%;background-color:var(--theme-background-1);z-index:0}.portfolio .back-layer1::before{content:'';position:absolute;width:99%;height:99%;border:9px solid var(--layer_3);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.portfolio .back-layer2{position:absolute;left:80%;transform:translateX(-50%);top:0;width:25%;height:100%;background-color:var(--theme-background-1);z-index:0}.portfolio .back-layer2::before{content:'';position:absolute;width:99%;height:99%;border:9px solid var(--layer_3);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}swiper-slide{background-position:center;background-size:cover;max-width:400px;width:100%;height:400px;cursor:pointer;box-shadow:0 5px 10px var(--background_3)}swiper-slide img{display:block;width:100%;height:100%}section.portfolio .project div .project-layer{opacity:0;transition:.4s linear}section.portfolio .project div:hover .project-layer{opacity:1}.testimonial .container-fluid{position:relative;z-index:1}.testimonial .back-layer{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:40%;background-color:var(--theme-background-1);z-index:0}.testimonial .back-layer::before{content:'';position:absolute;width:100%;height:70%;border:5px solid var(--layer_3);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}section.testimonial .box{max-width:400px;width:100%;padding:20px;box-shadow:0 0 10px var(--background_1)}.services{min-height:100vh}.services .back-layer{position:absolute;left:0;top:30%;width:100%;height:30%;transform:skewY(-20deg);background-color:var(--theme-background-1);z-index:0}.services .back-layer::before{content:'';position:absolute;width:99%;height:99%;border:9px solid var(--layer_3);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.services .cardd{box-shadow:0 0 10px var(--background_2);border-radius:20px}.news-line{height:fit-content;position:relative}.news-p{width:300%;left:0;transition:.2s ease;animation:newsp 30s linear infinite}.news-p p{line-break:loose;width:100%;text-align:center}@keyframes newsp{0%{left:100%}100%{left:-400%}}.news{overflow:hidden}.news .back-layer{position:absolute;left:50%;top:0;width:100%;height:0;border-left:700px solid transparent;border-right:700px solid transparent;border-bottom:1000px solid var(--layer_1);transform:translateX(-50%) scaleY(-1);z-index:0}.new{box-shadow:0 0 10px var(--background_1);max-width:500px;width:100%;max-height:500px;height:100%}.new img{max-height:300px;height:100%}.counter{min-height:49vh;height:100%;background-image:url(imgs/imagecompressor/counter-min.jpg);background-size:cover;background-attachment:fixed;font-weight:700;color:#fff;position:relative;z-index:0}.counter::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.597)}.counter .boxes{max-width:900px;width:100%}.sticky-col{height:fit-content;top:120px}@media (min-width:993px){.sticky-col{position:sticky}}.contact .container{position:relative;z-index:2}.contact::before{content:'Hurry Up';position:absolute;font-size:12rem;font-weight:700;display:flex;justify-content:center;align-items:center;background-color:var(--layer_3);color:rgba(255,255,255,.556);height:100%;z-index:0;width:50%;top:0;left:0}.contact::after{content:'';position:absolute;background-color:rgba(0,0,0,.397);height:100%;z-index:1;width:50%;top:0;left:0}@media (max-width:1116px){.contact::before{font-size:10rem}}@media (max-width:942px){.contact::before{font-size:8rem}}@media (max-width:767px){.contact::after,.contact::before{display:none}}.contact input:focus,.contact input:hover,.contact textarea:focus,.contact textarea:hover{outline:0;caret-color:#fff}input,textarea{padding:10px;outline:0;border:1px solid var(--theme-text-2)}.contact input::placeholder,.contact textarea::placeholder{color:var(--theme-text-3)}.contact textarea{min-height:40vh;height:100%;max-height:45vh}@media (max-width:767px){.sticky-col *{color:var(--theme-text-1)}.contact .icon-container{border:1px solid var(--theme-text-2)}.contact .icon-container svg{fill:var(--theme-text-2)}}@media (min-width:767px){.sticky-col *{color:#fff}.contact .icon-container{border:1px solid #fff}.contact .icon-container svg{fill:#fff}}