*,*::after,*::before{margin:0;padding:0;box-sizing:inherit;font-family:inherit}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 75em){html{font-size:59%}}@media only screen and (max-width: 56.25em){html{font-size:56%}}@media only screen and (min-width: 112.5em){html{font-size:65%}}body{box-sizing:border-box;position:relative;line-height:1.5;font-family:sans-serif;overflow:hidden;font-family:"Source Sans Pro", sans-serif}a{text-decoration:none;color:inherit}li{list-style:none}input:focus,button:focus,a:focus,textarea:focus{outline:none}button{border:none;cursor:pointer}textarea{resize:none}.heading-primary{font-size:4.5rem;text-transform:uppercase;letter-spacing:3px;text-align:center}@media only screen and (max-width: 37.5em){.heading-primary{letter-spacing:1px;font-size:4rem}}.heading-sec__mb-bg{margin-bottom:11rem}@media only screen and (max-width: 56.25em){.heading-sec__mb-bg{margin-bottom:8rem}}.heading-sec__mb-med{margin-bottom:9rem}@media only screen and (max-width: 56.25em){.heading-sec__mb-med{margin-bottom:8rem}}.heading-sec__main{display:block;font-size:4rem;text-transform:uppercase;letter-spacing:1px;letter-spacing:3px;text-align:center;margin-bottom:3.5rem;position:relative}.heading-sec__main--lt{color:#fff}.heading-sec__main--lt::after{content:"";background:#fff !important}.heading-sec__main::after{content:"";position:absolute;top:calc(100% + 1.5rem);height:5px;width:3rem;background:#EC4B49;left:50%;transform:translateX(-50%);border-radius:5px}@media only screen and (max-width: 37.5em){.heading-sec__main::after{top:calc(100% + 1.2rem)}}.heading-sec__sub{display:block;text-align:center;color:#777;font-size:2rem;font-weight:500;max-width:80rem;margin:auto;line-height:1.6}@media only screen and (max-width: 37.5em){.heading-sec__sub{font-size:1.8rem}}.heading-sec__sub--lt{color:#eee}.heading-sm{font-size:2.2rem;text-transform:uppercase;letter-spacing:1px;color:#EC4B49}.main-container{max-width:120rem;margin:auto;width:92%}.btn{background:#fff;color:#333;text-transform:uppercase;letter-spacing:2px;display:inline-block;font-weight:700;border-radius:5px;box-shadow:0 5px 15px 0 rgba(0,0,0,0.15);transition:all 0.3s}.btn:hover{transform:translateY(-5px)}.btn--bg{padding:1.5rem 8rem;font-size:2rem}.btn--med{padding:1.5rem 5rem;font-size:1.6rem}.btn--theme{background:#EC4B49;color:#fff}.btn--theme-inv{color:#EC4B49;background:#fff;border:2px solid #EC4B49;box-shadow:none;padding:calc(1.5rem - 2px) calc(5rem - 2px)}.sec-pad{padding:12rem 0}@media only screen and (max-width: 56.25em){.sec-pad{padding:8rem 0}}.text-primary{color:#fff;font-size:2.2rem;text-align:center;width:100%;line-height:1.6}@media only screen and (max-width: 37.5em){.text-primary{font-size:2rem}}.d-none{display:none}.m-1{margin:0.5rem}.d-flex{display:flex}.home-hero{color:#fff;background:linear-gradient(to right, rgba(236,75,73,0.1), rgba(236,75,73,0.1)),url(../../assets/bg/marek-piwnicki-U6WvLJU0l6o-unsplash.jpg);background-position:center;background-size:cover;height:100vh;min-height:70rem;max-height:120rem;position:relative}@media only screen and (max-width: 37.5em){.home-hero{min-height:unset}}.home-hero__socials{position:fixed;top:50%;right:0;border:2px solid #eee;border-left:2px solid #eee;transform:translateY(-50%)}@media only screen and (max-width: 56.25em){.home-hero__socials{display:none}}.home-hero__mouse-scroll-cont{position:absolute;bottom:10%;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 37.5em){.home-hero__mouse-scroll-cont{display:none}}.home-hero__social{width:5rem}.home-hero__social-icon-link{width:100%;display:block;padding:1.2rem;border-bottom:2px solid #eee;transition:background 0.3s;background:#EC4B49;color:#fff}.home-hero__social-icon-link:hover{background-color:rgba(236,75,73,0.7)}.home-hero__social-icon-link--bd-none{border-bottom:0}.home-hero__social-icon{width:100%}.home-hero__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90rem;width:92%}@media only screen and (max-width: 37.5em){.home-hero__content{padding:19rem 0 13rem 0;margin:auto;position:static;transform:translate(0, 0)}}.home-hero__info{margin:3rem auto 0 auto;max-width:80rem}.home-hero__cta{margin-top:5rem;text-align:center}.about{background:#fafafa}.about__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:10rem}@media only screen and (max-width: 56.25em){.about__content{grid-template-columns:1fr;grid-gap:8rem;text-align:center}}.about__content-title{font-weight:700;font-size:2.8rem;margin-bottom:3rem}@media only screen and (max-width: 37.5em){.about__content-title{font-size:2.4rem}}.about__content-details-para{font-size:1.8rem;color:grey;line-height:1.7;margin-bottom:1rem}.about__content-details-para--hl{font-weight:700;margin:0 3px}.about__content-details-para:last-child{margin-bottom:4rem}.projects__row{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:5rem;margin-bottom:11rem}@media only screen and (max-width: 56.25em){.projects__row{grid-template-columns:1fr;grid-gap:2rem;margin-bottom:8rem}}@media only screen and (max-width: 56.25em){.projects__row{text-align:center}}.projects__row:last-child{margin-bottom:0}.projects__row-img-cont{overflow:hidden}.projects__row-img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.projects__row-content{padding:2rem 0;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}@media only screen and (max-width: 56.25em){.projects__row-content{align-items:center}}.projects__row-content-title{font-weight:700;font-size:2.8rem;margin-bottom:2rem}@media only screen and (max-width: 37.5em){.projects__row-content-title{font-size:2.4rem}}.projects__row-content-desc{font-size:1.8rem;color:grey;max-width:60rem;line-height:1.7;margin-bottom:3rem}@media only screen and (max-width: 37.5em){.projects__row-content-desc{font-size:1.7rem}}.projects__row-content-desc-more{text-decoration:underline;font-weight:bold;cursor:pointer}.contact{background:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3)),url("../../assets/bg/5238994.jpg");background-size:cover;background-position:center}.contact__form-container{box-shadow:0 0 10px rgba(0,0,0,0.1);background:white;padding:4rem;margin-top:6rem;max-width:80rem;text-align:center;width:95%;border-radius:5px;margin:5rem auto 0 auto}@media only screen and (max-width: 37.5em){.contact__form-container{padding:3rem}}.contact__form-field{margin-bottom:4rem}@media only screen and (max-width: 37.5em){.contact__form-field{margin-bottom:3rem}}.contact__form-label{color:#666;font-size:1.4rem;letter-spacing:1px;font-weight:700;margin-bottom:1rem;display:block;text-align:left}.contact__form-input{color:#333;padding:2rem;width:100%;border:1px solid #ebebeb;font-size:1.6rem;letter-spacing:0px;background:#f0f0f0;border-radius:5px;font-weight:600}.contact__form-input::-moz-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input:-ms-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::-webkit-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input:-ms-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::-ms-input-placeholder{color:#999;font-weight:600;font-size:1.6rem}.contact__form-input:-moz-placeholder{opacity:1;color:#999;font-weight:600;font-size:1.6rem}.contact__form-input::-moz-placeholder{opacity:1;color:#999;font-weight:600;font-size:1.6rem}.contact__btn{width:30%;padding:2rem 4rem;font-size:1.6rem}@media only screen and (max-width: 37.5em){.contact__btn{width:100%}}.project-cs-hero{color:#fff;background:linear-gradient(to right, rgba(236,75,73,0.8), rgba(236,75,73,0.8)),url(../../assets/svg/common-bg.svg);background-size:cover;background-position:center;position:relative}@media only screen and (max-width: 37.5em){.project-cs-hero{height:unset;min-height:unset}}.project-cs-hero__content{padding:25rem 0 17rem 0;max-width:90rem;width:92%;margin:auto}@media only screen and (max-width: 37.5em){.project-cs-hero__content{padding:19rem 0 13rem 0;margin:auto;position:static;transform:translate(0, 0)}}.project-cs-hero__info{margin:3rem auto 0 auto;max-width:80rem}.project-cs-hero__cta{margin-top:5rem;text-align:center}.project-details__content{padding:8rem 0;max-width:90rem;margin:auto}.project-details__content-title{font-weight:700;font-size:2.8rem;margin-bottom:3rem}@media only screen and (max-width: 37.5em){.project-details__content-title{font-size:2.4rem}}.project-details__showcase-img-cont{width:100%;margin-bottom:6rem}.project-details__showcase-img{width:100%}.project-details__content-main{width:100%;max-width:70rem;margin:auto}.project-details__desc{margin:0 0 7rem 0}.project-details__desc-para{font-size:1.8rem;line-height:1.7;color:grey;margin-bottom:2rem}.project-details__tools-used{margin:0 0 7rem 0}.project-details__tools-used-list{display:flex;flex-wrap:wrap}.project-details__tools-used-item{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:rgba(153,153,153,0.2);border-radius:5px;font-weight:600;color:#777}.project-details__links{margin:0 0}.project-details__links-btn{margin-right:2rem}@media only screen and (max-width: 37.5em){.project-details__links-btn{margin-right:0;width:70%;margin-bottom:2rem;text-align:center}}.project-details__links-btn:last-child{margin:0}@media only screen and (max-width: 37.5em){.project-details__links-btn:last-child{margin:0}}.header{position:fixed;width:100%;z-index:1000;background:#000;background:#fff;box-shadow:0 10px 100px rgba(0,0,0,0.1)}.header__content{display:flex;align-items:center;justify-content:space-between;padding:1rem 5rem}@media only screen and (max-width: 56.25em){.header__content{padding:0 2rem}}.header__logo-container{display:flex;align-items:center;cursor:pointer;color:#333;transition:color 0.3s}.header__logo-container:hover{color:#EC4B49}.header__logo-img-cont{width:5rem;height:5rem;border-radius:50px;overflow:hidden;margin-right:1.5rem;background:#EC4B49}@media only screen and (max-width: 56.25em){.header__logo-img-cont{width:4.5rem;height:4.5rem;margin-right:1.2rem}}.header__logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.header__logo-sub{font-size:1.8rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.header__links{display:flex}@media only screen and (max-width: 37.5em){.header__links{display:none}}.header__link{padding:2.2rem 3rem;display:inline-block;font-size:1.6rem;color:#333;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color 0.3s}.header__link:hover{color:#EC4B49}@media only screen and (max-width: 56.25em){.header__link{padding:3rem 1.8rem;font-size:1.5rem}}.header__main-ham-menu-cont{display:none;width:3rem;padding:2.2rem 0}@media only screen and (max-width: 37.5em){.header__main-ham-menu-cont{display:block}}.main-footer{background:#000;color:#fff}@media only screen and (max-width: 56.25em){.main-footer{text-align:center}}.main-footer__upper{display:flex;justify-content:space-between;padding:8rem 0}@media only screen and (max-width: 56.25em){.main-footer__upper{padding:6rem 0}}@media only screen and (max-width: 37.5em){.main-footer__upper{display:block}}.main-footer__row-1{order:2}@media only screen and (max-width: 56.25em){.main-footer__row-1{margin-bottom:6.5rem}}.main-footer__row-2{width:40%;order:1;max-width:50rem}@media only screen and (max-width: 56.25em){.main-footer__row-2{width:100%}}.main-footer__row-2 em{font-size:1.8rem}.main-footer__short-desc{margin-top:2rem;color:#EC4B49;font-size:1.5rem;line-height:1.7;font-weight:800}.main-footer__social-cont{margin-top:2rem}.main-footer__icon{font-size:2rem;margin-right:1.5rem;width:2.5rem}.main-footer__icon--mr-none{margin-right:0}.main-footer__middle{text-align:center;font-size:1.5rem;padding-bottom:1em}.main-footer__lower{padding:4rem 0;border-top:1px solid #444;color:#eee;font-size:1.2rem;text-align:center}.main-footer__lower a{text-decoration:underline;font-weight:bold;margin-left:2px}@media only screen and (max-width: 56.25em){.main-footer__lower{padding:3.5rem 0}}.skills{display:flex;flex-wrap:wrap}@media only screen and (max-width: 56.25em){.skills{justify-content:center}}.skills__skill{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:rgba(153,153,153,0.2);border-radius:5px;font-weight:600;color:#777}.skills-modal{justify-content:center;align-items:center}.skills img{height:3.2rem;border-radius:5px}.mouse{width:25px;height:40px;border:2px solid #eee;border-radius:60px;position:relative;overflow:hidden}.mouse::before{content:"";width:5px;height:5px;position:absolute;top:7px;left:50%;transform:translateX(-50%);background-color:#eee;border-radius:50%;opacity:1;animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite}@keyframes wheel{to{opacity:0;top:27px}}@-webkit-keyframes wheel{to{opacity:0;top:27px}}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-thumb{background-color:#3b3b3b}html::-webkit-scrollbar-thumb:hover{background-color:#26252c}html::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.333)}.navigation{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:-1}.navigation.nav-active{visibility:visible}.navigation span{position:absolute;top:-100%;left:calc(25% * var(--i));width:25%;height:100%;background:#272436;color:#fff;transition:0.25s;transition-delay:calc(0.25s * var(--i))}.navigation.nav-active span{top:0}.navigation ul{padding:0;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;z-index:5;transform:translateX(-100px);opacity:0;visibility:hidden;transition:0.5s;transition-delay:0s}.nav-link{display:block;text-decoration:none;padding:1.5rem;font-size:3rem;color:#fff;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:color 0.3s}.nav-link:hover{color:#EC4B49}.navigation.nav-active ul{transform:translateX(0px);opacity:1;visibility:visible;transition-delay:0.75s;color:#fff;font-size:3rem}.header__main-ham-menu{background-color:#fff;cursor:pointer;display:flex;padding:0;border:1px solid #fff;border-radius:50px;width:35px}.line{fill:none;stroke:#fd0000;stroke-width:6;transition:stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)}.line1{stroke-dasharray:60 207;stroke-width:6}.line2{stroke-dasharray:60 60;stroke-width:6}.line3{stroke-dasharray:60 207;stroke-width:6}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.action{position:fixed;bottom:20px;right:20px;width:5em;height:5em;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0px 1px 2px 2px rgba(0,0,0,0.1);z-index:999}.action span{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#EC4B49;font-size:1.8rem;transition:0.3s ease-in-out}.action.sl-active span{transform:rotate(135deg)}.action ul{position:absolute;bottom:55px;right:0px;border-radius:20px;opacity:0;visibility:hidden;transition:0.3s}.action.sl-active ul{bottom:65px;opacity:1;visibility:visible;transition:0.3s}.action ul li a{list-style:none;box-shadow:0px 1px 2px 2px rgba(0,0,0,0.1);width:50px;height:50px;border-radius:50%;text-decoration:none;display:flex;justify-content:center;align-items:center;margin-top:15px;background-color:#fff;color:#EC4B49;transition:all 0.3s;font-size:1.8rem}.action ul li a:hover{font-weight:600;background-color:#EC4B49;color:#fff}.action ul li i{transition:0.1s}:root{--dotcolor:50, 49, 51;--dot: radial-gradient(rgb(var(--dotcolor)) 67%, rgba(var(--dotcolor), 0) 68%)}.spinner-after{width:100vw;height:100vh;background:#242323;position:fixed;z-index:9998;top:0;left:0}.spinner-body{place-items:center;display:grid;width:100vw;height:100vh;background:#fff;position:fixed;z-index:9999;top:0;left:0}.spinner-body .spinner{position:relative;width:50vmin;height:50vmin;filter:blur(1vmin) contrast(12)}.spinner-body .spinner:before,.spinner-body .spinner:after{display:block;content:"";position:absolute;width:100%;height:100%;transform-origin:50% 50%;background-color:white;background-repeat:no-repeat;-webkit-animation:spin linear infinite;animation:spin linear infinite;mix-blend-mode:multiply}.spinner-body .spinner:before{background-image:var(--dot),var(--dot),var(--dot),var(--dot),var(--dot),var(--dot),var(--dot),var(--dot),var(--dot),var(--dot);background-position:50% 90%, 73.5114100917% 82.360679775%, 88.0422606518% 62.360679775%, 88.0422606518% 37.639320225%, 73.5114100917% 17.639320225%, 50.0000000004% 10.000000003%, 26.4885899355% 17.6393203908%, 11.9577402838% 37.6393251045%, 11.9577593355% 62.3607709058%, 26.4888867771% 82.3618818378%;background-size:10% 10%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 10% 10%;-webkit-animation-duration:10s;animation-duration:10s}.spinner-body .spinner:after{background-image:var(--dot),var(--dot),var(--dot),var(--dot),var(--dot);background-position:50% 92.5%, 90.4199019425% 63.1332222609%, 74.9808732224% 15.6167777391%, 25.0191268065% 15.6167779152%, 9.5801192939% 63.1333190874%;background-size:15% 15%, 15% 15%, 15% 15%, 15% 15%, 15% 15%;-webkit-animation-duration:5s;animation-duration:5s}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.see-more{display:flex;justify-content:center;margin:3em 2em}#moreText{display:none;transition:all 1s linear}.split-me{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}.char{transform:translateY(115px);transition:transform 0.5s}body.no-scroll{overflow:hidden !important}.my-modal{position:fixed;background-color:#fff;top:0;left:0;right:0;bottom:0;display:none;overflow:auto;z-index:9999;height:100%;justify-content:center;align-items:center}.my-modal-content{position:absolute;max-width:1000px;height:100%;margin:0 auto;text-align:center;padding:2em}.js-close{position:fixed;right:30px;top:10px;font-size:5rem;color:#000;background-color:transparent;text-shadow:0 1px 3px rgba(0,0,0,0.26),0 26px 52px rgba(0,0,0,0.26)}@media only screen and (max-width: 37.5em){.js-close{right:10px;top:10px}}