@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear}*::selection{background-color:#dc143c;color:#fff}html{scroll-behavior:smooth}h1,h2,h3,h4{font-weight:700;color:#212529}body{width:100%;height:200vh;font-size:18px;line-height:24px;font-family:Poppins,sans-serif}@media only screen and (max-width: 768px){body{font-size:16px}}img{max-width:100%;height:auto}ul{margin:0;padding:0}li{list-style:none}a{cursor:pointer;text-decoration:none}a i{cursor:pointer}.section-container{max-width:1250px;width:100%;margin:0 auto;padding:70px 20px}@media only screen and (max-width: 768px){.section-container{padding:45px 15px}}.section-container:hover .section-subtitle{font-weight:600}.section-container:hover .section-subtitle:after{width:60px}.section-container .section-subtitle{font-family:Nunito,sans-serif;position:relative;color:#dc143c;font-size:18px;line-height:25px}.section-container .section-subtitle:after{content:"";position:absolute;bottom:50%;transform:translateY(50%);width:45px;margin-left:20px;height:2px;border-radius:40px;background-color:#dc143c;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear}.section-container .section-title{margin:20px 0;font-size:52px;line-height:64px;font-weight:700;max-width:600px}@media only screen and (max-width: 992px){.section-container .section-title{font-size:46px;line-height:56px}}@media only screen and (max-width: 768px){.section-container .section-title{font-size:30px;line-height:38px}}.section-container .section-desc{max-width:650px;width:100%;color:#6e6e6e}@media only screen and (max-width: 768px){.section-container .section-desc{max-width:450px}}.social-icons{display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-top:10px}.social-icons li a{color:#6e6e6e;font-size:23px;display:inline-block}.social-icons li a:hover{color:#dc143c;transform:translateY(-5px)}.btn{cursor:pointer;display:inline-block;background-color:#dc143c;padding:15px 40px;border-radius:5px;border:2px solid transparent;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear}@media only screen and (max-width: 768px){.btn{padding:15px 30px}}.btn,.btn a{color:#fff;letter-spacing:1px;font-size:20px;font-family:Poppins,sans-serif}@media only screen and (max-width: 768px){.btn,.btn a{font-size:18px}}.btn:hover,.btn-transparent{border-color:#dc143c;background-color:#ffffff80;transform:translateY(-8px)}.btn:hover,.btn:hover a,.btn-transparent,.btn-transparent a{color:#dc143c}.btn-transparent{transform:translateY(0)}.back-to-top{transform:translate(100px);display:flex;justify-content:center;align-items:center;cursor:pointer;width:42px;height:42px;border:2px solid #dc143c;border-radius:5px;position:fixed;bottom:25px;right:30px;background-color:#dc143c;color:#fff;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear;font-size:15px}.back-to-top__active{transform:translate(0)}.back-to-top:hover{transform:translateY(-8px)}.header{z-index:100;position:fixed;width:100%;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear}.header:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#dc143c;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear}.header .section-container{display:flex;justify-content:space-between;align-items:center;text-align:left;margin:auto;transition:padding .2s linear;padding:35px 20px}@media only screen and (max-width: 768px){.header .section-container{background-color:#fffffff2;box-shadow:#0000002e 0 2px 4px;padding:25px 30px;border-radius:0 0 10px 10px;padding:25px 20px!important}}.header .logo{font-size:40px;color:#212529;cursor:pointer;font-family:Nunito,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none}@media only screen and (max-width: 768px){.header .logo{font-size:34px}}.header .logo span{color:#dc143c;font-weight:800}@media only screen and (max-width: 565px){.header .nav{display:none}}.header .nav-list{display:flex;justify-content:space-between;align-items:center}.header .nav-item{margin:0 15px}.header .nav-item:hover{transform:translateY(-4px)}@media only screen and (max-width: 768px){.header .nav-item{margin:0 10px}}.header .nav-link{color:#212529;font-weight:500;position:relative;font-size:17px}.header .nav-link__active{color:#dc143c}.header .toggle-btn{border:none;display:none;background-color:transparent;position:fixed;top:35px;right:25px}@media only screen and (max-width: 565px){.header .toggle-btn{display:inline-block}}.header .toggle-btn .bar{width:27px;height:2.5px;border-radius:70px;background-color:#212529;position:relative;transition:.15s all linear}.header .toggle-btn .bar:before,.header .toggle-btn .bar:after{content:"";position:absolute;width:inherit;height:inherit;background-color:inherit;border-radius:inherit;transition:inherit;left:0}.header .toggle-btn .bar:before{bottom:8px}.header .toggle-btn .bar:after{top:8px}.header-toggle-active{height:100vh;background-color:#fff}.header-toggle-active:after{width:100%;height:5px}.header-toggle-active .section-container{flex-direction:column;align-items:flex-start}.header-toggle-active .nav{width:100%;display:flex;height:100vh}.header-toggle-active .nav-list{display:flex;flex-direction:column;justify-content:center;margin:15px auto}.header-toggle-active .nav-item{margin:40px 0}.header-toggle-active .nav-link{font-size:26px}.header-toggle-active .nav-link:after{display:none!important}.header-toggle-active .toggle-btn .bar{transform:rotate(135deg);background-color:#dc143c}.header-toggle-active .toggle-btn .bar:before{display:none}.header-toggle-active .toggle-btn .bar:after{top:0;transform:rotate(90deg)}.header-scroll-active .section-container{background-color:#fffffff2;box-shadow:#0000002e 0 2px 4px;padding:25px 30px;border-radius:0 0 10px 10px}.footer{background-color:#212529;color:#fff}.footer .section-container{padding-top:60px;padding-bottom:40px;text-align:left;margin-top:0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;align-items:flex-start;padding-bottom:45px;flex-wrap:wrap}.footer-top .social-icons li a{color:#fff}.footer-top .social-icons li a:hover{color:#dc143c}.footer .info-container{flex-basis:460px}.footer .social-container{flex-basis:200px}@media only screen and (max-width: 768px){.footer .social-container{flex-basis:150px}}.footer .footer-title{color:#fff;font-size:25px;font-weight:600;margin-bottom:16px}.footer .info-desc{font-size:16px;line-height:24px}.footer-bottom{max-width:800px;margin:auto;text-align:center;font-size:14px;font-weight:300;padding-top:35px;border-top:1px solid #fff}@media only screen and (max-width: 768px){.footer-bottom{text-align:left}}.footer-bottom a{color:#fff;text-decoration:underline;font-weight:500}.footer-bottom a:hover{color:#dc143c}.hero{height:100vh;background-image:linear-gradient(to right,rgba(245,245,245,.6),rgba(245,245,245,.6)),url(/portfolio-v2/assets/hero-bg-89b0675c.svg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:center}.hero .section-container{margin:auto;width:100%;text-align:center}.hero .title{font-size:57px;line-height:40px;margin-top:30px;margin-bottom:40px;color:#212529}.hero .title span{color:#dc143c}.hero .title span:after{color:#212529}@media only screen and (max-width: 768px){.hero .title{font-size:45px;line-height:53px;margin-bottom:22px}}.hero .desc{max-width:560px;margin:0 auto;color:#6e6e6e;font-size:20px;line-height:28px}.hero .btn{margin-top:54px}@media only screen and (max-width: 768px){.hero .btn{margin-top:36px}}.hero .arrow-down{display:flex;justify-content:center;align-items:center;position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:40px;height:40px;font-size:15px;color:#fff;background-color:#dc143c;border:none;cursor:pointer;border-radius:40px;animation:arrow-scroll-animation 1.3s ease-in-out infinite forwards}@media only screen and (max-width: 768px){.hero .arrow-down{display:none!important}}@keyframes arrow-scroll-animation{0%{bottom:60px;background-color:#dc143c}to{bottom:20px;color:transparent;background-color:transparent}}.about{background-color:#f6f6f6}.about .content-container{display:grid;gap:60px;justify-content:flex-start;align-items:stretch;grid-template-columns:repeat(2,1fr);margin:50px 0;text-align:left}@media only screen and (max-width: 992px){.about .content-container{gap:30px}}@media only screen and (max-width: 768px){.about .content-container{grid-template-columns:1fr;gap:20px;grid-template-rows:repeat(2,1fr);max-width:500px;margin:20px auto}}.about .line-break{width:100%;margin:30px 0}.about .content__image{width:100%;border-radius:15px;background-position:20%;background-size:cover;background-repeat:no-repeat;position:relative}.about .content__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;background-image:linear-gradient(45deg,#dc143c,#212529);opacity:.4}.about .content__info{display:flex;justify-content:flex-start;align-items:flex-start;padding:20px 0;flex-direction:column}.about .content__info-title{font-size:34px;line-height:42px;font-weight:600}.about .content__info-subtitle{font-weight:500;font-size:20px}.about .content__info-subtitle span{color:#dc143c}.about .content__info-desc{font-size:16px;line-height:24px;color:#6e6e6e;margin-top:5px}.about .content-info__section{width:100%}.about .content-info__section-top{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;flex-direction:column}.about .content-info__section-title{font-size:23px;text-transform:uppercase;font-weight:600}.about .content-info__section-bottom div{display:grid;gap:0;justify-content:space-between;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.about .content-info__section-bottom div li{padding:6px 0;font-weight:500}.about .content-info__section-bottom div li a{color:#212529;text-decoration:underline}.about .content-info__section-bottom div li span{color:#6e6e6e;text-transform:capitalize}.about .skills-container .skills-container__title{font-size:34px;line-height:42px;font-weight:700}@media only screen and (max-width: 768px){.about .skills-container .skills-container__title{font-size:30px}}.about .skills-container .skills-list{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}@media only screen and (max-width: 768px){.about .skills-container .skills-list{column-gap:8px}}.about .skills-container .skills-list__item{padding:0 5px;border-radius:5px;display:inline-block;cursor:pointer}.about .skills-container .skills-list__item:hover{transform:translateY(-8px)}.about .skills-container .skills-list .skill-image{width:75px;height:75px}@media only screen and (max-width: 768px){.about .skills-container .skills-list .skill-image{width:65px;height:65px}}.service .service-container{margin:50px 0;display:grid;gap:34px;justify-content:flex-start;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(275px,1fr))}@media only screen and (max-width: 768px){.service .service-container{margin:20px auto}}.service .service-item{border-radius:20px;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;background-color:#f6f6f6;padding:25px;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:13px}.service .service-item__idx{font-size:32px;background-color:#dc143c;color:#fff;width:58px;height:58px;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-bottom:7px}.service .service-item__title{font-size:28px;line-height:36px;color:#212529}.service .service-item__description{font-size:16px;line-height:24px;color:#6e6e6e}.portfolio{background-color:#f6f6f6}.portfolio .content-container{margin:50px 0}@media only screen and (max-width: 768px){.portfolio .content-container{margin:20px auto}}.portfolio .project-tag__list{display:flex;justify-content:start;align-items:center;column-gap:25px;row-gap:10px;margin-bottom:30px;flex-wrap:wrap}@media only screen and (max-width: 768px){.portfolio .project-tag__list{margin-bottom:20px;column-gap:15px}}.portfolio .project-tag__list .project-tag__item{color:#6e6e6e;cursor:pointer;text-transform:capitalize}.portfolio .project-tag__list .project-tag__item:hover{font-weight:500}.portfolio .project-tag__list .project-tag__item.tag-active{color:#dc143c;font-weight:500}.portfolio .project-container{display:grid;gap:25px;justify-content:flex-start;align-items:stretch;place-items:center;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.portfolio .project-item{max-width:500px;overflow:hidden;text-align:center;position:relative;cursor:pointer}.portfolio .project-item:hover .project-item__link-list{display:flex}.portfolio .project-item:hover .project-item__image img{scale:1.3}.portfolio .project-item:hover .project-item__image:before{opacity:.9}.portfolio .project-item:hover .project-item__title:after,.portfolio .project-item:hover .project-item__title:before{margin:0 7px;color:#dc143c}.portfolio .project-item__image{width:100%;border-radius:10px;position:relative;margin-bottom:10px;overflow:hidden}.portfolio .project-item__image img{border-radius:10px;height:100%;transition:scale .2s linear}.portfolio .project-item__image:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:#212529;opacity:0;transition:inherit;z-index:10}.portfolio .project-item__title{text-transform:capitalize;font-size:21px;line-height:29px;font-weight:400}.portfolio .project-item__title:after,.portfolio .project-item__title:before{margin:0;transition:inherit}.portfolio .project-item__title:before{content:"<"}.portfolio .project-item__title:after{content:"/>"}.portfolio .project-item__link-list{display:none;position:absolute;bottom:55px;left:20px;gap:10px;z-index:20}.portfolio .project-item__link-item a{color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:40px}.portfolio .project-item__link-item a:hover{color:#212529;background-color:#fff}.contact{background-image:linear-gradient(to right,rgba(245,245,245,.6),rgba(245,245,245,.6)),url(/portfolio-v2/assets/hero-bg-89b0675c.svg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.contact .section-container{max-width:1350px;display:grid;gap:45px;justify-content:flex-start;align-items:stretch;grid-template-columns:.7fr 1fr}@media only screen and (min-width: 0) and (max-width: 978px){.contact .section-container{gap:30px;grid-template-columns:1fr}}.contact .content-container{max-width:470px}.contact .content-container .section-title{font-size:56px;line-height:64px;margin-bottom:35px}@media only screen and (max-width: 768px){.contact .content-container .section-title{font-size:46px;line-height:54px;margin-bottom:25px}}.contact .content-container .section-desc{margin-bottom:50px}@media only screen and (max-width: 768px){.contact .content-container .section-desc{margin-bottom:30px}}.contact .contact-list{display:flex;justify-content:start;align-items:start;flex-direction:column;gap:25px}@media only screen and (max-width: 768px){.contact .contact-list{gap:15px}}.contact .contact-list li{display:flex;justify-content:space-between;align-items:center;gap:14px}.contact .contact-list li svg{color:#dc143c;font-size:28px}.contact .contact-list li a{text-decoration:underline}.contact .contact-list li span,.contact .contact-list li a{color:#212529;font-weight:500}.contact .form-container{background-color:#fff;border-radius:15px;box-shadow:#0000000d 0 0 0 1px;padding:35px}@media only screen and (max-width: 768px){.contact .form-container{border-radius:10px;padding:20px}}.contact .input-container__row{display:flex;justify-content:space-between;align-items:center;gap:25px}@media only screen and (max-width: 565px){.contact .input-container__row{flex-direction:column;gap:0}}.contact .input-container{width:100%;margin:0 auto 25px;text-align:left}.contact label{font-size:15px;font-weight:600;color:#6e6e6e;display:inline-block;margin-bottom:7px}.contact input:not([type=submit]),.contact textarea{cursor:text;display:block;width:100%;background-color:#f0f0f0;border:2px solid transparent;border-radius:7px;outline:none;transition:.1s color linear,.2s background-color ease-in-out,.15s width linear,.2s border-color linear,transform .2s linear,margin .22s linear,.15s opacity linear,font-weight .15s linear;padding:15px;font-size:16px;font-weight:500;font-family:inherit;box-shadow:#0000000d 0 1px 2px}@media only screen and (max-width: 565px){.contact input:not([type=submit]),.contact textarea{padding-top:10px;padding-bottom:10px}}.contact input:not([type=submit])::placeholder,.contact textarea::placeholder{transition:inherit}.contact input:not([type=submit]):focus,.contact textarea:focus{border-color:#dc143c;background-color:#fff}.contact input:not([type=submit]):focus::placeholder,.contact textarea:focus::placeholder{color:transparent}.contact textarea{resize:none;height:250px}