@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap";@keyframes flyInSpans{0%{top:100px;opacity:0;color:var(--playground)}60%{top:-10px;opacity:1}100%{top:0px;opacity:1;color:var(--black)}}@keyframes loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}100%{height:0%}}.loader-wrapper{width:100%;height:100%;z-index:9999;top:0;left:0;background-color:#242f3f;display:flex;justify-content:center;align-items:center;position:fixed;padding:0;margin:0}.loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #fff;animation:loader 2s infinite ease}.loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#fff;animation:loader-inner 2s infinite ease-in}@keyframes lightson{0%{text-shadow:0 0 0px var(--black),0 0 0px var(--black)}50%{text-shadow:0 0 10px var(--black),0 0 20px var(--black)}100%{text-shadow:0 0 0px var(--black),0 0 0px var(--black)}}@keyframes neontop{0%{left:-100%}100%{left:100%}}@keyframes neonright{0%{top:-100%}100%{top:100%}}@keyframes neonbottom{0%{right:-100%}100%{right:100%}}@keyframes neonleft{0%{bottom:-100%}100%{bottom:100%}}@keyframes playground{0%,100%{transform:scale(1);top:0px}50%{transform:scale(0.8);top:-3px}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}:root{--black: #333;--black2: #333;--white: #fff;--white2: #fff;--background: #fbf5d4;--background2: #fbf5d4;--playground: #f6c453}.dark{--black: #fff;--black2: #333;--white: #23272a;--white2: #333;--background: #23272a;--background2: #333;--playground: #01f9c6}.dark .theme-switch::before{content:"";font-family:"Font Awesome 5 Free"}.dark .theme-switch::after{content:"Elegant Mode"}.dark .navigation{border-right:1px solid rgba(0,0,0,.5)}.dark .navigation ul li a:hover{text-shadow:0 0 10px var(--black),0 0 20px var(--black)}.dark .navigation ul li a.active{text-shadow:0 0 10px var(--black),0 0 20px var(--black);animation:lightson 3s ease infinite}.dark h3.animate{animation:lightson 3s ease}.dark h3:hover{text-shadow:0 0 10px var(--black),0 0 20px var(--black)}.dark .title h2{cursor:pointer;transition:.5s}.dark .title h2:hover{text-shadow:0 0 10px var(--black),0 0 20px var(--black)}.dark .main .topbar{border-bottom:1px solid rgba(0,0,0,.5)}.dark .main .topbar .logo{animation:lightson 3s ease infinite}.dark p{color:var(--black)}.dark .btn{overflow:hidden}.dark .btn span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #01f9c6);animation:neontop 2s infinite}.dark .btn span:nth-child(2){right:0;top:-100%;height:100%;width:2px;background:linear-gradient(180deg, transparent, #01f9c6);animation:neonright 2s infinite .5s}.dark .btn span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg, transparent, #01f9c6);animation:neonbottom 2s infinite 1s}.dark .btn span:nth-child(4){left:0;bottom:-100%;height:100%;width:2px;background:linear-gradient(0deg, transparent, #01f9c6);animation:neonleft 2s infinite 1.5s}.dark .btn:hover{background:#01f9c6;color:var(--white);box-shadow:0 0 10px #01f9c6,0 0 20px #01f9c6;transition:linear .5s}.dark section a{position:relative;overflow:hidden}.dark section a span{position:absolute;display:block}.dark section.banner .playground .block span.animate{top:0;opacity:1;color:var(--black)}.dark section.banner .playground .block span.animate:hover{color:var(#01f9c6);transform:scale(0.8);transition:.1s transform,0s color;text-shadow:0 0 10px #01f9c6}.dark section.banner .content ul.social-media li:nth-child(1) a{background:rgba(0,0,0,.7)}.dark section.banner .content ul.social-media li:nth-child(1) a:hover{background:#0ff0fc;box-shadow:0 0 10px #0ff0fc,0 0 20px #0ff0fc;transition:linear .5s;transition-delay:.6s}.dark section.banner .content ul.social-media li:nth-child(1) a:hover span:nth-child(1){left:100%;transition:.3s}.dark section.banner .content ul.social-media li:nth-child(1) a:hover span:nth-child(2){top:100%;transition:.3s;transition-delay:.15s}.dark section.banner .content ul.social-media li:nth-child(1) a:hover span:nth-child(3){right:100%;transition:.3s;transition-delay:.3s}.dark section.banner .content ul.social-media li:nth-child(1) a:hover span:nth-child(4){bottom:100%;transition:.3s;transition-delay:.45s}.dark section.banner .content ul.social-media li:nth-child(1) a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #0ff0fc);animation:neontop 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(1) a span:nth-child(2){right:0;top:-100%;height:100%;width:2px;background:linear-gradient(180deg, transparent, #0ff0fc);animation:neonright 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(1) a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg, transparent, #0ff0fc);animation:neonbottom 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(1) a span:nth-child(4){left:0;bottom:-100%;height:100%;width:2px;background:linear-gradient(0deg, transparent, #0ff0fc);animation:neonleft 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(2) a{background:rgba(0,0,0,.7)}.dark section.banner .content ul.social-media li:nth-child(2) a:hover{background:#bc13fe;box-shadow:0 0 10px #bc13fe,0 0 20px #bc13fe;transition:linear .5s;transition-delay:.6s}.dark section.banner .content ul.social-media li:nth-child(2) a:hover span:nth-child(1){left:100%;transition:.3s}.dark section.banner .content ul.social-media li:nth-child(2) a:hover span:nth-child(2){top:100%;transition:.3s;transition-delay:.15s}.dark section.banner .content ul.social-media li:nth-child(2) a:hover span:nth-child(3){right:100%;transition:.3s;transition-delay:.3s}.dark section.banner .content ul.social-media li:nth-child(2) a:hover span:nth-child(4){bottom:100%;transition:.3s;transition-delay:.45s}.dark section.banner .content ul.social-media li:nth-child(2) a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #bc13fe);animation:neontop 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(2) a span:nth-child(2){right:0;top:-100%;height:100%;width:2px;background:linear-gradient(180deg, transparent, #bc13fe);animation:neonright 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(2) a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg, transparent, #bc13fe);animation:neonbottom 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(2) a span:nth-child(4){left:0;bottom:-100%;height:100%;width:2px;background:linear-gradient(0deg, transparent, #bc13fe);animation:neonleft 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(3) a{background:rgba(0,0,0,.7)}.dark section.banner .content ul.social-media li:nth-child(3) a:hover{background:#007ab9;box-shadow:0 0 10px #007ab9,0 0 20px #007ab9;transition:linear .5s;transition-delay:.6s}.dark section.banner .content ul.social-media li:nth-child(3) a:hover span:nth-child(1){left:100%;transition:.3s}.dark section.banner .content ul.social-media li:nth-child(3) a:hover span:nth-child(2){top:100%;transition:.3s;transition-delay:.15s}.dark section.banner .content ul.social-media li:nth-child(3) a:hover span:nth-child(3){right:100%;transition:.3s;transition-delay:.3s}.dark section.banner .content ul.social-media li:nth-child(3) a:hover span:nth-child(4){bottom:100%;transition:.3s;transition-delay:.45s}.dark section.banner .content ul.social-media li:nth-child(3) a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #007ab9);animation:neontop 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(3) a span:nth-child(2){right:0;top:-100%;height:100%;width:2px;background:linear-gradient(180deg, transparent, #007ab9);animation:neonright 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(3) a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg, transparent, #007ab9);animation:neonbottom 1s;animation-iteration-count:3}.dark section.banner .content ul.social-media li:nth-child(3) a span:nth-child(4){left:0;bottom:-100%;height:100%;width:2px;background:linear-gradient(0deg, transparent, #007ab9);animation:neonleft 1s;animation-iteration-count:3}.dark section.about .title h2.animate{animation:lightson 3s ease}.dark section.services .title h2.animate{animation:lightson 3s ease}.dark section.services .content .wrap{border:1px solid rgba(0,0,0,.5);position:relative;overflow:hidden}.dark section.services .content .wrap span{position:absolute}.dark section.services .content .wrap:nth-child(1) img{filter:invert(1)}.dark section.services .content .wrap:nth-child(1):hover{background:#fc8427;box-shadow:0 0 10px #fc8427,0 0 20px #fc8427;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(1):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(1):hover h2,.dark section.services .content .wrap:nth-child(1):hover p{color:var(--black2)}.dark section.services .content .wrap:nth-child(2):hover{background:#0ff0fc;box-shadow:0 0 10px #0ff0fc,0 0 20px #0ff0fc;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(2):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(2):hover h2,.dark section.services .content .wrap:nth-child(2):hover p{color:var(--black2)}.dark section.services .content .wrap:nth-child(2) img{filter:invert(1)}.dark section.services .content .wrap:nth-child(3):hover{background:#8f00f1;box-shadow:0 0 10px #8f00f1,0 0 20px #8f00f1;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(3):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(3):hover h2,.dark section.services .content .wrap:nth-child(3):hover p{color:#fff}.dark section.services .content .wrap:nth-child(3) img{filter:invert(1)}.dark section.services .content .wrap:nth-child(4):hover{background:#fffc00;box-shadow:0 0 10px #fffc00,0 0 20px #fffc00;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(4):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(4):hover h2,.dark section.services .content .wrap:nth-child(4):hover p{color:var(--black2)}.dark section.services .content .wrap:nth-child(4) img{filter:invert(1)}.dark section.services .content .wrap:nth-child(5):hover{background:#60f;box-shadow:0 0 10px #60f,0 0 20px #60f;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(5):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(5):hover h2,.dark section.services .content .wrap:nth-child(5):hover p{color:#fff}.dark section.services .content .wrap:nth-child(6):hover{background:#5ff;box-shadow:0 0 10px #5ff,0 0 20px #5ff;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(6):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(6):hover h2,.dark section.services .content .wrap:nth-child(6):hover p{color:var(--black2)}.dark section.services .content .wrap:nth-child(7):hover{background:#c3012f;box-shadow:0 0 10px #c3012f,0 0 20px #c3012f;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(7):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(7):hover h2,.dark section.services .content .wrap:nth-child(7):hover p{color:#fff}.dark section.services .content .wrap:nth-child(8):hover{background:#92c63d;box-shadow:0 0 10px #92c63d,0 0 20px #92c63d;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(8):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(8):hover h2,.dark section.services .content .wrap:nth-child(8):hover p{color:var(--black2)}.dark section.services .content .wrap:nth-child(9):hover{background:#fff;box-shadow:0 0 10px #fff,0 0 20px #fff;transition:linear .5s;color:#333}.dark section.services .content .wrap:nth-child(9):hover img{filter:invert(1)}.dark section.services .content .wrap:nth-child(9):hover h2,.dark section.services .content .wrap:nth-child(9):hover p{color:var(--black2)}.dark section.contact .title h2.animate{animation:lightson 3s ease}.dark section.contact .contact-form .row2 input[type=submit]{background:rgba(0,0,0,.7);color:#fff}.dark section.contact .contact-form .row2 input[type=submit]:hover{background:#01f9c6;box-shadow:0 0 10px #01f9c6,0 0 20px #01f9c6;transition:linear .5s;color:var(--white)}.dark section.projects .title h2.animate{animation:lightson 3s ease}.dark section.projects .content .projects-wrap .text h3,.dark section.projects .content .projects-wrap .text p{color:rgba(0,0,0,.7)}h3{position:relative;font-size:1.4em;color:var(--black);letter-spacing:2px;text-transform:uppercase;transition:1s ease;top:100px;opacity:0}h3.animate{top:0px;opacity:1}p{color:#777}.btn{position:relative;display:inline-block;padding:10px 40px;background:rgba(0,0,0,.7);color:#fff;font-weight:400;letter-spacing:1px;margin-top:10px;text-decoration:none;transition:ease .3s;top:100px;opacity:1;transition:1s}.btn:hover{background:var(--black2);color:#fff}.btn.animate{top:0px;opacity:1}.title{width:100%;text-align:center}.title h2{position:relative;text-transform:uppercase;letter-spacing:2px;font-size:1.2em;margin-bottom:30px;color:var(--black)}.title h2:before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;width:50px;height:1px;background:var(--black)}.theme-switch{position:absolute;bottom:20px;left:40px;width:40px;height:40px;background:var(--black);cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white)}.theme-switch:before{content:"";font-family:"Font Awesome 5 Free"}.theme-switch:after{content:"Neon Night Mode";position:absolute;left:45px;font-size:1em;color:var(--black);white-space:nowrap;font-weight:300;letter-spacing:1px;pointer-events:none}.navigation{position:fixed;width:300px;height:100%;border-right:1px solid rgba(0,0,0,.05);background:var(--background2);display:flex;justify-content:center;align-items:center;overflow:hidden;transition:width ease .5s,left ease .5s;z-index:2}@media(max-width: 1365px){.navigation{z-index:999;width:0}}@media(max-width: 992px){.navigation{z-index:2;width:0;max-height:100vh;left:-100%}}.navigation.active{width:0}@media(max-width: 1365px){.navigation.active{width:300px}}@media(max-width: 992px){.navigation.active{left:0;width:100%}}.navigation ul{position:relative;top:0;left:0;width:100%;padding:20px 40px}.navigation ul li{position:relative;width:100%;list-style:none;left:-50px;transition:all ease 1s;opacity:0}.navigation ul li.animate{left:0px;opacity:1}.navigation ul li a{position:relative;display:block;width:100%;margin:10px 0;white-space:normal;display:flex;text-transform:uppercase;text-decoration:none;color:var(--black);font-weight:500;letter-spacing:2px;opacity:.5;cursor:pointer}.navigation ul li a:hover{opacity:1}.navigation ul li a.active{opacity:1}.page-content{overflow-x:hidden;background:var(--background)}.main{padding-left:300px;transition:width ease .5s,margin ease .5s,padding .5s;background:var(--background)}@media(max-width: 1365px){.main{padding-left:0;width:100%}}@media(max-width: 992px){.main{margin-left:0}}.main.active{width:100%;padding-left:0px}@media(max-width: 992px){.main.active{margin-left:100%}}.main .topbar{position:fixed;top:0;width:calc(100% - 300px);left:300px;background:var(--background2);border-bottom:1px solid rgba(0,0,0,.05);height:60px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;z-index:999;transition:width .5s,left .5s}@media(max-width: 1365px){.main .topbar{left:0;width:100%}}@media(max-width: 992px){.main .topbar{left:0;width:100%}}.main .topbar.active{width:calc(100% - 0px);left:0px}@media(max-width: 1365px){.main .topbar.active{left:300px;width:calc(100% - 300px)}}@media(max-width: 992px){.main .topbar.active{left:0;width:100%}}.main .topbar .logo{color:var(--black);font-weight:700;text-decoration:none;font-size:1.4em;text-transform:uppercase;letter-spacing:1px}.main .topbar .toggle{position:relative;width:60px;height:60px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:24px;color:var(--black)}.adjust{position:relative;width:100%;padding:0 40px;padding-top:150px;padding-bottom:150px;background:var(--white);display:inline-block}@media(max-width: 992px){.adjust{padding:100px 40px}}@media(max-width: 767px){.adjust{min-height:50vh}}section{position:relative}@media(max-width: 767px){section{min-height:50vh}}section.banner{display:flex;background:var(--background);padding:200px 0px;flex-wrap:wrap}@media(max-width: 1600px){section.banner{padding:100px 0px}}@media(max-width: 992px){section.banner{padding:50px 0px}}section.banner .playground{width:49%;padding-left:40px;padding-right:40px;display:flex;flex-direction:column;justify-content:center}@media(max-width: 992px){section.banner .playground{width:100%}}section.banner .playground .block span{position:relative;font-size:2.5vw;font-weight:bold;color:var(--playground);top:100px;opacity:0;letter-spacing:-3px;display:inline-block;cursor:pointer;transition:1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;transform:scale(1)}@media(max-width: 767px){section.banner .playground .block span{letter-spacing:0px;font-size:4vw}}@media(max-width: 992px){section.banner .playground .block span{font-size:5vw;letter-spacing:1px}}@media(max-width: 1365px){section.banner .playground .block span{letter-spacing:1px}}@media(max-width: 1600px){section.banner .playground .block span{letter-spacing:1px}}section.banner .playground .block span.spacing{letter-spacing:2px;padding:0 5px}@media(max-width: 992px){section.banner .playground .block span.spacing{letter-spacing:0px;padding:0 2px}}section.banner .playground .block span.animate{top:0;opacity:1;color:var(--black)}section.banner .playground .block span.animate:hover{color:var(--playground);transform:scale(0.8);transition:.1s transform,0s color}section.banner .playground p{position:relative;top:100px;opacity:0;transition:ease 1s;transition-delay:4s}section.banner .playground p.animate{top:0;opacity:1}@media(max-width: 992px){section.banner .playground p{text-align:center}}section.banner .content{width:49%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:80px}@media(max-width: 992px){section.banner .content{width:100%}}section.banner .content .img{position:relative;width:400px;height:400px;right:-200px;opacity:0;overflow:hidden;border-radius:50%;margin-bottom:50px;transition:all ease 1s;transition-delay:1s}section.banner .content .img.animate{right:0px;opacity:1}@media(max-width: 1600px){section.banner .content .img{width:300px;height:300px}}@media(max-width: 992px){section.banner .content .img{width:300px;height:300px}}@media(max-width: 767px){section.banner .content .img{width:200px;height:200px}}section.banner .content .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:100% 45%;object-position:100% 45%}section.banner .content a{margin-bottom:60px}section.banner .content ul.social-media{display:flex}section.banner .content ul.social-media li{list-style:none}section.banner .content ul.social-media li a{display:inline-block;width:40px;height:40px;background:rgba(0,0,0,.1);margin:5px;display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--black);font-size:1.2em;position:relative;top:100px;opacity:0;transition:1s ease}section.banner .content ul.social-media li a:hover{background:var(--black2);color:#fff}section.banner .content ul.social-media li a.animate{top:0px;opacity:1}section.about{background:var(--background)}section.about .title h2{top:100px;opacity:0;transition:1s ease}section.about .title h2.animate{top:0;opacity:1}section.about .content{display:flex;justify-content:space-between;margin-top:40px}@media(max-width: 767px){section.about .content{flex-direction:column}}section.about .content .textBox{width:49%;min-width:49%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;right:200px;opacity:0;transition:1s ease}section.about .content .textBox.animate{right:0px;opacity:1}@media(max-width: 767px){section.about .content .textBox{width:100%;max-width:100%;text-align:justify}}section.about .content .textBox .title{padding-top:30px}section.about .content .img{position:relative;margin-left:40px;left:150px;transition:2s ease;opacity:0}section.about .content .img.animate{opacity:1;left:0}@media(max-width: 767px){section.about .content .img{margin-left:0px;padding-top:20px}}section.about .content .img img{max-width:100%}section.services{background:var(--background)}section.services .title h2{top:100px;opacity:0;transition:1s ease}section.services .title h2.animate{top:0px;opacity:1}section.services .content{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;margin:40px 0}@media(max-width: 992px){section.services .content{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){section.services .content{grid-template-columns:repeat(1, 1fr)}}section.services .content .wrap{border:1px solid rgba(0,0,0,.05);padding:50px 20px;display:flex;background:var(--background);align-items:center;flex-direction:column;transition:all ease .5s;position:relative;opacity:0;top:100px;transition:all ease 1s}section.services .content .wrap.animate{opacity:1;top:0}section.services .content .wrap:hover{transition:all ease 1s;background:rgba(0,0,0,.5)}section.services .content .wrap:hover h2,section.services .content .wrap:hover p{color:#fff}section.services .content .wrap img{max-width:100px}section.services .content .wrap h2{font-size:1.1em;margin-top:20px;margin-bottom:10px;font-weight:600;color:var(--black);text-align:center;letter-spacing:2px;text-transform:uppercase}section.services .content .wrap p{text-align:center}section.projects{background:var(--background)}section.projects .title h2{opacity:0;bottom:100px;transition:all ease 1s}section.projects .title h2.animate{opacity:1;bottom:0}section.projects .content{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px;margin:40px 0}@media(max-width: 992px){section.projects .content{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){section.projects .content{grid-template-columns:repeat(1, 1fr)}}section.projects .content .projects-wrap{position:relative;width:100%;height:400px;overflow:hidden;opacity:0;transition:all ease 1s}section.projects .content .projects-wrap:nth-child(even){top:100px}section.projects .content .projects-wrap:nth-child(odd){top:-100px}section.projects .content .projects-wrap.animate{top:0px;opacity:1}section.projects .content .projects-wrap:hover .img{transform:translateY(-100%)}section.projects .content .projects-wrap:hover .text{transform:translateY(0)}section.projects .content .projects-wrap .img{position:relative;width:100%;height:100%;transform:translateY(0);transition:.5s ease-in-out}section.projects .content .projects-wrap .img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section.projects .content .projects-wrap .text{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(100%);transition:.5s ease-in-out}section.projects .content .projects-wrap .text h3{color:#fff;font-size:1.5em}section.contact{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:var(--background)}@media(max-width: 992px){section.contact{padding-top:50px}}@media(max-width: 767px){section.contact{padding-bottom:50px}}section.contact .title h2{opacity:0;top:-100px;transition:all ease 1s}section.contact .title h2.animate{opacity:1;top:0px}section.contact .contact-form{position:relative;width:100%;max-width:800px;margin-top:20px;top:150px;opacity:0;transition:all ease 1s}section.contact .contact-form.animate{top:0;opacity:1}section.contact .contact-form .row{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px;margin-top:20px}@media(max-width: 767px){section.contact .contact-form .row{grid-template-columns:repeat(1, 1fr)}}section.contact .contact-form .row input{width:100%;padding:10px;border:none;outline:none;color:var(--black);background:var(--white2);font-size:16px;border:1px solid rgba(0,0,0,.1)}section.contact .contact-form .row2{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center}section.contact .contact-form .row2 textarea{width:100%;padding:10px;border:none;outline:none;color:var(--black);background:var(--white2);font-size:16px;border:1px solid rgba(0,0,0,.1);resize:none;height:200px}@media(max-width: 767px){section.contact .contact-form .row2 textarea{height:400px}}section.contact .contact-form .row2 input[type=submit]{background:var(--black2);color:#fff;padding:10px 30px;display:inline-block;font-weight:500;letter-spacing:2px;cursor:pointer;font-size:16px;text-transform:uppercase;max-width:150px;border:none}section.contact .contact-form .row2 input[type=submit]:hover{background:rgba(0,0,0,.9)}/*# sourceMappingURL=main.css.map */