@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*,:after,:before{margin:0;padding:0;box-sizing:border-box;outline:none}body{background:#000;color:#fff;font-family:Poppins,sans-serif;line-height:1.7;font-size:16px;font-weight:300}li{list-style:none}a{text-decoration:none}h1,h2,h3,h4,h5,h6{color:#fff;margin:0;padding:0}.full-screen{min-height:100vh}.container{max-width:1200px;width:100%;margin:auto}.section{width:calc(100% - 80px);top:0;left:80px;right:0;bottom:0;z-index:0;opacity:1;padding:0 50px;transition:all .4s ease}@media(max-width:767px){.section{width:100%;left:0;padding:0 40px}}@media(max-width:419px){.section{padding:0 12px}}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.hide{display:none}.row{display:flex;flex-wrap:wrap;position:relative;margin:auto}.section-title{flex:0 0 100%;max-width:100%;margin-bottom:20px}.section-title h2{margin:0;z-index:1;font-weight:600;font-size:30px;vertical-align:top}.btn,.section-title h2{color:#fff;position:relative;display:inline-block}.btn{padding:0 25px;line-height:42px;background:none;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;transition:.4s;letter-spacing:.3px;cursor:pointer;background:#00bbe6}@media(max-width:767px){.btn{padding:0 20px}}.btn .icons{width:20px;margin-left:7px}.d-flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.col-6{width:50%;flex:0 0 auto}.col-12{width:100%;flex:0 0 auto}.copyright__text{color:#00bbe6}.w-35{width:35%}.w-35,.w-60{flex:0 0 auto}.w-60{width:60%}.ml-auto{margin-left:auto}.mobile-header{display:none;position:relative;padding:20px;z-index:11}@media(max-width:767px){.mobile-header{display:flex;align-items:center;justify-content:space-between}}.mobile-header .toggle-menu{width:60px;height:60px;position:relative;border-radius:50%;padding:0;background:#00bbe6;border:none;cursor:pointer;margin-left:auto}.mobile-header .toggle-menu .w-40{width:40px}.logo a{background:#00bbe6;color:#fff;width:80px;height:80px;line-height:80px;display:inline-block;text-align:center;font-size:42px;font-weight:700;text-decoration:none;text-transform:uppercase}.logo a:focus-visible{outline:2px solid #fff;outline-offset:-2px}.skip-link{top:0;left:0;background-color:#000;color:#fff;padding:8px;z-index:1000;transition:top .3s;outline:2px solid #00bbe6;outline-offset:-2px}.skip-link:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.information a{margin:0;color:#fff;font-weight:400;font-size:14px;transition:.3s}.information a:last-child{margin-left:40px}.information a:hover{color:#00bbe6}.information a:focus-visible{outline:2px solid #00bbe6}.information a svg{color:#fff;width:24px;height:24px}.language li.active{background:#00bbe6}.language li:last-child{margin-left:10px}.language li a{color:#fff;font-size:14px;padding:5px 8px}.py-20{padding-top:20px;padding-bottom:20px}.header-left{background:#0e0e17;width:80px;position:fixed;left:0;top:0;height:100vh;border-right:1px solid hsla(0,0%,100%,.1)}@media(max-width:767px){.header-left{transition:all .35s ease;transform:translateX(-100%);z-index:222}}.header-left .nav-toggle{position:fixed;width:40px;height:40px;left:300px;top:20px;border:1px solid var(--border-dark);cursor:pointer;border-radius:5px;background-color:var(--bg-light);display:none;align-items:center;justify-content:center;transition:all .4s ease}.header-left .nav-toggle span{position:relative;width:16px;height:2px;display:inline-block}.header-left .nav-toggle span:before{content:"";position:absolute;width:16px;height:2px;top:-7px;left:0;z-index:100}.header-left .nav-toggle span:after{content:"";position:absolute;width:16px;height:2px;top:7px;left:0;z-index:100}.header-left .nav{padding:45px 0;display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:0;list-style:none}.header-left .nav .nav-item{display:flex;justify-content:center;align-items:center;width:100%;border-bottom:1px solid hsla(0,0%,100%,.1)}.header-left .nav .nav-item:last-child{border-bottom:none}.header-left .nav .nav-item .nav-link{color:#fff;text-decoration:none;transition:all .35s ease;text-align:center;font-size:27px;display:flex;justify-content:center;width:80px;height:80px;line-height:80px}.header-left .nav .nav-item .nav-link.active{color:#00bbe6}.header-left .nav .nav-item .nav-link:focus-visible{outline:2px solid #00bbe6;outline-offset:-2px}.header-left .nav .nav-item .nav-link .icons{width:27px}.home-section{position:relative;overflow:hidden;flex-direction:column}.home-section .introduction .type-text h6{font-size:20px;font-weight:400;margin:0 0 12px}@media(max-width:575px){.home-section .introduction .type-text h6{margin-bottom:6px}}.home-section .introduction .type-text h1{font-size:70px;font-weight:700;line-height:1;margin:0 0 12px;text-transform:uppercase}@media(max-width:767px){.home-section .introduction .type-text h1{font-size:40px}}@media(max-width:575px){.home-section .introduction .type-text h1{margin-bottom:6px}}.home-section .introduction .type-text h4{margin-bottom:12px;font-size:24px;font-weight:500;color:#00bbe6}@media(max-width:575px){.home-section .introduction .type-text h4{margin-bottom:6px}}.home-section .introduction .type-text .desc{color:hsla(0,0%,100%,.8)}@media(max-width:767px){.home-section .introduction .type-text .desc{font-size:14px}}.home-section .introduction .type-text .home-btn{margin-top:1.5rem;display:flex}@media(max-width:575px){.home-section .introduction .type-text .home-btn{margin-top:.75rem}}@media(max-width:419px){.home-section .introduction .type-text .home-btn{flex-direction:column}}.home-section .home-image{position:relative;margin-bottom:120px;z-index:1}.about-section{background:#000;padding:100px 0}.about-section,.about-section .about-image .about-me{position:relative}.about-section .about-image .about-me .img{border-radius:50%;max-width:356px;max-height:358px;margin:auto;overflow:hidden;border:5px solid #fff}.about-section .about-info{margin-left:auto}.about-section .about-info .about-text p{color:hsla(0,0%,100%,.8)}.about-section .about-info .about-content{flex:0 0 100%;max-width:100%;padding-top:30px}.about-section .about-info .about-content .col-6{flex:0 0 auto;width:50%}.about-section .about-info .about-content .col-6 ul li{padding:4px 0}.about-section .about-info .about-content .col-6 ul li label{color:#fff;margin:0;font-weight:500;padding-right:10px}.about-section .about-info .about-content .col-6 ul li span{color:hsla(0,0%,100%,.8)}.about-section .separated{padding-top:80px;padding-bottom:80px;background-repeat:repeat-x!important;background-size:auto 6px!important;background-position:50%!important;filter:invert(1)}.about-section .service-items{padding:15px 15px 15px 0;flex:0 0 33.33%;max-width:33.33%;margin-bottom:30px;display:flex}.about-section .service-items:last-child{padding-right:0}.about-section .service-items .service-item{width:100%;background-color:#000;padding:30px 15px;border-radius:4px;text-align:center;border-radius:1pxsolid hsla(0,0%,100%,.8);transition:all .3s ease}.about-section .service-items .service-item .icon{width:60px;height:60px;display:block;margin:0 auto 1rem;text-align:center;transition:all .3s ease;border-radius:50%}.about-section .service-items .service-item .icon .icons{font-size:40px;line-height:60px;transition:all .3s ease}.about-section .service-items .service-item h4{font-size:18px;margin-bottom:15px;color:#00bbe6;font-weight:700;text-transform:capitalize}.about-section .service-items .service-item p{font-size:16px;color:hsla(0,0%,100%,.8);line-height:25px;margin:0}.service-section .container{padding-bottom:40px}.service-section .service-items{padding:15px;flex:0 0 33.33%;max-width:33.33%;margin-bottom:30px;display:flex}.service-section .service-items .service-item{width:100%;background-color:var(--bg-light);padding:30px 15px;border-radius:4px;text-align:center;border-radius:1px solid var(--border-dark);transition:all .3s ease}.service-section .service-items .service-item .icon{width:60px;height:60px;display:block;margin:0 auto 30px;text-align:center;transition:all .3s ease;border-radius:50%}.service-section .service-items .service-item .icon .fa{font-size:40px;line-height:60px;transition:all .3s ease}.service-section .service-items .service-item:hover{box-shadow:0 0 20px rgba(48,46,77,.15)}.service-section .service-items .service-item:hover .icon fa{font-size:25px;color:#fff}.service-section .service-items .service-item h4{font-size:18px;margin-bottom:15px;color:var(--clr-heading);font-weight:700;text-transform:capitalize}.service-section .service-items .service-item p{font-size:16px;color:var(--clr-text);line-height:25px;margin:0}.experience-section{position:relative;background:#000;padding:100px 0}.experience-section .experience-box{padding-top:15px}.experience-section .experience-box .experience-row{background:#0e0e17;padding:35px;border-radius:1rem}.experience-section .experience-box .experience-row .ex-left{border-right:1px solid hsla(0,0%,100%,.05)}.experience-section .experience-box .experience-row .ex-left h5{font-size:20px;font-weight:500;margin-bottom:5px}.experience-section .experience-box .experience-row .ex-left .ex-btn{margin:5px 0 0;font-size:13px;font-weight:500;background-color:#00bbe6}.experience-section .experience-box .experience-row .ml-5{margin-left:5%}.experience-section .experience-box .experience-row .ml-5 .ex-right h5{font-size:20px;font-weight:500;margin-bottom:5px}.portfolio-section .portfolio-filter{flex:0 0 100%;max-width:100%;text-align:center;margin-bottom:40px}.portfolio-section .portfolio-filter button{background-color:transparent;font-size:18px;font-weight:700;text-transform:capitalize;margin:0 10px;color:var(--clr-heading);border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;padding-bottom:2px;transition:all .3s ease}.portfolio-section .portfolio-item{flex:0 0 33.33%;max-width:33.33%;margin-bottom:30px}.portfolio-section .portfolio-item.hide{display:none}.portfolio-section .portfolio-item.show{display:block;animation:showPortfolio .5s ease}.portfolio-section .portfolio-item .portfolio-info{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.7);height:100%;width:100%;z-index:1;padding:30px;opacity:0;transition:all .3s ease}.portfolio-section .portfolio-item .portfolio-info h4{font-size:16px;font-weight:700;color:#fff;text-transform:capitalize;transition:all .3s ease;transform:translateX(-20px);opacity:0}.portfolio-section .portfolio-item .portfolio-info .icon{position:absolute;width:40px;height:40px;background:#fff;text-align:center;border-radius:50%;right:50px;bottom:20px;transition:all .3s ease;transform:translateX(-20px);opacity:0}.portfolio-section .portfolio-item .portfolio-info .icon .fa{line-height:40px}.portfolio-section .portfolio-item-inner{position:relative;border:5px solid var(--bg-light);border-radius:8px;overflow:hidden;cursor:pointer}.portfolio-section .portfolio-item-inner .portfolio-img img{width:100%;display:block}.portfolio-section .portfolio-item-inner:hover .portfolio-info{opacity:1}.portfolio-section .portfolio-item-inner:hover .portfolio-info .icon,.portfolio-section .portfolio-item-inner:hover .portfolio-info h4{transform:translateX(0);opacity:1}@keyframes showPortfolio{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.blog-section .container{padding-bottom:40px}.blog-section .blog-item{flex:0 0 33.33%;max-width:33.33%;display:flex;margin-bottom:30px}.blog-section .blog-item .blog-item-inner{width:100%;border-radius:10px;overflow:hidden;background:var(--bg-light);border:1px solid var(--border-dark)}.blog-section .blog-item .blog-item-inner .blog-img{position:relative}.blog-section .blog-item .blog-item-inner .blog-img img{display:block;width:100%;transition:all .5s ease;cursor:pointer}.blog-section .blog-item .blog-item-inner .blog-img .blog-date{position:absolute;padding:4px 10px;border-radius:4px;color:#fff;font-weight:600;font-size:14px;left:15px;bottom:15px}.blog-section .blog-item .blog-item-inner:hover .blog-img img{transform:scale(1.1)}.blog-section .blog-item .blog-item-inner .blog-info{padding:30px 15px;background-color:var(--bg-light)}.blog-section .blog-item .blog-item-inner .blog-info .blog-title{font-size:18px;font-weight:700;color:var(--clr-heading);text-transform:capitalize;margin-bottom:10px}.blog-section .blog-item .blog-item-inner .blog-info .blog-desc{font-size:16px;line-height:25px;color:var(--clr-text);font-weight:400;margin-bottom:15px}.blog-section .blog-item .blog-item-inner .blog-info .blog-tags{font-size:14px;line-height:25px;color:var(--clr-text);font-weight:400;text-transform:capitalize}.blog-section .blog-item .blog-item-inner .blog-info .blog-tags a{text-transform:none;font-weight:600}.contact-section{position:relative;padding:100px 0;height:calc(100vh - 60px)}.contact-section .contact-info h4{font-size:34px;color:#fff;font-weight:500;margin-bottom:.5rem;line-height:1.3}.contact-section .contact-info p{font-size:15px;line-height:25px;color:hsla(0,0%,100%,.8);margin:0;font-weight:400}.contact-section .contact-info .media{margin-top:1rem}.contact-section .contact-info .media li{padding-top:20px}.contact-section .contact-info .media li .icons{width:32px;margin-right:10px;color:#00bbe6}.contact-section .contact-info .media li .media-info{font-size:18px;font-weight:500;color:hsla(0,0%,100%,.8)}.contact-section .contact-form h4{font-weight:500;font-size:22px;margin-bottom:20px}.contact-section .contact-form .form-group{margin-bottom:1rem}.contact-section .contact-form .form-group .form-control{width:100%;height:42px;border:1px solid hsla(0,0%,100%,.8);padding:10px 25px;font-size:14px;color:#fff;transition:all .3s ease;background:transparent}.contact-section .contact-form .form-group textarea.form-control{height:100px}.contact-section .contact-form .form-group .btn{height:42px;margin:0}.contact-section .contact-form .form-group .btn:hover{transform:scale(1.1)}.footer{position:relative;padding:12px 50px;background:#0e0e17}@media(max-width:419px){.footer{padding:12px}}.footer .row .copyright{font-size:14px}.footer .row .copyright .copyright__text{text-transform:uppercase}