html{scroll-behavior:smooth!important}body{color:#0f1827;font-family:Open Sans,sans-serif}a{color:#149ddd}a,a:hover{text-decoration:none}a:hover{color:#37b3ed}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}#header{background:#040b14;bottom:0;left:0;overflow-y:auto;padding:0 15px;position:fixed;top:0;transition:all .5s ease-in-out;transition:all .5s;width:250px;z-index:9997}#header .profile img{border:8px solid #2c2f3f;display:block;margin:15px auto;width:120px}#header .profile h1{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0;padding:0;-moz-text-align-last:center;text-align-last:center}#header .profile h1 a,#header .profile h1 a:hover{color:#fff;text-decoration:none}#header .profile .db-logo{border:none;height:auto;width:20px}#header .profile .social-links a{background:#212431;border-radius:50%;color:#fff;display:inline-block;font-size:18px;height:36px;line-height:1;margin-right:4px;padding:8px 0;text-align:center;transition:.3s;width:36px}#header .profile .social-links a:hover{background:#6effdc;color:#0f1827;text-decoration:none}#main{margin-left:250px}#header.show{left:0}#toggleNav{background-color:#020c1b;border:none;border-radius:50%;color:#6effdc;font-size:2rem;height:3rem;margin:0;padding:0;position:fixed;right:-100px;top:10px;width:3rem;z-index:999}#toggleNav:hover{background-color:#6effdc;color:#020c1b;font-weight:700}@media (max-width:990px){#header{left:-300px}#toggleNav{right:10px}#main{margin-left:0}}.nav-menu{padding:30px 0 0}.nav-menu *{list-style:none;margin:0;padding:0}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a,.nav-menu a:focus{align-items:center;color:#a8a9b4;display:flex;font-size:15px;margin-bottom:4px;padding:12px 15px;transition:.3s}.nav-menu a i,.nav-menu a:focus i{color:#6f7180;font-size:24px;padding-right:8px}.nav-menu .active,.nav-menu .active:focus,.nav-menu a:hover,.nav-menu li:hover>a{color:#fff;text-decoration:none}.nav-menu .active i,.nav-menu .active:focus i,.nav-menu a:hover i,.nav-menu li:hover>a i{color:#6effdc}.mobile-nav-toggle{align-items:center;background-color:#149ddd;border:0;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:24px;height:40px;justify-content:center;line-height:0;outline:none!important;position:fixed;right:15px;top:15px;transition:all .4s;width:40px;z-index:9998}.mobile-nav-active{overflow:hidden}.mobile-nav-active #header{left:0}.breadcrumbs{background:#f9f9f9;padding:20px 0}.breadcrumbs h2{font-size:26px;font-weight:300}.breadcrumbs ol{display:flex;flex-wrap:wrap;font-size:15px;list-style:none;margin:0;padding:0}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li:before{color:#0e2442;content:"/";display:inline-block;padding-right:10px}@media (max-width:768px){.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}#hero{background:url(../img/coder.webp) top;background-size:cover;height:100vh;overflow:hidden;width:100%}#hero:before{background:rgba(5,13,24,.3);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}#hero .hero-container{min-width:300px;position:relative;z-index:2}#hero h1{color:#fff;font-size:64px;font-weight:700;line-height:56px;margin:0 0 10px}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-width:990px){#hero h1{font-size:3rem;line-height:36px;margin-bottom:.8rem}}@media (max-width:640px){#hero h1{font-size:1.5rem}}.heroType{color:#fff;font-size:1rem;margin-bottom:5rem}.type-one{left:0;position:relative;top:0}.scroll-down-arrow{align-items:center;bottom:0;cursor:pointer;display:flex;height:160px;justify-content:center;position:absolute;width:40px;z-index:999}.chevron{animation:move-chevron 3s ease-out infinite;height:.12rem;margin:0;opacity:0;padding:0;position:absolute;transform:scale(.3);width:1.2rem}.chevron:first-child{animation:move-chevron 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move-chevron 3s ease-out 2s infinite}.chevron:after,.chevron:before{background:rgba(173,242,235,.8);content:"";height:100%;position:absolute;top:0;width:50%}.chevron:before{left:0;transform:skewY(30deg)}.chevron:after{right:0;transform:skewY(-30deg);width:50%}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;transform:translateY(2.28rem)}66.6%{opacity:1;transform:translateY(3.12rem)}to{opacity:0;transform:translateY(4.8rem) scale(.5)}}section{overflow:hidden;padding:60px 0}.section-bg{background:#f5f8fd}.section-title{padding-bottom:30px}.section-title h2{color:#0f1827;font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}.section-title h2:after{background:#0f1827;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:50px}.section-title p{margin-bottom:0}.about .btn-about{align-items:end;display:flex;flex-direction:column;justify-content:end;margin-right:1rem;margin-top:2rem}.about img{max-width:400px}.about a{background-color:#0f1827;border:1px solid #020c1b;color:#6effdc;margin-bottom:1rem}.about a:hover{background-color:#6effdc;border:1px solid #0f1827;color:#0f1827}.about .content h3{color:#0f1827;font-size:26px;font-weight:700}.about .content ul{list-style:none;padding:0}.about .content ul li{align-items:center;display:flex;margin-bottom:20px}.about .content ul strong{margin-right:10px}.about .content ul i{color:#0f1827;font-size:16px;line-height:0;margin-right:5px}.about .content p:last-child{margin-bottom:0}@media (max-width:990px){.about .btn-about{align-items:center;display:flex;flex-direction:row;justify-content:start;margin:1rem}.about .btn-about .row{margin-right:1rem}}.skills-content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}.skills-content img{height:auto;margin:.5rem;padding:0;width:30px}.skills-content img:hover{box-shadow:-2px 2px 4px hsla(0,0%,4%,.8);transform:translate(1px,-1px);transition:all .3s ease-in-out}.badges{display:flex;flex-wrap:wrap;max-width:75%;min-width:250px}.dev-icons{align-items:center;color:#fff;cursor:default;display:flex;font-weight:700;height:40px;margin:0;padding:0;width:165px}.dev-icons i{font-size:3rem;padding:0 5px}.dev-icons:hover{box-shadow:-2px 2px 4px hsla(0,0%,4%,.8);transform:translate(1px,-1px);transition:all .3s ease-in-out}.icons-stack{display:flex;flex-direction:column;padding:5px}.card-container{float:left;padding:1em 0;width:50%}@media screen and (max-width:640px){.card-container{display:block;width:100%}}@media screen and (min-width:900px){.card-container{width:33.33333%}}.card-container{color:#1a1a1a;margin-bottom:10px;text-align:center}.card-content{margin:auto;max-width:400px;overflow:hidden;position:relative;width:90%}.card-content .card-overlay{background:rgba(0,0,0,.9);bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease-in-out 0s;width:100%}.card-content:hover .card-overlay{opacity:1}.card-image{height:auto;overflow:hidden;width:100%}.card-details{left:50%;opacity:0;padding-left:1em;padding-right:1em;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s;width:100%}.card-details a{background-color:#0f1827;border:2px solid #6effdc;color:#6effdc}.card-details a:hover{background-color:#6effdc;color:#0f1827}.card-content:hover .card-details{left:50%;opacity:1;top:50%}.card-details h3{color:#fff;font-weight:600;margin-bottom:.5em;text-transform:uppercase}.card-details p{color:#fff;margin:0 0 .5rem;padding:0}.fadeIn-bottom{top:80%}.portfolio #portfolio-flters{background:#fff;border-radius:50px;list-style:none;margin:0 auto 35px;padding:2px 15px;text-align:center}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;line-height:1;margin-bottom:5px;padding:10px 15px 8px;transition:all .3s ease-in-out}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap:before{background:hsla(0,0%,100%,.5);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .6s ease-in-out;z-index:2}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{background-color:#fff;border:1px solid #149ddd;height:12px;opacity:1;width:12px}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#149ddd}.portfolio-details .portfolio-info{box-shadow:0 0 30px rgba(5,13,24,.08);padding:30px}.portfolio-details .portfolio-info h3{border-bottom:1px solid #eee;font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px}.portfolio-details .portfolio-info ul{font-size:15px;list-style:none;padding:0}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-info a{background-color:#0f1827;border:1px solid #020c1b;color:#6effdc;margin-bottom:1rem}.portfolio-details .portfolio-info a:hover{background-color:#6effdc;border:1px solid #0f1827;color:#0f1827}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.portfolio-details .portfolio-description a{background-color:#0f1827;border:1px solid #020c1b;color:#6effdc;margin-bottom:1rem}.portfolio-details .portfolio-description a:hover{background-color:#6effdc;border:1px solid #0f1827;color:#0f1827}#blog .card{border-radius:5px;box-shadow:0 0 24px 0 rgba(0,0,0,.12);margin:10px auto 10px 1rem;max-width:80%}#blog .card-title{font-weight:700;text-transform:uppercase}#blog .card-image{max-width:400px;width:100%}#blog .card-text{background-color:#fff;color:#000;font-style:italic;margin-bottom:10px;margin-top:10px}#blog a{background-color:#0f1827;border:1px solid #020c1b;color:#6effdc;margin-bottom:1rem}#blog a:hover{background-color:#6effdc;border:1px solid #0f1827;color:#0f1827}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*0)}.modal.details-modal{margin-left:130px;overflow-y:scroll;width:100%}.modal.details-modal .modal-dialog{display:flex;justify-content:center;margin:0;max-width:100%;padding:1rem;width:100%}.modal.details-modal .modal-dialog .modal-content{border-color:#d3d3d3;border-radius:3px;margin:0;max-width:73vw;padding:0;width:100vw}@media (max-width:990px){.modal.details-modal{margin-left:0;padding:0}.modal.details-modal .modal-dialog .modal-content{max-width:100%}.modal.details-modal .modal-dialog{padding-top:4rem}}#footer{background:#040b14;bottom:0;color:#f4f6fd;font-size:14px;left:0;padding-bottom:15px;padding-top:1px;position:static;width:100%;z-index:9999}#footer a{color:#6effdc;cursor:pointer}.copyright,.credits{text-align:center}.credits{color:#eaebf0;font-size:13px;padding-top:5px}.btn-contianer{min-height:60px;min-width:170px}.contactbtn a{background-color:#020c1b;box-shadow:3px 4px 9px 3px rgba(0,0,0,.75);-webkit-box-shadow:3px 4px 9px 3px rgba(0,0,0,.75);-moz-box-shadow:3px 4px 9px 3px rgba(0,0,0,.75);color:#adf2eb;font-size:1rem;letter-spacing:.1rem;overflow:hidden;padding:15px 30px;position:absolute;text-decoration:none;z-index:4}.contactbtn a:before{background:hsla(0,0%,100%,.05);bottom:2px;content:"";left:2px;position:absolute;top:2px;width:50%}.contactbtn a span:first-child{animation:animateContactButton1 2s linear infinite;animation-delay:1s;background:linear-gradient(90deg,#0a192f,#adf2eb);height:2px;left:0;position:absolute;top:0;width:100%}@keyframes animateContactButton1{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.contactbtn a span:nth-child(2){animation:animateContactButton2 2s linear infinite;background:linear-gradient(180deg,#0a192f,#adf2eb);height:100%;position:absolute;right:0;top:0;width:2px}@keyframes animateContactButton2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.contactbtn a span:nth-child(3){animation:animateContactButton3 2s linear infinite;animation-delay:1s;background:linear-gradient(270deg,#0a192f,#adf2eb);bottom:0;height:2px;left:0;position:absolute;width:100%}@keyframes animateContactButton3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.contactbtn a span:nth-child(4){animation:animateContactButton4 2s linear infinite;background:linear-gradient(0deg,#0a192f,#adf2eb);height:100%;left:0;position:absolute;top:0;width:2px}@keyframes animateContactButton4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@media (max-width:990px){.contactbtn a{font-size:.8rem}}.code-icons{color:#fff;font-size:3rem;margin-top:8rem}.code-icons ul li{display:inline-block;padding:0 10px}.code-icons ul li img{height:50px;width:auto}@media (max-width:950px){.code-icons{font-size:2rem;margin-top:4rem}}#back-top{background-color:#0f1827;border-radius:50%;bottom:10px;display:none;height:50px;position:fixed;right:10px;transition:bottom 1s;width:50px}a#back-top{display:block;text-decoration:none}.topup{bottom:5px}#back-top i{color:#6effdc;display:block;font-size:2rem;font-weight:700;text-align:center}#back-top:hover{background-color:#6effdc;border:1px solid #0f1827}#back-top i:hover{color:#0f1827}#back-top.shift{bottom:90px;transition:bottom 1s}@media (max-width:980px){#back-top.shift{bottom:110px;transition:bottom 1s}}@media (max-width:390px){#back-top.shift{bottom:130px;transition:bottom 1s}}.contact{padding-bottom:130px}.contact input,.contact textarea{border:1px solid #0f1827}.contact .info{background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.12);padding:30px;width:100%}.contact .info i{align-items:center;background:#0f1827;border-radius:50px;color:#6effdc;display:flex;float:left;font-size:20px;height:44px;justify-content:center;transition:all .3s ease-in-out;width:44px}.contact .info h4{color:#0f1827;font-size:22px;font-weight:600;margin-bottom:5px;padding:0 0 0 60px}.contact .info p{color:#0f1827;font-size:14px;margin-bottom:20px;padding:0 0 10px 60px}.contact .info .email a,.contact .info .phone a{color:#2b4571;cursor:pointer;font-size:1rem}.contact .info .email a:hover,.contact .info .phone a:hover{color:#4973b9;font-size:1.05rem;transition:font-size .5s}.contact .info .email a:not(:hover),.contact .info .phone a:not(:hover){color:#2b4571;font-size:1rem;transition:font-size .5s}.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i{background:#6effdc;border:1px solid #0f1827;color:#0f1827}.contact .emailSend a{background-color:#0f1827;border-radius:5px;color:#6effdc;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;padding:4px 0}.contact .emailSend a:hover{background-color:#6effdc;border:1px solid #0f1827;color:#0f1827}@keyframes animate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#closeCaptchaModal,#emailSuccessModal{background:rgba(191,229,243,.5);bottom:0;display:grid;left:0;opacity:0;padding-left:10%;place-content:center;pointer-events:none;position:fixed;right:0;top:0;transition:all .5s;visibility:hidden;z-index:99999999}#closeCaptchaModal:target,#emailSuccessModal:target{opacity:1;pointer-events:auto;visibility:visible}.modal-content{background:#fff;border:2px solid #0f1827;border-radius:10px;margin:.5em;max-width:350px;padding:1.2em;width:60vw}#closeCaptchaModal .modal-body{min-height:240px}#emailSuccessModal .modal-content{border:2px solid #149ddd;max-width:20rem}#emailSuccessModal .modal-content a{background-color:#149ddd;display:flex;font-weight:700;justify-content:center}.modal-content .close{background-color:#a079e9;border-radius:5px;color:#fff;display:inline-block;font-size:.9rem;padding:.8em 1.2em;position:relative;text-decoration:none}.modal-content .close:hover{background-color:#7c68ea}.modal-content .close:active{bottom:1px}@media (max-width:516px){#closeCaptchaModal,#emailSuccessModal{padding-left:0}#closeCaptchaModal .modal-content{width:350px}}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(../fonts/open-sans-v36-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(../fonts/open-sans-v36-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(../fonts/raleway-v29-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:700;src:url(../fonts/raleway-v29-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(../fonts/poppins-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(../fonts/poppins-v20-latin-700.woff2) format("woff2")}