@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);body{font-family:Poppins,sans-serif}:root{--main-color:#e02f60;--blue:#00f;--blue-dark:#18293c;--orange:orange;--green-yellow:#d8f;--pink-light:#b2ffaa;--cyan-light:#ff8587;--white:#fff;--white-alpha-40:hsla(0,0%,100%,.4);--white-alpha-25:hsla(0,0%,100%,.25);--backdrop-filter-blur:blur(5px)}*{margin:0;outline:none;padding:0}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#fff;background:var(--white)}::-webkit-slider-thumb{background:#e02f60;background:var(--main-color);border-radius:50px}.hide{display:none!important}body{-webkit-tap-highlight-color:transparent;background-attachment:fixed;background-image:linear-gradient(90deg,#b2ffaa,#ff8587);background-image:linear-gradient(to right,var(--pink-light),var(--cyan-light));background-size:cover;color:#18293c;color:var(--blue-dark);font-family:Poppins;font-size:16px;font-weight:300;line-height:1.5;min-height:100vh;overflow-x:hidden;overflow-y:auto!important;padding:5vh 15px}body.hide-scrolling{overflow-y:hidden}body:before{background-color:#d8f;background-color:var(--green-yellow);content:"";height:100%;left:0;opacity:.12;position:fixed;top:0;width:100%;z-index:-1}a{text-decoration:none}h1,h2{font-weight:600}h3,h4,h5,h6{font-weight:500}.pp-thumbnail img,img{max-width:100%;vertical-align:middle}.pp-thumbnail img{border-radius:12px;width:100vw}video{max-width:100%;vertical-align:middle}video::-webkit-media-controls{display:none!important}ul{list-style:none}section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-backdrop-filter:var(--backdrop-filter-blur);backdrop-filter:var(--backdrop-filter-blur);background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:45px;min-height:calc(100vh - 100px)}section.active{display:block}section.fade-out{-webkit-animation:fadeOut .5s ease-in-out forwards;animation:fadeOut .5s ease-in-out forwards}.main{margin:0 auto;max-width:1200px}.main.fade-out{margin:auto;opacity:0;transition:opacity .5s ease-in-out}.container{padding:0 40px;width:100%}.row{display:flex;flex-wrap:wrap}.align-items-center{align-items:center}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes zoomInOut{0%,to{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomInOut{0%,to{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes squareToCircle{0%{border-radius:50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{border-radius:50% 0 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{border-radius:0 50% 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}75%{border-radius:0 0 50% 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{border-radius:50%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes squareToCircle{0%{border-radius:50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{border-radius:50% 0 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{border-radius:0 50% 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}75%{border-radius:0 0 50% 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{border-radius:50%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bg-circles{height:100%;left:50%;max-width:1200px;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 30px);z-index:-1}.bg-circles div{border-radius:50%;position:absolute}.bg-circles .circle-1{-webkit-animation:bounce 4s linear infinite;animation:bounce 4s linear infinite;height:60px;left:5%;opacity:1;top:10%;width:60px}.bg-circles .circle-2{-webkit-animation:squareToCircle 5s ease-in-out infinite;animation:squareToCircle 5s ease-in-out infinite;border:4px solid #e02f60;border:4px solid var(--main-color);height:90px;left:40%;opacity:.4;top:70%;width:90px}.bg-circles .circle-3{height:80px;opacity:.7;right:-35px;top:5%;width:80px}.bg-circles .circle-3,.bg-circles .circle-4{-webkit-animation:bounce 6s linear infinite;animation:bounce 6s linear infinite}.bg-circles .circle-4{height:50px;left:-25px;opacity:1;top:80%;width:50px}.bg-circles .effect-1{-webkit-animation:bounce 6s ease-in-out infinite;animation:bounce 6s ease-in-out infinite;bottom:15%;font-size:55px;height:40px;right:-25px;width:40px}.btn,button{font-family:inherit;-webkit-user-select:none;user-select:none}.btn{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:12px;color:#e02f60;color:var(--main-color);cursor:pointer;display:inline-block;font-size:15px;font-weight:500;line-height:1.5;overflow:hidden;padding:10px 28px;position:relative;text-transform:capitalize;transition:color .3s ease;vertical-align:middle}.btn:before{background-image:linear-gradient(90deg,#e02f60,#e02f60);background-image:linear-gradient(to right,var(--main-color),var(--main-color));content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.btn:hover:before{width:100%}.btn:hover{color:#fff}.home-section{padding:51px 0}.home-section.active{display:flex}.home-img,.home-text{padding:15px;width:50%}.home-text p{font-size:18px}.home-text h1{font-size:50px;text-transform:capitalize}.home-text h2{font-size:20px;font-weight:300;margin:0 0 30px;text-transform:capitalize}.home-text .btn{margin:0 15px 15px 0}.home-img .img-box{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:9px solid hsla(0,0%,100%,.25);border:9px solid var(--white-alpha-25);border-radius:12px;margin:auto;max-width:420px}.img-box2{left:60%}.img-box2,.img-box3{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:9px solid hsla(0,0%,100%,.25);border:9px solid var(--white-alpha-25);border-radius:12px;height:auto;width:12%}.img-box3{margin:0 88%;position:relative}.home-img .img-box img{border-radius:12px;width:100%}.sec-padding{padding:80px 0}.section-title{margin-bottom:40px;padding:0 15px;text-align:center;width:100%}.section-title h2{font-size:40px;text-transform:capitalize}.about-img{padding:0 15px;width:40%}.about-text{padding:0 15px;width:60%}.about-text p{word-break:break-word}.about-img .img-box{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:5px solid hsla(0,0%,100%,.4);border:5px solid var(--white-alpha-40);border-radius:12px;margin:auto;max-width:380px}.about-text .img-box img{width:100%}.about-text h3{font-size:20px;margin:20px 0;text-transform:capitalize}.about-text .skills{display:flex;flex-wrap:wrap}.about-text .skill-item{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:12px;margin:0 10px 10px 0;padding:5px 15px;text-transform:capitalize}.skills{display:flex;flex-wrap:wrap}.skill-item{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:12px;margin:0 10px 10px 0;padding:5px 15px;text-transform:capitalize}.about-tabs{margin-top:20px}.about-tabs .tab-item{background-color:initial;border:none;color:#18293c;color:var(--blue-dark);cursor:pointer;display:inline-block;font-size:20px;font-weight:500;margin:0 30px 0 0;opacity:.5;padding:2px 0;position:relative;text-transform:capitalize;transition:all .3s ease}.about-tabs .tab-item:last-child{margin:0}.about-tabs .tab-item:before{background-color:#18293c;background-color:var(--blue-dark);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.about-tabs .tab-item:hover:before{width:100%}.about-tabs .tab-item.active:before{background-color:#e02f60;background-color:var(--main-color);width:100%}.about-tabs .tab-item.active{color:#e02f60;color:var(--main-color);cursor:auto;opacity:1}.about-text .timeline{position:relative}.about-text .timeline.fade-out{margin:auto;opacity:0;transition:opacity .5s ease-in-out}.about-text .timeline:before{background-color:#e02f60;background-color:var(--main-color);content:"";height:100%;left:5px;position:absolute;top:0;transition:width .3s ease;width:1px;z-index:-1}.about-text .tab-content{display:none;padding:40px 0}.about-text .tab-content.active{display:block}.about-text .timeline-item{margin-bottom:30px;padding:10px 0 0 40px;position:relative}.about-text .timeline-item:before{background-color:#e02f60;background-color:var(--main-color);border-radius:12px;content:"";height:11px;left:0;position:absolute;top:16px;width:11px}.about-text .timeline-item:last-child{margin-bottom:0}.about-text .timeline-item .date{color:#e02f60;color:var(--main-color);display:block;font-family:inherit;font-weight:400;margin:0 0 10px}.about-text .timeline-item h4{font-size:18px;margin:0 0 10px;text-transform:capitalize}.about-text .timeline-item h4 span{font-weight:400}.about-text .btn{margin:0 15px 15px 0}.portfolio-section{padding-bottom:50px}.portfolio-item{margin:0 15px 30px;width:calc(33.33333% - 30px)}.portfolio-item h3{font-size:20px;margin:20px 0;text-transform:capitalize}.portfolio-item-thumbnail{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:12px;padding:10px}.portfolio-item-thumbnail img,.portfolio-item-thumbnail video{border-radius:12px;width:100%}.portfolio-popup{height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:200}.portfolio-popup.open{overflow-y:auto;visibility:visible}.pp-inner{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 15px}.pp-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-backdrop-filter:var(--backdrop-filter-blur);backdrop-filter:var(--backdrop-filter-blur);background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:12px;max-width:900px;opacity:0;padding:30px;-webkit-transform:scale(.9);transform:scale(.9);width:100%}.portfolio-popup.open .pp-content{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease}.pp-header{position:relative}.pp-header .btn{align-items:center;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:-50px;top:-50px;width:40px}.pp-thumbnail video{border-radius:12px}.pp-header h3{font-size:25px;margin:20px 0 15px;text-transform:capitalize}.pp-body .description{margin:0 0 30px}.pp-body .general-info li{font-weight:500;margin:0 0 10px;text-transform:capitalize}.pp-body .general-info li span{font-weight:300}.pp-body .general-info li a{color:#e02f60;color:var(--main-color);text-transform:lowercase}.contact-form,.contact-info{padding:0 15px;width:50%}.contact-form .input-group{margin-bottom:30px;width:100%}.contact-form .input-control::-webkit-input-placeholder{color:#18293c;color:var(--blue-dark);font-weight:300;opacity:.8}.contact-form .input-control::placeholder{color:#18293c;color:var(--blue-dark);font-weight:300;opacity:.8}.contact-form .input-control{background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid transparent;border-radius:12px;color:#18293c;color:var(--blue-dark);display:block;font-family:inherit;font-size:16px;font-weight:400;height:50px;padding:0 20px;transition:border-color .3s ease;width:100%}.contact-form .input-control:focus{border-color:hsla(0,0%,100%,.4);border-color:var(--white-alpha-40)}.contact-form textarea.input-control{height:120px;padding-top:15px;resize:none}.contact-info-item{margin:0 0 30px;padding:0 0 0 20px}.contact-info-item h3{font-size:20px;margin:0 0 5px;text-transform:capitalize}.contact-info-item .social-links a{align-items:center;background-color:hsla(0,0%,100%,.25);background-color:var(--white-alpha-25);border:1px solid hsla(0,0%,100%,.4);border:1px solid var(--white-alpha-40);border-radius:12px;color:#e02f60;color:var(--main-color);display:inline-flex;height:40px;justify-content:center;margin:6px 4px 0 0;transition:all .3s ease;width:40px}.contact-info-item .social-links a:hover{background-color:#e02f60;background-color:var(--main-color);color:#fff;color:var(--white)}@media(max-width:991px){.container{padding:0}.home-img,.home-text{width:100%}.home-text{text-align:center}.home-img{order:-1}.home-img .img-box{max-width:300px}.home-text .btn{margin:0 7px 15px}.portfolio-item{width:calc(50% - 30px)}.img-box2,.img-box3{display:none}}@media (max-width:767px){.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{margin-bottom:15px;order:-1}}@media (max-width:575px){.home-text h1,.section-title h2{font-size:30px}.home-text h2{font-size:18px}.pp-header h3{font-size:20px}}
/*# sourceMappingURL=main.b6fdff08.css.map*/