@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--dark:#23153c;--red:#f00000;--light-blue:#00c3ff;--blue:#4e54c8;--blue-dark:#18293c;--green:#27ae60;--main-color:#00c3ff;--green-yellow:#cddc39;--gray-light:#e0e0e0;--yellow:#fffc00;--yellow-dark:#f1c40f;--pink-light:#efa2b4;--pink-color:#eb0987;--cyan-light:#aef1ee;--white:#ffffff;--white-alpha-40:rgba(220, 220, 220, 0.4);--white-alpha-25:rgba(50, 50, 50, 0.25);--white-alpha-20:rgba(255, 255, 255, 0.2);--background-filter-blur:blur(20px);--background-image:url("../img/bg-primary.jpg")}::-moz-selection{background-color:var(--main-color);color:#fff}::selection{background-color:var(--main-color);color:#fff}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{background-color:var(--dark)}body{min-height:100vh;font-size:16px;font-family:Montserrat,sans-serif;font-weight:300;color:var(--white);line-height:1.5;overflow-x:hidden;scroll-behavior:smooth;-webkit-top-highlight-color:transparent;padding:35px 15px}body.hide-scrolling{overflow-y:hidden}body::before{content:"";position:fixed;left:0;top:0;height:100%;width:100%;background-color:var(--green-yellow);z-index:-1;opacity:.12}#halo,#snow{top:0;left:0;height:100%;width:100%;position:fixed}a{text-decoration:none}h1,h2{font-weight:600}h3,h4,h5,h6{font-weight:500}img{max-width:100%;vertical-align:middle}ul{list-style:none}section{background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);min-height:calc(100vh - 70px);border-radius:30px;-webkit-backdrop-filter:var(--background-filter-blur);backdrop-filter:var(--background-filter-blur);display:none}section.active{display:block;-webkit-animation:.5s ease-in-out forwards fadeIn;animation:.5s ease-in-out forwards fadeIn}section.fade-out{-webkit-animation:.5s ease-in-out forwards fadeOut;animation:.5s ease-in-out forwards fadeOut}.main{max-width:1400px;margin:auto;position:relative;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.main.fade-out{opacity:0}.container{padding:0 40px;width:100%}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hidden{display:none!important}.sec-padding{padding:80px 0}.flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.section-title{padding:0 15px;width:100%;text-align:center;margin-bottom:40px}.section-title h2{font-size:3rem;font-weight:800;text-transform:capitalize;text-shadow:0 0 5px var(--main-color),0 0 10px var(--main-color),0 0 20px var(--main-color),0 0 40px var(--main-color),0 0 80px var(--main-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--white)}::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--main-color)}button{font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{line-height:1.5;background-color:var(--white-alpha-25);border:3px solid var(--white-alpha-40);padding:10px 28px;display:inline-block;border-radius:30px;color:var(--main-color);font-weight:700;text-transform:capitalize;font-family:inherit;font-size:1.1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow:hidden;vertical-align:middle;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.btn::before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:var(--main-color);z-index:-1;-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.btn:hover::before{width:100%}.btn:hover{color:var(--white)}.page-loader{position:fixed;left:0;top:0;height:100%;width:100%;z-index:999;background-color:var(--white-alpha-25);-webkit-backdrop-filter:var(--background-filter-blur);backdrop-filter:var(--background-filter-blur);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.page-loader.fade-out{opacity:0}.page-loader div{border:4px solid transparent;position:absolute;border-radius:50%;opacity:.6;border-top-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}.page-loader div:nth-child(1){height:80px;width:80px;border-color:var(--red);-webkit-animation-duration:1.4s;animation-duration:1.4s}.page-loader div:nth-child(2){height:60px;width:60px;border-color:var(--yellow);-webkit-animation-duration:1.2s;animation-duration:1.2s}.page-loader div:nth-child(3){height:40px;width:40px;border-color:var(--main-color)}.bg-circles{position:fixed;top:0;left:50%;height:100%;width:calc(100% - 30px);max-width:1200px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.bg-circles div{position:absolute;border-radius:50%}.bg-circles .circle-1{height:60px;width:60px;left:5%;top:15%;background-color:var(--yellow);-webkit-animation:5s linear infinite zoomInOut;animation:5s linear infinite zoomInOut}.bg-circles .circle-2{height:80px;width:80px;left:30%;top:50%;background-color:var(--red);-webkit-animation:5s ease-in-out infinite bounceTop;animation:5s ease-in-out infinite bounceTop}.bg-circles .circle-3{height:120px;width:120px;background-color:var(--blue);top:40%;right:-60px;-webkit-animation:8s ease-in-out infinite zoomInOut;animation:8s ease-in-out infinite zoomInOut}.bg-circles .circle-4{height:50px;width:50px;background-color:var(--light-blue);top:80%;left:-30px;-webkit-animation:5s linear infinite bounceTop;animation:5s linear infinite bounceTop}.bg-circles .circle-5{height:60px;width:60px;background-color:#10ca10;top:20%;right:40%;-webkit-animation:8s linear infinite shakeInOut;animation:8s linear infinite shakeInOut}.overlay{position:fixed;left:0;top:0;height:100%;width:100%;background-color:transparent;z-index:200;visibility:hidden}.overlay.active{visibility:visible}.header{position:absolute;top:0;left:0;width:100%;z-index:1;padding:20px 0 0}.header.active{position:fixed;top:35px;padding:20px 15px}.header.active .container{max-width:1400px;margin:auto}.header .nav-toggler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 15px;height:50px;width:50px;border:none;border-radius:50%;background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);z-index:1;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;cursor:pointer}.header .nav-toggler.hide{opacity:0;-webkit-transition:none;-o-transition:none;transition:none}.header .nav-toggler span{height:2px;width:24px;background-color:var(--main-color);position:relative;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.header.active .nav-toggler span{background-color:transparent}.header .nav-toggler span::after,.header .nav-toggler span::before{content:"";position:absolute;top:0;width:100%;height:100%;background-color:var(--main-color);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.header .nav-toggler span::before{left:0;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.header.active .nav-toggler span::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.header .nav-toggler span::after{right:0;-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}.header.active .nav-toggler span::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.header:not(.active) .nav-toggler:hover span::after,.header:not(.active) .nav-toggler:hover span::before{width:50%}.header .nav{position:fixed;left:0;top:0;height:100%;width:100%;padding:35px 15px;overflow-y:auto;visibility:hidden}.header.active .nav{visibility:visible}.header .nav-inner{min-height:calc(100vh - 70px);max-width:1400px;margin:auto;background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);-webkit-backdrop-filter:var(--background-filter-blur);backdrop-filter:var(--background-filter-blur);padding:50px 0;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.header.active .nav-inner{opacity:1}.header .nav-inner ul li{text-align:center}.header .nav-inner ul li a{font-size:2.8rem;text-transform:capitalize;color:var(--white);display:block;font-weight:600;letter-spacing:1px;padding:8px 15px;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;position:relative}.header .nav-inner ul li a::before{content:"";position:absolute;right:0;bottom:0;height:50%;width:0%;background-color:var(--white-alpha-40);z-index:-1;-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.header .nav-inner ul li a:hover::before{width:100%}.header .nav-inner ul li a:hover{color:var(--main-color)}.home-section{position:relative;padding:120px 0}.home-section.active{display:-webkit-box;display:-ms-flexbox;display:flex}.home-section .home-beta{position:absolute;top:0;left:0;height:80px}.home-section .marque{background-color:var(--yellow);color:var(--red);font-weight:600}.home-img,.home-text{width:50%;padding:15px}.home-text p{font-size:1.25rem}.home-text h1{font-size:50px;font-weight:900;text-transform:capitalize;text-shadow:0 0 5px var(--main-color),0 0 10px var(--main-color),0 0 20px var(--main-color),0 0 40px var(--main-color),0 0 80px var(--main-color)}.home-text h2{font-size:1.4rem;font-weight:300;margin:0 0 30px}.home-text h2 .type{font-weight:700;color:var(--main-color)}.home-text .btn{margin:0 15px 15px 0}.home-text .home-intro{font-size:1.5rem}.home-img .img-box{max-width:560px;margin:auto}.home-img .img-box img{width:100%}.about-section .row:nth-child(2){margin-bottom:100px}.about-img{width:40%;padding:0 15px}.about-img .img-box{background-color:var(--white-alpha-25);max-width:380px;border:1px solid var(--white-alpha-40);margin:auto;border-radius:10px}.about-img .img-box img{width:100%;border-radius:10px}.about-img .img-illustration{margin:100px auto auto;max-width:300px}.about-text{width:60%;padding:0 15px}.about-text .about-text__bio{padding:.9rem;border:3px dashed var(--white);background-color:var(--white-alpha-20);border-radius:10px;word-spacing:2px;font-size:1.05rem;font-weight:500;text-align:center}.about-text h3{text-transform:capitalize;font-size:24px;letter-spacing:.5px;margin:20px 0}.about-text .skills{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.about-text .skill-item{background-color:var(--white-alpha-20);border:3px solid var(--white-alpha-40);padding:4px 12px 4px 8px;text-transform:capitalize;margin:0 10px 10px 0;border-radius:20px;font-size:1.15rem;font-weight:600}.about-tabs{margin-top:20px}.about-tabs .tab-item{position:relative;padding:4px 6px;margin:0 30px 0 0;background-color:transparent;border:none;text-transform:capitalize;display:inline-block;color:var(--white);font-weight:600;font-size:20px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.about-tabs .tab-item:last-child{margin:0}.about-tabs .tab-item::before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:var(--white);-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.about-tabs .tab-item:hover::before{width:100%}.about-tabs .tab-item.active::before{width:100%;background-color:var(--main-color)}.about-tabs .tab-item.active{color:var(--main-color);opacity:1;cursor:auto}.about-text .timeline{position:relative}.about-text .timeline::before{content:"";position:absolute;height:100%;width:1px;top:0;left:5px;background-color:var(--main-color)}.about-text .tab-content{padding:25px 0;display:none}.about-text .tab-content.active{display:block}.about-text .timeline-item{margin-bottom:30px;position:relative;padding:10px 0 0 40px}.about-text .timeline-item::before{content:"";position:absolute;height:13px;width:13px;background-color:var(--main-color);left:-1px;top:16px;border-radius:50%}.about-text .timeline-item:last-child{margin-bottom:0}.about-text .timeline-item .date{display:block;color:var(--main-color);font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 0 4px}.about-text .timeline-item h4{font-size:1.3rem;text-transform:capitalize;margin:0 0 6px;padding-bottom:2px;border-bottom:1px dashed #fff}.about-text .btn{margin:0 15px 15px 0;font-size:18px}.about-text .timeline-item h4 span{font-weight:600;color:var(--main-color)}.portfolio-section .row:nth-child(2){margin-bottom:120px}.portfolio-section{padding-bottom:50px}.portfolio-item{width:calc(33.3333333333% - 30px);margin:0 15px 30px}.portfolio-item-title{font-size:22px;text-transform:uppercase;margin:10px 0;border-bottom:1px solid var(--white-alpha-40)}.portfolio-item-subtitle{padding:1px 0 10px;margin-bottom:12px;font-size:16px;font-weight:500;border-bottom:1px solid var(--white-alpha-40)}.portfolio-item-tag{font-size:14px;padding:3px 10px;background-color:var(--main-color);border:2px solid var(--white);border-radius:100vmax;color:var(--white)}.portfolio-item-thumbnail{padding:10px;background-color:var(--white-alpha-25);border:1px solid var(--white-alpha-40);border-radius:10px}.portfolio-item-thumbnail img{width:100%;border-radius:10px}.portfolio-item-details{display:none}.portfolio-popup{position:fixed;left:0;top:0;height:100%;width:100%;z-index:200;visibility:hidden}.portfolio-popup.open{visibility:visible;overflow-y:auto}.pp-inner{min-height:100vh;padding:40px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pp-content{background-color:var(--white-alpha-25);padding:30px;border-radius:30px;max-width:1000px;width:100%;border:1px solid var(--white-alpha-40);-webkit-backdrop-filter:var(--background-filter-blur);backdrop-filter:var(--background-filter-blur);opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.portfolio-popup.open .pp-content{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.pp-header{position:relative}.pp-header .btn{height:40px;width:40px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:-40px;top:-40px}.pp-thumbnail img{border-radius:10px;position:relative;height:100%}.pp-header h3{text-align:center;margin:20px 0 12px;font-size:30px;font-weight:600;text-transform:uppercase}.pp-body .description{padding:14px;text-align:center;font-size:20px;margin-bottom:20px;border:3px solid var(--white);border-radius:15px}.pp-body .general-info li{font-size:20px;margin-bottom:10px;font-weight:600;text-transform:capitalize;color:var(--white)}.pp-body .general-info li .role{font-weight:700;color:var(--yellow-dark);text-decoration:underline}.pp-body .general-info li .techstack-tag{font-weight:600;padding:5px 12px;background-color:var(--green);border:3px solid var(--white);border-radius:100vmax}.pp-body .general-info li a{text-transform:lowercase;font-weight:700;color:var(--main-color)}.pp-body .general-info li a:hover{color:var(--white)}.contact-section .row:nth-child(2){margin-bottom:120px}.contact-form,.contact-info{width:50%;padding:0 15px}.contact-form .input-group{width:100%;margin-bottom:30px}.contact-form .input-control::-webkit-input-placeholder{color:var(--gray-light);opacity:.8;font-weight:700}.contact-form .input-control::-moz-placeholder{color:var(--gray-light);opacity:.8;font-weight:700}.contact-form .input-control:-ms-input-placeholder{color:var(--gray-light);opacity:.8;font-weight:700}.contact-form .input-control::-ms-input-placeholder{color:var(--gray-light);opacity:.8;font-weight:700}.contact-form .input-control::placeholder{color:var(--gray-light);opacity:.8;font-weight:700}.contact-form .input-control{display:block;width:100%;height:50px;border-radius:25px;font-family:inherit;font-weight:700;font-size:16px;background-color:var(--white-alpha-20);padding:0 20px;color:var(--white);border:3px solid var(--white-alpha-40);-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}.contact-form .input-control:focus{border-color:var(--main-color);-webkit-box-shadow:0 0 5px 5px var(--main-color);box-shadow:0 0 5px 5px var(--main-color)}.contact-form textarea.input-control{height:120px;resize:none;padding-top:15px}.contact-info-item{margin:0 0 1rem;padding:0 0 0 20px}.contact-info-item h3{display:inline-block;padding:0 .7rem;font-weight:600;font-size:24px;text-transform:capitalize;margin:0 0 7px;border:1px dashed #fff;border-radius:10px}.contact-info-item p{font-size:1.2rem}.contact-info-item .map{margin-top:1rem;max-width:420px}.contact-info-item .social-links a{font-size:1.5rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50px;width:50px;background-color:var(--white-alpha-25);color:var(--main-color);border:2px solid var(--white-alpha-40);border-radius:50%;margin:6px 4px 0 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contact-info-item .social-links a:hover{color:var(--white);background-color:var(--main-color)}.container-footer{position:absolute;bottom:0;left:0}.container-footer img{border-bottom-left-radius:30px;border-bottom-right-radius:30px}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes zoomInOut{0%,100%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomInOut{0%,100%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceTop{0%,100%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceTop{0%,100%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes zoomOutIn{0%,100%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomOutIn{0%,100%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shakeInOut{0%,100%{-webkit-transform:translateX(-50px);transform:translateX(-50px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shakeInOut{0%,100%{-webkit-transform:translateX(-50px);transform:translateX(-50px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:991px){.container{padding:0}.home-img,.home-text{width:100%}.home-text{text-align:center}.home-img{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.home-img .img-box{max-width:300px}.home-text .btn{margin:0 7px 15px}.portfolio-item{width:calc(50% - 30px)}}@media (max-width:767px){html{background-attachment:fixed}.about-section .row:nth-child(2){margin-bottom:10px}.img-illustration{display:none}.about-img,.about-text,.contact-form,.contact-info{width:100%}.about-text{margin-top:30px}.portfolio-item{width:calc(100% - 30px)}.pp-inner{padding:30px 15px}.contact-info{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;margin-bottom:15px}.contact-info-item{padding:0}.contact-info-item .map{max-width:300px}}@media (max-width:575px){.header .nav-inner ul li a,.section-title h2{font-size:35px}.home-text h1{font-size:30px}.home-text h2{font-size:18px}.pp-inner h3{font-size:20px}}